@import url(forms.css);

/*INDEX

=Formatting :Includes basic formatting rules for all of the pages.
=Typography :Includes all basic type rules, including line height and margins for paragraphs and headings. 
=Layout :All page structure rules, including layout of divs, navigation, etc.
=404 :Formatting for the 404 error page. 
=Forms :Basic form rules, and rules for section-specific forms such as membership, contact, etc.
=Misc :Misc. classes.
*/


/*-----CODES TO FIX IE6, BECAUSE IT'S A TERRIBLE BROWSER----*/
/*--For a list of the most common IE6 browser bugs and how to fix them, visit http://www.positioniseverything.net/explorer.html--*/
/*img{ behavior: url(test_pages/new-site/images/iepngfix/iepngfix.htc) } This allows PNG transparency in IE6 & 7*/

/*-------------------------General =Formatting-----------------------------
---------------------------------------------------------------*/

/*Resets the contained attributes to 0 in all browsers*/

*{
margin:0;
padding:0;
outline:0;
text-decoration:none;
}

body, html{
font-size:100%;
height:100%;
min-height:100%;
}

body{
font: .875em/1.571em Tahoma, Arial, Helvetica, sans-serif;
color:#1F1C17;
}

img{
border:0;
}

/*-------------------------General =Typography-----------------------------
---------------------------------------------------------------*/

@font-face{
font-family:"Akzidenz Grotesk BE Super";
font-weight:900;
src:url("/test_pages/new-site/fonts/AkzidenzGrotesk-Super.eot");
src:local("Akzidenz Grotesk BE Super"),
local("AkzidenzGroteskBE Super"),
local("Akzidenz-Grotesk BE Super"),
url("/test_pages/new-site/fonts/AkzidenzGrotesk-Super.otf") format('opentype');
}

@font-face{
font-family:"Akzidenz Grotesk BE Light";
font-weight:300;
src:url("/test_pages/new-site/fonts/AkzidenzGrotesk-Light.eot");
src:local("Akzidenz Grotesk BE Light"),
local("AkzidenzGroteskBE Light"),
local("Akzidenz-Grotesk BE Light"),
url("/test_pages/new-site/fonts/AkzidenzGrotesk-Light.otf") format('opentype');
}

h1,h2,h3,h4,h5,h6{
font-family:"Akzidenz Grotesk BE Super", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:900;
}

	h1{
	font-size:2em; /*48px*/
	line-height:1em;
	margin-top: 0.375em; /*18px*/
	margin-bottom:0.833em; /*40px*/
	}
	
	h2{
	font-size:1.5; /*24px*/
	line-height:1em;
	margin: 0.875em 0 0.875em 0; /*21px*/
	}
	
	h3{
	font-size:1.286em; /*18px*/
	margin:0.611em 0 0.611em 0; /*11px*/
	}
	
	h4{
	font-size:1em; /*14px*/
	}

p{
margin: .785em 0 .758em 0;
}

blockquote{margin-left:3em;}

small{
font-size:0.857em; /*12px*/
line-height:1.167em; /*16px*/
margin:0.333em 0;
}

address{
font-style:normal;
}

code{
display:block;
margin:0.786em 2em;
padding:.2em;
background:#f3f3f3;
font-family:Courier, "MS Courier New", Prestige, "Everson Mono", monospace;
}

ins{color:red;}


/*-------------------------=LAYOUT-----------------------------
---------------------------------------------------------------*/

#container{
width:100%; /*960px*/
margin:0 auto;
overflow:hidden;
border:1px solid #999999;
}



#upper-wrap{
background:#333333;
height:6em;
padding:0 1.2em;
}

	#upper-wrap form{
	height:auto;
	width:15em;
	margin-top:1em;
	color:#cccccc;
	position:relative;
	left:15%;
	top:3%;
	}
		#upper-wrap form input{
		background:#555555;
		border:#444444;
		color:#f5f5f5;
		}
		#upper-wrap form label{
		margin-right:1em;
		}
		
		#upper-wrap form button{
		border:1px solid #444343;
		border-top:1px solid #737373;
		background:#666666;
		color:#cccccc;
		float:right;

		}
	
	#navigation{
	height:6.429em; /*90px*/
	position:relative;
	margin-bottom:1.571em;
	}
	
	#navigation img{
	}
		
		#navigation ul{
		font-size:1.4em;
		font-family:"Akzidenz Grotesk BE Light", "Helvetica Neue", helvetica, "Arial Narrow", sans-serif;
		color:#ffffff;
		text-align:center;
		position:relative;
		top:-2em;
		left:10%;
		}
			#navigation li{
			float:left;
			margin-right:.02em;
			padding-right:.02em;
			height:1.5em;
			list-style:none;		
			}
			
			#navigation ul a, #navigation ul a:visited{
			color:#ffffff;
			display:block;
			padding:.2em;
			}
			
			#navigation ul a:hover, #navigation ul a.active{
			background:#F23C13;
			color:#ffffff;
			}


			
/*---------------------=Header-----------------------*/			
	#header{
	display:none;
	}
	
	
/*----------------=Section Navigation------------------*/
#section-nav{
width:auto;
position:relative;
left:10%;
margin-bottom:1.375em; /*22px*/
font-size:1.143em;
font-family:"Akzidenz Grotesk BE Light", "Helvetica Neue", helvetica, "arial narrow", sans-serif;
font-weight:300;
margin-top:-1em;
}

#section-nav ul{
list-style:none;
width:100%;
position:absolute;
}

#section-nav li{
float:left;
margin-left:.7em;
display:inline; /*Fixes the double-margin bug in IE6*/
}

#section-nav a{
color:#F23C13;
}


	
/*---------------------=Content-----------------------*/
	#content-wrap{
	width:90%;
	position:relative;
	}
		#content{
		float:left;
		width:63%;
		padding-left:20px;
		}
			#content h1{
			color:#F23C13;
			}
			
			#content h2{
			color:#F23C13;
			clear:both;
			}
			
			#content div{
			padding:0.786em; /*11px*/
			border:1px solid #cccccc;
			margin-bottom: 0.786em;
			}
			
			#content p{
			width:90%;
			}
			
			#content div p{
			width:85%;
			}
				#content img.thumb{
				float:left;
				margin-right:1em;
				border:2px solid #f5f5f5;
				margin-bottom:22px;
				}
				#content hr{
				margin-bottom:22px;
				}
				
				#content img.article{
				float:left;
				margin:0 100% 11px 11px;
				}
				#content small.caption{
				clear:both;
				}
			
			#content ul, ol{
			margin-left:1em;
			}
				
			#content a{
			color:#c8402a;
			}
			
			#content a:visited{
			color:#B72A13;
			}
				
				
/*---------------------=Sidebar-----------------------*/	
			
		#sidebar{
		display:none;
		}
/*---------------------=Footer-----------------------*/		
		#footer{
		position:relative;
		height:3em;
		width:100%;
		clear:both;
		background:#333333;
		text-align:center;
		color:#ffffff;
		}
		
			#footer ul{
			display:none;
			}
			
			#footer address{
			clear:both;
			position:absolute;
			bottom:1em;
			left:15%;
			}
			
			#footer address a, #footer address a:visited{
			color:#F23C13;
			}

/*---------------------=404-----------------------*/

#error h1, #error h2{
margin:0 auto;
}

#error h1{
color:#F23C13;
font-size:4em;
margin-bottom:1em;
padding-top:2em;
}

#error h2{
line-height:26px;
width:35em;
color:#ffffff;
}

#error ul{
padding:3em 10% 20px 30%;
list-style:none;
}
#error li{
font-family:"Akzidenz Grotesk BE Light", "Helvetica Neue", helvetica, "arial narrow", sans-serif;
font-size:18px;
float:left;
margin-right:1.5em;
}

#error .section_list a, #error .section_list a:visited{
	color:#ffffff;!important
	}
	
#error{
text-align:center;
}

#error #container{
background: url(/test_pages/new-site/images/404footer.png) center bottom no-repeat #333333;
}


		
/*---------------------=Misc Classes-----------------------*/		
		.black{
		color:#000000;
		}
		.left{
		float:left;
		}
		
		.clear{
		clear:both;
		}
		.center{
		text-align:center;
		}
		
		.breadcrumb{
		display:none;
		}