﻿body {	
	margin: 0px; 
	padding:0px; 
	background-color: #A8D2E5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
img {
	border:none;
}
img.icon {
	vertical-align:text-top;
}
h1 {
	font-family:'Arial Rounded MT Bold','BankGothic Md BT', Verdana, Arial, Helvetica, sans-serif;
	color:#35AACD;
	font-size:2em;
	text-decoration:underline;
	margin:0 0 15px 0;
}
h2 {
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:navy;
	margin:0 0 5px 0;
}
h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	color:maroon;
	margin:0 0 5px 0;
}
h4 {
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	margin:0 0 5px 0;
	color:#AB0707;
	font-weight:normal;
}
h5 {
	color:#AB0707;
	font-size:14px;
	font-weight:normal;
	font-family:'Times New Roman', serif;
	margin:5px 0 10px 5px; 	
}
acronym {
	cursor:help;
	border-bottom-color:maroon;
}
label {
	color:navy;
	margin-right:15px;
}
#content {
	width:825px;
	margin-left:auto;
	margin-right:auto;
	border:2px black solid;
	border-top:none;
	background:url('../imagesPres/pageBG.gif') repeat-y;
}
#header {
	width:825px;
	height:123px;
	background:url('../imagesPres/topper.gif') no-repeat;
}
#header img {
	float:right; 
	margin:25px 50px 0 0;
}
/* Left Nav styles */
#LeftColumn {
	width:178px;
	background:url('../imagesPres/leftcolumnBG.gif') no-repeat;
	float:left;
	padding-top:35px;
}
#LeftColumn ul {
	margin:0 3px 0 0;
	padding:0;
	text-align:right;
}
#LeftColumn li {
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#A8D2E5; /*sets the background of the menu items */
	/*border-right:1px solid #069;	*/
}
div#LeftColumn li:hover { 
	background-color:#5CBAD6; /*sets the background of the menu items */
	}
div#LeftColumn a {
	display:block;
	padding:3px 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:black;	/* #069sets the type color */
	font-weight:bold;
	}
div#LeftColumn a:hover {
	color:#F33;
	}
div#LeftColumn ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute;  /*positions the drop-down ul in relation to its relatively positioned li parent */
	width:15em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:175px;/*aligns the drop exactly under the menu */
	top:0;
	}
div#LeftColumn ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	/*border-left:1px solid #069;   three sides of each drop-down item */
	border-bottom:1px solid #069;
	border-right:1px solid #069;
	padding-bottom:5px;
	/*margin-bottom:-2px;*/
	}
div#LeftColumn ul li ul li:first-child {
	border-top:1px solid #069; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#LeftColumn ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#LeftColumn ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */


/*Main Div styles */
#main {
	width:647px;
	background:url('../imagesPres/mainBG.gif') no-repeat;
	background-color:white;
	float:left;
	min-height:350px;
}
#main p#breadcrumb {
	font-size:10px;
	margin:0 50px 50px 0;
	text-align:right;
}
#main .item	{
	/* effective width:597 px */
	padding:0 15px 15px 15px;
	margin:0 10px 10px 10px;
	border-bottom:1px #CCC dashed;
}
#main .item a {
	color:#5CBAD6;
}
#main .item a:hover {
	color:navy;	
}
#main .item a:visited {
	color:#970097;	
}

#main .item ul {
	list-style-type:none;
	margin:10px 0;
	padding:0;	
}
#main .item ul li {
	padding-bottom:3px;
}
#main img.show {
	margin-left:25px;
}
.bio {
	margin:25px;
	color:#333; 
	font-size:12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #CCC;
	clear:both;	
}
.bio img {
	float:left;
	margin:3px 10px 0 0;
}
.bio label {
	font-weight:bold;
	float:left;
	padding-right:5px;
}
.bio p.role {
	color: #35aacd;
	margin-bottom:10px;
}
.italic {
	font-style:italic
}
.highlight {
	color:navy;
}
.standout {color: #35aacd;}
#Sponsor {float:right;}
#Sponsor img {padding-left:50px;}

.red {
	color:red;
}
.darkRed {
	color:#AB0707;
}
.fineprint {
	font-size:.85em;
}
ul.withCheckmark {
	list-style-type:none;
}
ul.withCheckmark li {
	background:url('../imagesPres/greencheck.gif') no-repeat left top;
	padding-left:25px;
	margin-bottom:5px;
}

ul.withNotePad {
	list-style-type:none;
}
ul.withNotePad li {
	background:url('../imagesPres/ul-bg.gif') no-repeat left top;
	padding-left:25px;
	margin-bottom:5px;
}


#footer {
	width:825px;
	clear:both;
	height:25px;
	background-color:#35AACD;
}
.clearfix:after {
    content: ".";
	display: block;
    height: 0;
    clear: both;
    visibility: hidden;	
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#LeftColumn ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}
* html a {display:block;}  /*makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#LeftColumn ul li ul {
	border-top:1px solid #069;
	border-left:0px; /*stops the drop inheriting the ul border */
	}
/* end of hack zone */
/* Light Box */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border:none ; } 
#overlay img{ border:none ; }

#overlay{ background: url(../incFiles/overlay.png);  }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../incFiles/overlay.png", sizingMethod="scale");
}