/* ##### Common Styles ##### */
/* Colors Used
	Steel Blue : #A0BED1
	Grey : #B3BDC4
	Light Steel Blue : #D8E3EB
	Medium Steel Blue : #79A1BB
	Default Color - Dark Steel Blue : #396D91
*/

body {
	color: #396D91;
	background-color: white;
	font-family: verdana;
	font-size: 77%;
	margin: 0;
	padding: 0;
}

acronym, .titleTip {
	border-bottom: 1px dotted #B3BDC4;
	cursor: help;
	margin: 0;
	padding: 0 0 0.4px 0;
}

acronym:hover, .titleTip:hover {	/* Ignored by MSIE. The nerve! */
	border-bottom: 1px solid #79A1BB;	
}

.doNotDisplay {
	display: none;
}

.smallCaps {
	font-size: 85%;
	font-variant: small-caps;
}
img {
	border:0;
}
table {
	border-collapse:collapse;
}


/* ###### Header ###### */

#hd {
	margin: 0;
	padding: 0.75em 1ex 0.5ex 1ex;
	border-bottom: 10px solid #396D91;
}

#hd .headerTitle, #hd .headerTitle a {
	color: #B3BDC4;
	background-color: transparent;
	font-family: garamond;
	font-size: 200%;
	margin: 0 0 15px 15px;
	padding: 10px 0 0 15px;
	font-weight:600;
	text-decoration:none;
}

#hd .dateline {
	color: #B3BDC4;
	background-color: transparent;
	font-style: italic;
	float: right;
	margin: 0 1ex;
	padding: 0;
}

/* ##### Navigation ##### */
#idonavigation ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

#idonavigation li {
	line-height: 1.75em;
	margin: 0;
	padding: 0;
	display: inline;
}

#idonavigation a {
/*	color: #B3BDC4;*/
	color: #396D91;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

#idonavigation a:hover {
	color: #396D91;
	background-color: transparent;
	text-decoration: none;
}

#idonavigation li, #idonavigation li.selected {
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0.5ex 1.25em 1ex 1.25em;
	border-style: solid solid none solid;
	border-width: 1px 1px 0 1px;
}

#idonavigation li {
/*	color: #B3BDC4;*/
	color: #396D91;
	background-color: rgb(248,248,248);
	border-color: rgb(231,231,231) rgb(97,97,97) rgb(97,97,97) rgb(231,231,231); 
}
#idonavigation li a:hover {
	color: #396D91;
	background-color: rgb(248,248,248);
	text-decoration: none;
	padding-bottom: 0.8ex;
	border-color: rgb(97,97,97) rgb(231,231,231) rgb(231,231,231) rgb(97,97,97);
/*	position: relative; */
	left: 1px;
	top: 1px;
}

#idonavigation li.selected, #idonavigation li.selected a, #idonavigation li.selected a:hover {
	color: white;
	background-color: #396D91;
	border-color: #396D91;
	text-decoration: none;
}
.selecteddiv {
	display:block;
}
.hiddendiv {
	display:none;
}

/* ###### Entry ###### */
.entryheader {
	background-color:#396D91;
	padding:3px 5px;
	margin-bottom:5px;
}
.entrytitle, .entrytitle a {
	color:#D8E3EB;
	text-decoration:none;
	font-size:115%; /* 14 px */
	font-weight:bold;
	padding-bottom:2px;
}
.entrysubtitle {
	color:#D8E3EB;
	font-weight:normal;
	padding:0 0 3px 15px;
}
.entrybody {
	font-size:100%;
}
.entrybody a, .commentmeta a, li.commentlist a, li.commentlistauthor a {
	color: #79A1BB;
	background-color: transparent;
	text-decoration: underline;
}

.entrybody a:hover, .commentmeta a:hover, li.commentlist a:hover, li.commentlistauthor a:hover {
	color: #79A1BB;
	background-color: transparent;
	text-decoration: none;
}
.entrybody blockquote {
	color:#396D91;
	background-color: #D8E3EB;
	border-left: 1px solid #396D91;
	border-right: 1px solid #396D91;
	margin: 10px 20px;
	padding:10px;
}
.entrybody ul {
	list-style-type: square;
	list-style-position: inside;
	padding:5px 10px;
}
.entrybody q {
	color: #A0BED1;
	background-color: #B3BDC4;
	font-weight: 500;
	line-height: 1.5em;
	text-align: left;
	text-indent: -1ex;
	margin: 0.3em 0 0.8em 1ex;
	padding: 0;
	display: block;
}

q:before, q:after {	/* Prevents Gecko from adding quotation marks around quote */
	content: "";
}
.entryfooter {
	background-color: #D8E3EB;
	color:#396D91;
	font-size: 77%;
	margin: 10px 30px;
	padding:3px 15px;
}
.entryfooter img {
	width:16px;
	height:16px;
	padding:0 3px;
	border:0;
}
.entryfooter table {
	width:100%;
}
.entryfooter tr {
	vertical-align:top;
}
.entryfooter td {
	width:50%;
}
.entryfooter a {
	color:#396D91;
	background-color: transparent;
	text-decoration: underline;	
}
hr,entrysep {
	width:100%;
	color:#396D91;
	background-color:#396D91;
	height:3px;
	margin-bottom:20px;
	text-align:center;
}
.commentheader {
	width:100%;
	color:#396D91;
	background-color: #D8E3EB;
	font-size:125%;
	font-weight:600;		
}
ul.idocomments {
	padding-left:35px;
}
li.commentlist, li.commentlistauthor {
	border-bottom:1px dotted #396D91;
	padding:5px 10px 5px 0;
	color: #A0BED1;
}
li.commentlistauthor, li.commentlistauthor .commentbody {
	background-color: #D8E3EB;
	color: #396D91;
}
.commentmeta {
	color: #396D91;
	padding-bottom:4px;
}
.commentbody {
	padding-left:30px;
}
li.commentlist .commentbody{
	color: #396D91;
}
.commentsubject {
	font-weight :600;
}
.commentform table {
	width:500px;
	border: 1px dotted #D8E3EB;
	margin:10px 2px;
	padding:2px;
}
.commentform td {
	padding:1px 8px;
}
.commentform input {
	width:300px;
	border-color:#D8E3EB;
}
textarea {
	word-wrap : break-word; 
	width : 500px; 
	height : 100px; 
	overflow: visible; 
}

/* ###### Data Tables  ###### */
.datatable {
	width:95%;
	margin:5px 10px;
}
.datatable TR {
	vertical-align:top;
}
.datatable TH {
	background-color:#396D91;
	color:#D8E3EB;
	font-weight:600;
	padding:2px 5px;
}
.datatable TD {
	border-left:1px dotted #396D91;
	border-right:1px dotted #396D91;
	padding: 2px 3px;
}
.aboutme {
	margin: 10px 0 10px 39px;
	border: 1px dashed #396D91;
}
.aboutme h1  {
	font-weight:600;
	font-size:107%;
	margin:10px 10px 3px 10px;
	color: #396D91;	
}
.aboutme h2  {
	font-weight:500;
	font-size:92%;
	margin:15px 10px 3px 5px;
	color: #396D91;	
}
.aboutme ul {
	list-style: square;
	margin-left:30px;
}
.aboutme p {
	margin-left:30px;
}
/* ###### Side Block ###### */
.idoside {
	font-size: 70%;
	color: #396D91;
	margin:6px 0 18px 0;
	text-align:right;
}
.idoside a, .idoside a:link, .idoside a:visited {
	color:#396D91;
	font-weight:500;
	background-color: transparent;
	text-decoration: none;
}
.idoside a:hover, .idoside a:active {
	color:#396D91;
	font-weight:500;
	background-color: transparent;
	text-decoration: underline;
}
.idoblock {
	border: 1px dotted #A0BED1;
	float:left;
	margin: 10px 10px;
	padding: 0;
}
.idoblock h2 {
	background-color: #A0BED1;
	color: #396D91;
	font-size: 92%;
	font-weight: 600;
}
.idoblock a {
	background-color: transparent;
	color: #79A1BB;
	font-size: 92%;
	font-weight: normal;
	text-decoration:none;
}
.idoblock a:hover {
	background-color: #D8E3EB;
	color: #79A1BB;
	font-size: 92%;
	font-weight: normal;
	text-decoration:none;
}
idoblock ul {
	list-style:none;
}
idoblock li {
	padding:1px 0 0 3px;
}

/* ###### Footer ###### */

#ft {
	font-size: 62%;
	color: #D8E3EB;
	background-color: #396D91;
	margin: 1em 0 0 0;
	padding: 0.25em 5px 1.25ex 5px;
}

#ft .left {
	line-height: 1.45em;
	float: left;
	clear: left;
}

#ft .right {
	text-align: right;
	line-height: 1.45em;
}

#ft a {
	color: #B3BDC4;
	font-weight:500;
	background-color: transparent;
	text-decoration: underline;
}

#ft a:hover {
	color: #B3BDC4;
	font-weight:500;
	background-color: transparent;
	text-decoration: none;
}
