@charset "UTF-8";
/* HOPES main css doc*/

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

img { border: 0; }

.clearit { clear: both; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }

a { color: #048fcf; text-decoration: underline; }
a:hover { text-decoration: none; }

#wrapper { width: 910px; margin: auto; }

	#leftCol { width: 152px; float: left; padding-top: 45px; text-align: center; }
	
	#centerCol { width: 758px; float: right; }
	
		#topNav { color: #fff; padding: 10px 20px; font-size: 1.1em; text-align: right; }
			#topNav a { color: #fff; text-decoration: none; font-weight: 300; }
			#topNav a:hover { text-decoration: underline; }
			
		#masthead { padding: 40px 0; }
		
		#main { margin-right: 44px; padding: 0 6px; background-color: #fff; }
		
			#notch { height: 6px; font-size: 0; }
			
			#nav { padding-bottom: 6px; white-space: nowrap; }
				#nav a { float: left; height: 50px; width: 117px; display: inline; position: relative; }
			
			#info { width: 500px; float: left; padding-bottom: 6px; }
				#title { width: 500px; height: 240px; }
					#title a { color: #fff; text-decoration: underline; }
					#title a:hover { text-decoration: none }
					#title span a { position: relative; direction: rtl; top: 205px; left: 145px; font-size: 1.2em; font-weight: bold; }
				#info h2 { margin: 0; padding: .5em 0; font-size: 1.6em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
				.block1, .block2, .block3 { font-size: 1.2em; padding: 10px 20px; }
					.block1 p, .block2 p, .block3 p { line-height: 1.5; margin: 0; padding: .5em 0; }
				/* block0 and block00 added */
				.block0 { font-size: 1.5em; font-weight: bold; padding: 10px 20px; }
			        .block0 p { line-height: 1.5; margin: 0; padding: .1em 0; }
				.block00 { margin: 0; padding: 0px 0px; }
				
				p.shortCol { width: 250px; }
					
			#rightCol { width: 196px; float: right; padding-bottom: 30px; }
				#subNav ul { margin: 0; padding: 0; list-style: none; }
				#subNav li { border-bottom: 1px dotted #fff; padding: 0; margin: 0; }
				#subNav li a { display: block; color: #fff; padding: 9px 15px 9px 18px; font-size: 1.2em; font-weight: bold; line-height: 1.2; text-decoration: none; }
								
				#newsletter { padding: 8px; }
				#newsletter h2 { color: #fff; background-color: #353334; margin: 0; padding: 6px 10px; font-size: 1.2em; }
				#newsletter p { color: #353334; background-color: #fff; margin: 0; padding: 8px 10px 10px 10px; font-size: 1.1em; line-height: 1.2; }
				#newsletter form { background-color: #fff; margin: 0; padding: 0 10px 12px 10px; }
					#newsletter input.in { width: 150px; margin-bottom: 4px; }
				#sponsors { margin: 10px auto; }
			
			#bottomNav { color: #666; border-top: 1px solid #666; padding: 5px 8px 8px 8px; font-size: 1em; line-height: 1.5; text-align: center; }
				#bottomNav a { color: #666; text-decoration: none; }
				#bottomNav a:hover { text-decoration: underline }
		
		#footer { color: #eee; margin-right: 44px; padding:  5px 10px 18px 10px; font-size: .9em; line-height: 1.4; text-align: center; }
			#footer a { color: #eee; text-decoration: none; }
			#footer a:hover  { text-decoration: underline; }