@charset "utf-8";

/* =RESET CSS from ERIC MEYER -http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}
/* END RESET */

/* =LAYOUT */

	body {
		background: #2D3B56 url(../../images/html.png) repeat-x;
	}
	
	#wrapper {
		position: relative;
		left: 4px;
		padding: 0;
		padding-right: 10px;
		width: 798px;
		margin: 80px auto;
		color: #000;
		background: #415681 url(../../images/wrapper_shadow.jpg) top right repeat-y;
	}
	
	#outer_wrapper {
		width: 893px;
		margin: 0 auto;
	}
	
	#allContent {
		background: #415681;
		padding: 10px 0 0 0;
		clear: both;
		position: realtive;
		min-height: 200px;
	}
	
	#mainContentWrapper {
		float: left;
		width: 486px;
		margin: 10px 15px 10px 20px;
		background: #fff url(../../images/mainContentWrapper.gif) bottom left no-repeat;
		padding: 0 0 15px 0;
		/* fix ie6 double margin float bug */
		display: inline;
		/*end*/
	}
	
	#mainContent {
		background: url(../../images/mainContent.gif) top left no-repeat;
		padding: 0 30px 0 20px;
		margin: 0 0 10px 0;
		width: auto;
	}
	
	#mainContent img {
		margin: 0 0 10px 0;
	}

	#content_left{
		width: 258PX;
		float: right;
		margin: 10px 15px 0 0;
	}
	
	#content_left div {
		margin-bottom: 15px;
	}
/* END LAYOUT */

/* =HEADER */
	
	#branding {
		background: transparent;
		padding: 0px;
		margin-bottom: 0;
	}
	
	#branding h1 {
		text-indent: -9999px;
		background: url(../../images/header_final.jpg) top left no-repeat;
		height: 376px;
		margin: 0;
		margin-left: 3px;
		padding: 0;
	}
	
/* END HEADER */

/* =IE FIX */
	/* FiXes ie6 extra padding between navigation and mainContent */
		* html #navigation {
			margin-bottom: 10px;
		}
	/*end FiX*/
/* END IE FIX */

/* =NAVIGATION */
	
	#navigation {
		font-size: 9px;
	}
	
	#navigation li {
		width: 68px;
		text-align: center;
		float: left;
		padding: 10px;
		padding-left: 0;
		height: 25px;
		margin-right: 2px;
		background: url(../../images/tab.gif) top left no-repeat;
		line-height: 1em;
	}
	
	#navigation li.active {
		background: url(../../images/tabActive.gif) top left no-repeat;
		text-align: center;
	}
	
	#navigation ol {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	#navigation ol li.active a {
		color: #fff;
	}
	
	#navigation ol li a:hover {
		color: #fff;
	}
	
	#navigation ol li a {
		color: #aaa;
		font-weight: bold;
		text-decoration: none;
	}
	
	#navigation h2 {
		display: none;
	}
	
	#navigation {
		margin-bottom: 50px;
		margin-left: 46px;
	}
	
	.twoLineNav {
		position: relative;
		top: -7px;
	}
	
/* END NAVIGATION */

/* =LEFT COLUMN */
	
	/* =NEWS */
		
		#news p {
			font-size: 13px;
		}
		
		#news .newstest {
			background: #3c5076;
			border: 1px dashed #5e77aa;
			color: #fff;
			padding: 12px;
		}
		
		#news .newstest:hover, #loony:hover {
			background: #334465;
			border: 1px dashed #fff;
		}
		
		#news img {
			border: 1px solid #333;
			margin: 10px 0;
		}

	/* END NEWS */
	
	/* =LOONY */
		#loony {
			padding: 12px;
			border: 1px dashed #5e77aa;
			color: #fff;
			background: #3c5076;
		}
							
	/* END LOONY */
	
/* END LEFT COLUMN */

/* =FOOTER */

	#legal {
		text-align: right;
		clear: both;
		padding-bottom: 5px;
		color: #fff;
		background: url(../../images/legal.jpg) bottom left no-repeat;
		margin-top: 20px;
		/* border fixes firefox rendering "problem" (i can't call it a bug - firefox isn't doing what i want but ie is - there MUST be a problem with my code but in any case this makes firfox understand my intention and i am sick of fooling with it)*/
		border-top: 1px solid #415681;
	}
	
	p#toTop {
		padding-left: 22px;
		float: left;
		width: 200px;
		text-align: left;
		margin-bottom: 20px;
	}
	
	p#toTop a {
		padding-right: 10px;
	}
	
	p#copyright {
		padding: 0 22px 20px 0;
		margin-bottom: 0;
	}
	
/* END FOOTER */



/* =TYPO */

	/* FROM BLUEPRINT/SCREEN.css */
		body {
			font-size:90%;
			color: #111;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
		h1, h2, h3, h4, h5, h6 {
			font-weight:bold;
			font-family: Cambria, Georgia, "Times New Roman", Times, serif
		}
		
		h1 {
			font-size:3em;
			line-height:1;
			margin-bottom:0.5em;
		}
		
		h2 {
			font-size: 2em;
			margin-bottom:0.5em;
		}
		
		h3 {
			font-size:1.5em;
			line-height: 120%;
			margin-bottom:1em;
		}
		
		h4 {
			font-size:1.2em;
			line-height:120%;
			margin-bottom:.75em;
			height:1.25em;
		}
		
		h5 {
			font-size:1em;
			font-weight:bold;
			margin-bottom:1.5em;
			line-height: 120%;
		}
		
		h6 {
			font-size:1em;
			font-weight:bold;
		}
		
		h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
			margin:0;
		}
		
		p {
			margin:0 0 .8em;
			line-height: 1.4em;
		}
		
		p img {
			float:left;
			margin:1.5em 1.5em 1.5em 0;
			padding:0;
		}
		
		p img.right {
			float:right;
			margin:1.5em 0 1.5em 1.5em;
		}

		blockquote {
			margin:1.5em;
			color:#666;
			font-style:italic;
		}
		
		strong {
			font-weight:bold;
		}
		
		em, dfn {
			font-style:italic;
		}
		
		dfn {
			font-weight:bold;
		}
		
		sup, sub {
			line-height:0;
		}
		
		abbr, acronym {
			border-bottom:1px dotted #666;
		}
		
		address {
			margin:0 0 1.5em;
			font-style:italic;
		}
		
		del {
			color:#666;
		}
		
		pre, code {
			margin:1.5em 0;
			white-space:pre;
		}
		
		pre, code, tt {
			font: 1em 'andale mono', 'lucida console', monospace;
			line-height:1.5;
		}
		
		li ul, li ol {
			margin:0 1.8em;
		}
		
		ul, ol {
			margin:0 1.5em 1.5em 1.5em;
		}
		
		ul {
			list-style-type:disc;
		}
		
		ol {
			list-style-type:decimal;
		}
		
		ul li, ol li {
			margin-bottom: .5em;
			line-height: 1.3em;
		}
		
		dl {
			margin:0 0 1.5em 0;
		}
		
		dl dt {
			font-weight:bold;
		}
		
		dd {
			margin-left:1.5em;
		}
		
	/* END */
	
	/* Site Specific */
		/* =LINKS */
	
			a {
				color: #aa0514;
				font-decoration: underline;
			}
			
			a:hover {
				text-decoration: none;
			}
			
			a img {
				border: none;
			}
			
			#news a {
				color: #fff;
				font-weight: bold;
			}
			
			#news ul li a {
				text-decoration: none;
			}
			
			#news ul li a:hover {
				text-decoration: underline;
			}
			/*automatically style pdf links with an icon in compatible browsers*/
			a[href$='.pdf'] {
				padding-right: 21px;
				background: url(../../images/pdf_sm.gif) center right no-repeat;
				margin-right: 2px;
			}
			
			a[href$='.pdf'].noicon{
			padding-right: 0;
				background: none;
				margin-right: 0;
			}
			
		/* END LINKS */

	#mainContent h2 {
		color: #aa0514;
		font-size: 2em;
		font-variant: small-caps;
		text-decoration: underline;
	}
	
		/* --- =headlines ---*/
		
			h2.imagereplace {
				height: 40px;
				text-indent: -9999px;
				margin: 0;
				padding-top: 20px;
				margin-bottom: .3em;
			}
			
			h2#tobias {background: url(../../images/tobias_merrill_h2.gif) bottom left no-repeat;}
			h2#about_h2 {background: url(../../images/about_h2.gif) bottom left no-repeat;}
			h2#events_h2 {background: url(../../images/events_h2.gif) bottom left no-repeat;}
			h2#cost_h2 {background: url(../../images/cost_h2.gif) bottom left no-repeat;}
			h2#press_release_h2 {background: url(../../images/press_release_h2.gif) bottom left no-repeat;}
			h2#history_h2 {background: url(../../images/history_h2.gif) bottom left no-repeat;}
			h2#founder_h2 {background: url(../../images/founder_h2.gif) bottom left no-repeat;}
			h2#four04_h2 {background: url(../../images/404_h2.gif) bottom left no-repeat;}
			h2#essay_winners {background: url(../../images/essay_press_release_h2.gif) bottom left no-repeat;}
			h2#getinvolved_h2 {background: url(../../images/getinvolved_h2.gif) bottom left no-repeat;}
			h2#election_h2 {background: url(../../images/election_h2.gif) bottom left no-repeat;}
			h2#gallery_h2 {background: url(../../images/gallery_h2.gif) bottom left no-repeat;}
			h2#essay_h2 {background: url(../../images/essay_h2.gif) bottom left no-repeat;}
			h2#legal_tips_h2 {background: url(../../images/legal_tips_h2.gif) bottom left no-repeat;}
			h2#abuse_cost_h2 {background: url(../../images/abuse_cost_h2.gif) bottom left no-repeat;}
			h2#contact_h2 {background: url(../../images/contact_h2.gif) bottom left no-repeat;}
			h2#news_h2 {background: url(../../images/news_h2.gif) bottom left no-repeat;}
			h2#reform_works_h2 {background: url(../../images/reform_works_h2.gif) bottom left no-repeat;}
			h2#legal_consumer_tips_h2 {background: url(../../images/legal_consumer_tips_h2.gif) bottom left no-repeat;}
			h2#get_involved_h2 {background: url(../../images/get_involved_h2.gif) bottom left no-repeat;}
			h2#eighty_first_h2 {background: url(../../images/81st_h2.gif) bottom left no-repeat;}
			h2#junk_lawsuits_h2 {background: url(../../images/junk_lawsuits_h2.png) bottom left no-repeat;}
			h2#guest_speaker_h2 {background: url(../../images/guest_speaker_h2.gif) bottom left no-repeat;}
			
		
		/* --- END ---*/
	
	#legal a {
		color: #fff;
	}
	
	p.full_story {
		width: 150px;
		height: 15px;
		padding-bottom: 20px;
	}
	
	a.full_story_link {
		display: block;
		background: url(../../images/fullstory.gif) top left no-repeat;
		width: 148px;
		height: 13px;
		text-indent: -9999px;
		overflow: hidden;
		margin: 20px 0 35px 0;
	}
	
	a[href$='.pdf'].full_story_link {
		background: url(../../images/fullstory_pdf.gif) top left no-repeat;
	}

	a[href$='.pdf'].full_story_link:hover {
		background: url(../../images/fullstory_pdf.gif) 0 -14px no-repeat;
	}

	
	a.full_story_link:hover {
		background: url(../../images/fullstory.gif)  0 -14px no-repeat;
	}
				
	#news h3 {
		margin-bottom: .5em;
		text-align: center;
		border-bottom: 1px solid #fff;
		padding-bottom: 10px;
	}
	
	h3.subhead {
		color: #111;
		margin-top: -.3em;
	}
	
	#news p {
		margin-bottom: .5em;
	}
	
	#news ul li {
		font-size: 90%;
		font-weight: normal;
	}
	
	p.cite {
		font-style: italic;
		color: #000;
		font-size: 85%; 
	}
	
	blockquote.pullquote {
		background: url(../../images/pullquote.gif) top left no-repeat;
		width: 230px;
		padding: 30px 0 10px 20px;
		float: right;
		color: #333;
		font-size: 110%;
		line-height: 1.3em;
		word-spacing: .2em;
	}
	
	#loony h3 {
		padding-bottom: 0;
		border-bottom: none;
	}
	
	/* END */
	
	
	/* END TYPO */
	
	/* Redirect CSS */
	#timer_display{
		color:#da202a;
	}
	
	.content_padding {
		margin-left:15px;
		margin-right:15px;
		margin-top:5px;
	}

	/* Photo gallery */
	
	#gallery {
		float: left;
		margin: 0 0 0 27px;;
	}
	
	#gallery ul li {
		list-style-type: none;
		margin: 9px;
		padding: 5px;
		background: #000;
		float: left;
	}

	#gallery ul li:hover {
		background: #84000c;
	}

	
	#gallery ul li img {
		float: left;
		background: #fff;
		padding: 0;
		margin: 0px;
	}
	
	img#good_judges_button {
		float: right; margin: 0; position: absolute; right: -70px; top: -30px; border: 0;
		width: 155px;
		height: 153px;
	}
	
	img#good_judges_button:hover {
		width: 160px;
		height: 158px;
		right: -72px;
		top: -32px;
	}
	
	.no_border {
		border: none !important;
	}

