@charset "UTF-8";
/* ICOI-AP Stylesheet */

body {
	background: #4091bf;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 62.5%;
	}

img { border: 0; }

.center { text-align: center; }

hr.blue { color: #66b8e8; background: #66b8e8; height: 1px; border: 1px solid #66b8e8; border-width: 1px 0 0 0; clear: both; margin: 20px 0; }
hr.gray { color: #ddd; background: #ddd; height: 1px; border: 1px solid #ddd; border-width: 1px 0 0 0; clear: both; margin: 20px 0; }

div.half { float: left; width: 49%; margin-left: 1%; }
span.quoted { font-family: "Times New Roman", Times, serif; font-size: 18px; color: #FF3300; line-height: 1; }
div.edu { float: left; width: 33%; color: #333; margin: 10px 2px 10px 0; text-align: center; font-size: 1em; }
div.edu img { margin: 5px 0; }

img.sponsors { float: left; padding: 0 0 10px 6px; }
img.publication { float: left; padding: 10px 10px 10px 6px; }

.clearit { clear: both; }
	
#wrapper {
	width: 920px;
	background: #fff;
	margin: 10px auto;
	}
	
#header {
	height: 110px;
	}
	
#topNav {
	height: 32px;
	width: 100%;
	background-color: #aaa;
	background-image: url(images/navBg.jpg);
	background-repeat: repeat-x;
	}
	
	#topNav ul {
		list-style: none;
		margin: 0;
		padding: 0 7px;
		}
	
	#topNav li { display: inline; }
		
	#topNav li a {
		list-style: none;
		float: left;
		display: block;
		padding: 0;
		margin: 0;
		border: 0;
		}
		
#main {
	background-color: #fff;
	padding: 7px 0;
	}
	
#centerCol {
	float: right;
	width: 716px;
	margin-bottom: 20px;
	}
	
	#flashBanner {
		height: 219px;
		background-color: #eee;
		}
	
	#sectionHeader { background-color: #f29511; background-image: url(images/stripe_orange.png); margin-bottom: 20px; }
		
		#sectionHeader h2 { color: #fff; font-size: 2.6em; margin: 0; padding: 1em .25em .25em .5em; }
	
	#info {
		float: left;
		width: 430px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
		#info p { font-size: 1.2em; color: #3c3c3c; margin: 0; padding: .25em 0 1em 6px; line-height: 1.5; }
		#info h2 { font-size: 2.4em; color: #194870; margin: .5em 0; padding: 0 0 0 6px; font-family: Helvetica, Verdana, sans-serif; }
		#info h3 { font-size: 1.5em; color: #194870; margin: 0; padding: .25em 0 0 6px; }
		#info a { color: #de650b; text-decoration: none; }
		#info a:hover, #info a:visited { text-decoration: underline; }
		
		#info ul, #info ol { margin-top: -5px; }
		#info li { margin-bottom: 2px; font-size: 1.2em; color: #3c3c3c; line-height: 1.3; }
		#info ol ul li { margin: 6px 0 2px 0; font-size: 1em; list-style: square; }
	
	#rightCol {
		float: right;
		width: 266px;
		margin: 1.5em 0;
		text-align: center;
		}
		
		#rightCol h2 { font-size: 2.4em; color: #194870; margin: .5em 0; padding: 0 0 0 6px; font-family: Helvetica, Verdana, sans-serif; }
		#rightCol img { padding-top: 8px;}
		#rightCol p { text-align: center; font-size: 1.2em; line-height: 1.3em; color: #505050; margin: 0; padding: 3px 0 0px 0; }
		
#leftCol {
	float: left;
	width: 196px;
	}
	
	/* left side navigation */
	#secNav {
		width: 196px;
		background-color: #2776a4;
		position: relative;
		z-index: 20;
		margin-bottom: 10px;
		}
		
		#secNav ul {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			
			#secNav li { 
				border-bottom: 1px dashed #489fd2;
				padding: 0;
				margin: 0;
				}
			
			#secNav li a {
				display: block;
				color: #fff;
				padding: 10px 14px;
				font-size: 1.2em; 
				font-weight: bold;
				text-decoration: none;
				}
			
			/* hover */
			#secNav li a:hover { background: #f29511; }
				
			#secNav li.over a:hover, #secNav li.over:hover {
				/* repeat color property from above */
				background: #f29511 url(images/arrow.gif) right center no-repeat;
				text-decoration: none;
				position: relative;
				}
			
			#secNav li ul {
				width: 242px; 
				background-color: #fcd399;
				position: absolute;
				left: -999em;
				margin-top: -33px;
				margin-left: 196px;
				z-index: 22;
				}
				
				#secNav li li {
					width: 100%;
					height: auto;
					border: 0;
					border-bottom: 1px dashed #ddad68;
					}
					
				#secNav li li a, #secNav li:hover li a { 
					color: #de650b;
					background-image: none;
					font-weight: normal;
					padding: 9px 10px;
					border: 0;
					margin: 0;
					}
				
				#secNav li li:hover, #secNav li li a:hover, #secNav li.over li a:hover { color: #0c3a55; background: transparent none; }
					
				#secNav li:hover ul ul, #secNav li:hover ul ul ul, #secNav li.sfhover ul ul, #secNav li.sfhover ul ul ul { left: -999em; }
					
				#secNav li:hover ul, #secNav li li:hover ul, #secNav li li li:hover ul, #secNav li.sfhover ul, #secNav li li.sfhover ul, #secNav li li li.sfhover ul { left: auto; top: auto; }
	
	#memberSearch, #newsletter {
		background-color: #fcdfa9;
		margin-bottom: 10px;
		padding-bottom: 7px;
		width: 196px;
		}
		
		#memberSearch h2, #newsletter h2 {
			color: #fff;
			background-color: #23557f;
			font-size: 1.4em;
			display: block;
			text-align: center;
			margin: 0;
			padding: .55em 0 .4em 0;
			}
		
		#memberSearch p, #newsletter p {
			margin: 0;
			padding: 10px 10px 0 10px;
			font-size: 1.35em;
			line-height: 1.3em;
			}
		
		#memberSearch form, #newsletter form { margin: 5px 10px; }
			
		#newsletter input.in { width: 100%; margin-bottom: 5px; }
				
#footer { text-align: center; color: #afe3f6; font-size: 1em; background-color: #4091bf; padding: 10px; }

	#footer a { color: #afe3f6; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }