@import "reset.css";

html {  background: url(../images/body_bg.jpg) 0 0 repeat-x #002D64; padding: 5px 0 0 0; width: 100%; }
body { background: url(../images/wrapper_bg.png) 0 0 repeat-y; margin: 0 auto; min-height: 500px; width: 923px; }

#header { background: url(../images/header_bg.jpg) 11px 0 no-repeat; height: 105px; padding: 0 12px 48px 11px; position: relative; width: 900px; }
	#logo {  background: url(../images/logo.png) 0 0 no-repeat; display: block; height: 90px; left: 0; overflow: hidden; position: absolute; text-indent: -10000px; top: 0; width: 90px; }
	#site_header { background: url(../images/site_header.png) 108px 17px no-repeat; display: block; height: 107px; left: 36px; overflow: hidden; padding: 0px; position: absolute; text-indent: -10000px; top: 6px; width: 409px; }
	#most_trusted { background: url(../images/most_trusted-hd.png) 0 0 no-repeat; display: block; height: 16px; left: 544px; overflow: hidden; position: absolute; text-indent: -10000px; top: 72px; width: 338px; }	
	
	#search { background: url(../images/search_bg.jpg) 0 0 no-repeat; color: #ffffff; font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif; height: 26px; left: 653px; padding: 11px 0 0 20px; position: absolute; top: -5px; width: 207px; }
			#search ul li { display: block; float: left; }
			#search label, #search input { margin: 0 4px 0 0; }
			#search label { display: block; padding: 3px 0 0 0; }
			#search input.go { vertical-align: top; }
			#search input.text { border: 1px solid #67a4e8;  color: #375A7F; font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif; padding: 2px 5px; }
	
	#stripe_pattern { background: url(../images/americana_stripes.jpg) 0 0 repeat-x; bottom: 36px; height: 12px; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 900px; }

	#navigation { background: url(../images/nav_bg.jpg) 0 0 repeat-x; bottom: 0; height: 36px; padding: 0 0 0 32px; position: absolute; width: 868px; }
		#navigation li { display: block; float: left; }
			#navigation li.first { border-left: 1px solid #131414; }
			#navigation li.last { border-right: 1px solid #3d3b3b; }
		#navigation li a { border-left: 1px solid #3d3b3b; border-right: 1px solid #131414; color: #c3c3c3; display: block; font: bold 14px/14px Arial, Helvetica, sans-serif; padding: 10px 16px 12px 16px; vertical-align: middle; }
		#navigation li a:hover, #navigation li a.active { background: url(../images/nav_bg.jpg) 0 -36px repeat-x; border-left: 1px solid #375d88; color: #ffffff; }

body#home #maincontent_top { background: url(../images/maincontent_top_home.jpg) 12px 0 no-repeat; height: 34px; padding: 0 12px 0 11px; width: 900px; }

#maincontent_top { background: url(../images/maincontent_top.jpg) 12px 0 no-repeat; height: 34px; padding: 0 12px 0 11px; width: 900px; }	
#maincontent_wrapper { background: url(../images/maincontent_bg.jpg) 12px 0 repeat-y; min-height: 500px; padding: 0 39px 27px 38px; width: 846px; }
	#home_briefs { background: url(../images/home_brief_bg.jpg) -6px 0 no-repeat; height: 205px; width: 588px; }
	#home_briefs ul li { display: block; float: left; height: 190px; margin: 0 13px 0 0; padding: 0 7px 0 6px; position: relative; width: 266px; }
		#home_briefs ul li h1.brand_new { background: url(../images/brand_new_hd.jpg) 0 0 repeat-x; color: #ffffff; font: normal 18px/18px "Times New Roman", Times, serif; height: 14px; padding: 7px 0 12px 15px; vertical-align: middle; width: 251px; }
		#home_briefs ul li h1.archived_fav { background: url(../images/archive_fav_hd.jpg) 0 0 repeat-x; color: #ffffff; font: normal 18px/18px "Times New Roman", Times, serif; height: 14px; padding: 7px 0 12px 15px; vertical-align: middle; width: 251px; }
		#home_briefs ul li h2 { color: #383838; display: block; font: bold 24px/24px Arial, Helvetica, sans-serif; padding: 7px 0 7px 15px;  }
		#home_briefs ul li p { color: #5F5F5F; font: normal 13px/17px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 15px; }
		#home_briefs ul li a.more { background: #eeecec; border-right: 1px solid #cfcfcf; color: #b16367; font: normal 12px/12px Verdana, Arial, Helvetica, sans-serif; height: 17px; left: 6px; padding: 5px 0 0 7px; position: absolute; top: 159px; width: 125px; }
		#home_briefs ul li a.send { background: #eeecec; color: #ababab; font: normal 12px/12px Verdana, Arial, Helvetica, sans-serif; height: 17px; left: 139px; padding: 5px 0 0 7px; position: absolute; top: 159px; width: 126px; }
			#home_briefs ul li a:hover { background: #CFCFCF; color: #ffffff; }
			#home_briefs ul li a.active { background: #444; color: #ffffff; font: normal 12px/12px Verdana, Arial, Helvetica, sans-serif; height: 17px; left: 139px; padding: 5px 0 0 7px; position: absolute; top: 159px; width: 126px; }
		
			.brief_mailform { display: none; }
			.brief_mailform table { margin: 8px 0 0 0; }
			.brief_mailform td { border: 0; padding: 0 0 3px 8px; text-align: left; }
			.brief_mailform label { color: #ffffff; font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; }
			.brief_mailform input.name { background: #EEECED; border-bottom: 1px solid #0D3C70; border-left: 2px solid #0D3C70; border-right: 1px solid #0D3C70; border-top: 2px solid #0D3C70; color: #0D3C70; font: normal 12px/12px Arial, Helvetica, sans-serif; padding: 4px 3px 2px 6px; width: 190px; }
			.brief_mailform input.email { background: #EEECED; border-bottom: 1px solid #0D3C70; border-left: 2px solid #0D3C70; border-right: 1px solid #0D3C70; border-top: 2px solid #0D3C70; color: #0D3C70; font: normal 12px/12px Arial, Helvetica, sans-serif; padding: 4px 3px 2px 6px; width: 190px; }
			.brief_mailform input.submit { background: #0D3C70; border-bottom: 1px solid #08223F; border-left: 2px solid #08223F; border-right: 1px solid #08223F; border-top: 2px solid #08223F; color: #ffffff; cursor: pointer; float: left; font: normal 14px/14px Arial, Helvetica, sans-serif; margin: 3px 0 0 0; padding: 4px 8px; vertical-align: bottom; }
		
	#sidebar { background: url(../images/sidebar_bg.jpg) 0 0 repeat-y; float: right; margin: 0; min-height: 500px; padding: 0 6px; width: 225px; }
		h1#welcome_header { background: url(../images/sidebar_header.jpg) 0 -5px repeat-x; color: #4F4F4F; font: normal 30px/32px "Times New Roman", Times, serif; padding: 11px 15px 16px 15px; position: relative; }
			h1#welcome_header span { background: url(../images/welcome_icon.jpg) 0 0 no-repeat; display: block; left: 175px; height: 30px; position: absolute; top: 13px; width: 32px; }
		#welcome_text { color: #5F5F5F; font: normal 12px/15px Verdana, Arial, Helvetica, sans-serif; padding: 12px 18px 18px 18px;  }
			#welcome_text p:first-letter { color: #DF4552; font: normal 24px/24px "Times New Roman", Times, serif; }
			
		h1#news_header { background: url(../images/sidebar_header.jpg) 0 0 repeat-x; color: #4F4F4F; font: normal 30px/32px "Times New Roman", Times, serif; padding: 16px 15px 16px 15px; position: relative; }
			h1#news_header span, h1#news_header a { background: url(../images/news_icon.jpg) 0 0 no-repeat; display: block; left: 175px; height: 30px; position: absolute; top: 16px; width: 32px; }
				h1#news_header a { overflow: hidden; text-indent: -10000px; }
		
		
		.interior h1#news_header { background: url(../images/sidebar_header.jpg) 0 -5px repeat-x; padding: 11px 15px 16px 15px; }
		#news_text { color: #5F5F5F; font: normal 12px/15px Verdana, Arial, Helvetica, sans-serif; padding: 12px 18px 18px 18px;  }
		#news_text h3 { color: #DF4552; font: bold 14px/17px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 6px 0; }	
		#news_text h2 { color: #686A6F; font: normal 18px/21px Arial, Helvetica, sans-serif; }
		#news_text p { margin: 0 0 24px 0; }
		#news_text p a { color: #8F5056; display: block; padding: 6px 0 0 0; }
		#news_text p a:hover { color: #DF4552 }
			
			
		
	#maincontent { background: url(../images/mainhaiku_bg.jpg) 0 0 repeat-y; clear: left; margin: 0; min-height: 500px; padding: 0 5px 0 6px; width: 559px; }
		#maincontent h1#main_header { background: url(../images/main_hd.jpg) 0 0 repeat-x; color: #ffffff; font: normal 36px/36px "Times New Roman", Times, serif; padding: 9px 0 18px 15px; height: 36px; vertical-align: middle; width: 544px;  }
		#interior_content { padding: 17px }
		#interior_content h2 { color: #383838; font: bold 20px/23px Arial, Helvetica, sans-serif; margin: 0 0 17px 0; }
		#interior_content p, #results, #result_report, #other_pages { color: #0D3C70; font: normal 14px/17px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 17px 0; }
		#interior_content a { color: #9F2729; }
		#interior_content a:hover { color: #CD3132; }
		
		#interior_content fieldset { padding: 1em 0 0 0; }
		#interior_content label { clear: both; color: #111111; display: block; float: left; font: normal 12px/21px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 1em 0; padding: 0 8px 0 0; text-align: right; text-transform: uppercase; word-spacing: .05em; width: 85px; }
		#interior_content input.text { border: 1px solid #b3b3b3; margin: 0 0 1em 0; padding: 3px 6px; }
		#interior_content textarea { border: 1px solid #b3b3b3; margin: 0 0 1em 0; padding: 3px 6px; width: 360px; }
		#interior_content input.submit { background: #ffffff; border: 1px solid #b3b3b3; cursor: pointer; font: 12px/12px "Lucinda Grande", Verdana, sans-serif; margin: 0 0 0 93px; padding: 6px 6px 3px 6px; text-transform: uppercase; }
		#interior_content input.submit:hover { background: #eeeeee; }
		
		
		#haiku_river { padding: 10px 27px 10px 10px; }
		
			.haiku_options { position:relative; }
				.send_to_friend { background: #D74F53; border: 3px solid #CD3132; display: none; height: 82px; left: -254px; position: absolute; top: -3px; width: 404px; }
					#haiku_river .send_to_friend table { margin: 8px 0 0 0; }
					#haiku_river .send_to_friend td { border: 0; padding: 0 0 1px 8px; }
					#haiku_river .send_to_friend td.last { padding: 2px 0 0 12px; vertical-align: top; }
					.send_to_friend label { color: #ffffff; font: normal 11px/15px Arial, Helvetica, sans-serif; }
					.send_to_friend input.name { background: #EEECED; border: 1px solid #CD3132; color: #0D3C70; font: normal 12px/12px Arial, Helvetica, sans-serif; padding: 4px 3px 2px 6px; width: 190px; }
					.send_to_friend input.email { background: #EEECED; border: 1px solid #CD3132; color: #0D3C70; font: normal 12px/12px Arial, Helvetica, sans-serif; padding: 4px 3px 2px 6px; width: 190px; }
					.send_to_friend input.submit { background: #CD3132; border: 1px solid #DF373A; color: #ffffff; cursor: pointer; font: normal 14px/14px Arial, Helvetica, sans-serif; padding: 6px 12px; vertical-align: bottom; }
				.close { background: #CD3132; color: #ffffff; cursor: pointer; display: block; float: right; font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif; padding: 3px 3px 6px 6px; }
				input.sort { background: #333333; color: #ffffff; cursor: pointer; }
				.history_info { color: #333333; font: normal 13px/17px Arial, Helvetica, sans-serif; padding: 6px 12px 18px 0; }
				
		#haiku_river table { margin: 0 0 27px 0; }
		#haiku_river td { border-bottom: 2px solid #e6d9d9; vertical-align: top; }
			#haiku_river td.col1 { padding: 6px 0 0 0; width: 110px; }
			#haiku_river td.col2 { padding: 16px 0 0 0; width: 254px; }
			#haiku_river td.col3 { padding: 16px 0 0 0; }
		#haiku_river img.portrait { background: url(../images/prespic_bg.jpg) 0 0 no-repeat; padding: 12px 12px 12px 13px; }
		#haiku_river h2 { color: #383838; font: bold 20px/23px Arial, Helvetica, sans-serif; }
		#haiku_river p { color: #0D3C70; font: normal 13px/17px Verdana, Arial, Helvetica, sans-serif;  }
		#haiku_river a.history_lesson { background: url(../images/history_lesson_btn.jpg) 0 0 no-repeat; display: block; height: 37px; margin: 0 0 10px 0; overflow: hidden; text-indent: -10000px; width: 155px; }
			#haiku_river a.history_lesson:hover, #haiku_river a.history_hover { background: url(../images/history_lesson_btn.jpg) 0 -37px no-repeat; display: block; height: 37px; margin: 0 0 10px 0; overflow: hidden; text-indent: -10000px; width: 155px; }
		#haiku_river a.send_button { background: url(../images/send_to_friend_btn.jpg) 0 0 no-repeat; cursor: pointer; display: block; height: 37px; overflow: hidden; text-indent: -10000px; width: 155px; }
			#haiku_river a.send_button:hover, #haiku_river a.send_hover { background: url(../images/send_to_friend_btn.jpg) 0 -37px no-repeat; cursor: pointer; display: block; height: 37px; overflow: hidden; text-indent: -10000px; width: 155px; }
			#haiku_river a.close_bio { background: #CD3132; color: #ffffff; padding: 3px 6px; }
		#haiku_river a.view_all { background: url(../images/view_all_btn.jpg) 0 0 no-repeat; display: block; float: right; height: 53px; overflow: hidden; text-indent: -10000px; width: 189px; }
			#haiku_river a.view_all:hover { background: url(../images/view_all_btn.jpg) 0 -53px no-repeat; }
		
		#page_label { color: #111111; display: block; float: left; font: bold 14px/17px Verdana, Arial, Helvetica, sans-serif; margin: 0 6px 0 0; }
		#pagination { width: 300px; }
		#pagination li { color: #9F2729; display: block; float: left; font: normal 14px/17px Verdana, Arial, Helvetica, sans-serif; margin: 0 6px 0 0; }
			#pagination li#previous_page, #pagination li#next_page { font-weight: bold; }
		#pagination li a { color: #9F2729; text-decoration: underline; }
				#pagination li.active a { color: #111111; font-weight: bold; text-decoration: none; }
				#pagination li.inactive, #pagination li.inactive a { color: #9F9F9F; text-decoration: none; }
		#pagination li a:hover { text-decoration: none; }

#maincontent_bottom { background: url(../images/maincontent_bottom.jpg) 12px 0 no-repeat; height: 38px;  padding: 0 12px 0 11px; width: 900px; }
		
#footer { background: #002D64; color: #ffffff; font: normal 12px/15px Arial, Helvetica, sans-serif; margin: 0 auto; padding: 16px 23px 12px 23px; text-align: left; width: 900px; }
	#footer ul { float: right; }
	#footer ul li { display: block; float: left; padding: 0 14px 0 0; }
	#footer ul li a { color: #6285b1; }
	#footer ul li a:hover { color: #BFDCFF; }
	
	
	
.clear { clear: both; }
.clear:after { content: ".";  display: block;  height: 0; clear: both; visibility: hidden; }

.clear_left { clear: left; }
.clear_left:after { content: ".";  display: block;  height: 0; clear: left; visibility: hidden; }
.right { float: right; }