@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("/fonts/AkzidenzGrotesk-Super.eot");
src:local("Akzidenz Grotesk BE Super"),
local("AkzidenzGroteskBE Super"),
local("Akzidenz-Grotesk BE Super"),
url("/fonts/AkzidenzGrotesk-Super.otf") format('opentype');
}

@font-face{
font-family:"Akzidenz Grotesk BE Light";
font-weight:300;
src:url("/fonts/AkzidenzGrotesk-Light.eot");
src:local("Akzidenz Grotesk BE Light"),
local("AkzidenzGroteskBE Light"),
local("Akzidenz-Grotesk BE Light"),
url("/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:3.429em; /*48px*/
	line-height:1em;
	margin-top: 0.375em; /*18px*/
	margin-bottom:0.833em; /*40px*/
	}
	
	h2{
	font-size:1.714em; /*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:68.571em; /*960px*/
margin:0 auto;
-moz-box-shadow:0px 3px 4px #777777;
-webkit-box-shadow:0px 3px 4px #777777;
box-shadow:0px 3px 4px #777777;
filter:shadow(color=#777777, direction=225) /*Makes the dropshadow work in IE*/;
overflow:hidden;
border:1px solid #999999;
}



#upper-wrap{
background:#333333;
height:38.214em;
padding:0 1.429em;
}

#upper-wrap.section{
height:32.143em; /*450px*/
}
	#upper-wrap form{
	height:auto;
	width:15em;
	float:right;
	margin-top:1em;
	color:#cccccc;
	}
		#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{
	width:100%;
	height:6.429em; /*90px*/
	position:relative;
	float:left;
	margin-bottom:1.571em;
	}
	
	#navigation img{
		position:absolute;
		left:.5em;
	}
		
		#navigation ul{
		float:right;
		font-size:1.5em;/*21px*/
		font-family:"Akzidenz Grotesk BE Light", "Helvetica Neue", helvetica, "Arial Narrow", sans-serif;
		color:#ffffff;
		text-align:center;
		position:relative;
		right:2em;
		top:1em;
		}
			#navigation li{
			float:left;
			margin-right:0.381em;
			padding-right:0.381em;
			height:1.429em;
			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{
	clear:both;
	width:100%;
	}
	
	#header.home{
	height:36.286em; /*508px*/
	background: url(/images/header-bg.png) no-repeat center top;
	}
		#header.home div.slogan{
		float:right;
		width:20.143em; /*282px*/
		height:23.786em; /*333px*/
		padding: 2.357em 3em 0 0; /*33px 42px*/
		overflow:hidden;
		}
		
		#header.home div.slogan h2{
		font:2em/1.1em "Akzidenz Grotesk BE Super", "Helvetica Neue", Helvetica, "Arial Narrow", sans-serif;
		margin-bottom:0.786em; /*22px*/
		}
		
		#header.home div.slogan div{
		float:left;
		background:#fc3c13;
		height:25px;
		font-size:1.143em;
		font-family:"Akzidenz Grotesk BE Light", "Helvetica Neue", helvetica, "Arial Narrow", sans-serif;
		font-weight:300;
		padding:.2em;
		padding-right:.7em;
		color:#ffffff;
		}
		
		#header.section{
		height:20em; /*280px*/
		background: url(/images/sec-header-bg.png) no-repeat center top;
		}
		
		#header.section img{
		position:relative;
		top:1em;
		left:1em;
		}
		
		#slide{
		float:left;
		position:relative;
		left:1em;
		width:38.714em; /*542px*/
		height:23.786em; /*333px*/
		background:#f5f5f5;
		margin-top:2em;
		overflow:hidden;
		}
			
	#header-bottom{
	width:100%; 
	height:1.786em; /*25px*/
	background:url(/images/header-bottom.png) 0 -2.429em no-repeat;
	}
	
/*----------------=Section Navigation------------------*/
#section-nav{
width:100%;/*960px*/
position:relative;
top:-1em;
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;
text-shadow: 0 0 5px #000000;
}

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

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

#section-nav a{
display:block;
padding:.5em;
color:#ffffff;
}
	.sn1{background:url(/images/red-secnav-button-bg.gif) repeat-x #F23C13; border:1px solid #D33016; }
	.sn2{background:url(/images/green-secnav-button-bg.gif) repeat-x #D9E021; border:1px solid #A3A31C; }
	.sn3{background:url(/images/blue-secnav-button-bg.gif) repeat-x #83B6F2; border:1px solid #6C97C1; }
	.sn4{background:url(/images/purple-secnav-button-bg.gif) repeat-x #8313F2; border:1px solid #6B15CE; }


	
/*---------------------=Content-----------------------*/
	#content-wrap{
	width:68.571em;/*960px*/
	float:left;
	background:url(/images/sidebar-bg.jpg) #ffffff top right repeat-y;
	padding-bottom:3.429em;
	position:relative;
	}
		#content{
		float:left;
		width:63%;
		padding-left:1.429em;
		}
			#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:1.571em;/*22px*/
				}
				#content hr{
				margin-bottom:1.571em;/*22px*/
				}
				
				#content img.article{
				float:left;
				margin:0 100% 0.786em 0.786em;/*11px*/
				}
				#content small.caption{
				clear:both;
				}
			
			#content ul, ol{
			margin-left:1em;
			}
				#content li{
				margin-bottom:0.786em;/*11px*/
				}
				
			#content a{
			color:#c8402a;
			}
			
			#content a:visited{
			color:#B72A13;
			}
				
				
/*---------------------=Sidebar-----------------------*/	
			
		#sidebar{
		float:right;
		height:100%;
		width:30%;
		padding-right:1.667em;
		padding-top:3.667em;/*44px*/
		overflow:hidden;
		font-size:0.857em;/*12px*/
		line-height:1.333em;/*16px*/
		}
		
		#sidebar div.item{
		background:#ffffff;
		border:1px solid #cccccc;
		margin-bottom:1.833em;
		padding:0.786em;
		}
			#sidebar div.item a, div.item a:visited{
			color:#B72A13;
			}
			
			#sidebar div.smallcalmth a{
			color:#ffffff;
			}
			
			#sidebar div.follow{
			border:solid 3px #A3A31C;
			-moz-box-shadow:inset 0 0 7px #A3A31C;
			background:#D9E021;
			text-shadow:0px 0px 5px #A3A31C;
			}
			
			#sidebar div.follow h3{
			color:#ffffff;}
			
			#sidebar div.follow div{
			background:#f5f5f5;
			overflow:hidden;
			border: 1px solid #A3A31C;
			padding:.2em;
			zoom:1; /*Fixes the cleared floats bug in IE6*/
			}
			#sidebar div.follow img{
			float:left;
			margin-right:1em;
			}
		#sidebar ul{
		list-style:none;
		}
		#sidebar ul li{
		margin-top:6px;
		}
/*---------------------=Footer-----------------------*/		
		#footer{
		position:relative;
		height:8.571em;/*120px*/
		width:68.571em;/*960px*/
		clear:both;
		background:#333333;
		text-align:center;
		color:#ffffff;
		}
		
			#footer ul{
			float:left;
			padding: 1em 0 1em 25%;
			list-style:none;
			font-family:"Akzidenz Grotesk BE Light", "Helvetica Neue", Helvetica, "arial narrow", sans-serif;
			font-size:1.286em;/*18px*/
			font-weight:300;
			}
				#footer ul a, #footer ul a:visited{
				color:#ffffff;
				}
				#footer ul a:hover{
				color:#F23C13;
				}
			
			#footer li{
			float:left;
			margin-right:2.5em;
			}
			
			#footer address{
			clear:both;
			position:absolute;
			bottom:1em;
			left:15%;
			}
			
			#footer address a, #footer address a:visited{
			color:#F23C13;
			}

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

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

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

#error h2{
line-height:1em;
width:35em;
color:#ffffff;
}
	#error p{
	width:35em;
	color:#ffffff;
	}
#error ul{
padding:3em 10% 1.429em 25%;
list-style:none;
}
#error li{
font-family:"Akzidenz Grotesk BE Light", "Helvetica Neue", helvetica, "arial narrow", sans-serif;
font-size:1.286em;
float:left;
margin-right:1.5em;
}

#error .section_list a, #error .section_list a:visited{
	color:#ffffff;!important
	display:block;
	padding:.2em;
	}
#error .section_list a:hover{
background-color:#F23C13;
}

#error{
text-align:center;
}

#error #container{
background: url(/images/404footer.png) center bottom no-repeat #333333;
height:100%;
}


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