/*reset.css*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*fonts.css*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

:focus
{
 	-moz-outline-style: none;
	outline: none -webkit-focus-ring-color;
	outline-style: none;

}

.clear {
	clear: both;
}

.hidden {
    display: none;
}

html {
	background: #000;
}

/*
	NOTE: *both* the container and the body need the page-specific bg to:
	- cover up the blank frame in the wrapper
	- show the bg beyond the area covered by the container
	
*/
/* a line like this goes in each indiv. page's css 
do not comment this out. this specifies all the positioning, etc.
the per-page css files will only need to spec. the image url
*/
body, #container {
	background: url(../images/bg_intro.jpg) center center no-repeat;
}


/*
	the container holds the actual content
	its width & height determine the minimum area of the
	page. if the browser area is smaller than this,
	then you get scrollbars
*/
#container {
	display: block;
/*	width: 679px;*/
	width: 1000px;
	height: 650px;
	margin: 50px auto;
/*	padding-right: 20px;*/
/*	padding-right: 0px*/
	position: relative;
}


/*
	the wrapper holds the "blank frame"
	the blank frame is necessary to maintian the illusion of
	the alpha parts extending beyond the area covered by the
	container
*/
#wrapper {
	background: url(../images/blank_frame.png) center -50px no-repeat;
	margin: 0 auto;	
}
/*
	the #alpha_bg holds an absolutely posiitoned alpha-ed
	banner that needs to go on top of the page-specific background
	image.
*/
#alpha_bg {
	position: absolute;
	top: 0;
	left: 0;
/*	width: 679px;*/
	width: 1000px;
	height: 650px;
	overflow: hidden;
}

#alpha_bg img{
	position: absolute;
	top: -50px;
	left: -150px;
}

/* nav stuff */

#homelink {
	position: absolute;
	top: 47px;
	left: 20px;
	width: 350px;
	height: 34px;
}

#homelink span{
	visibility: hidden;
	position: absolute;
}

#nav {
	position: absolute;
	top: 568px;
	left: 24px;
	height: 37px;
/*	width: 679px;*/
	width: 1000px;
}

#nav a {
	float: left;
	clear: none;
	text-decoration: none;
}	

#nav a span{
	display: block;
	height: 18px;
	padding-top: 12px;
	padding-bottom: 0;
	margin-right: 15px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	/* color: #3e3a34; */
	color: #000;
	
	/*this is for ie*/
	background: url(../images/blank.gif) repeat;
}

#nav a:hover span{
	border-bottom: 2px solid #920f00;
}

#subnav {
	position: absolute;
	top: 115px;
	left: 24px;
	width: 720px;
	height: 32px;
}

#subnav a{
	float: left;
	clear: none;
	text-decoration: none;
}

#subnav a span{
	display: block;
	height: 13px;
	padding-top: 12px;
	padding-bottom: 0;
	margin-right: 12px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	/* color: #3f3b35; */
	color: #000;
}

#subnav a:hover span,
#subnav a.active span
{
	border-bottom: 2px solid #3f3b35;
}

/* main copy - regular placement*/

#copy {
	color: #fff;
	position: absolute;
	top: 165px;
	left: 24px;
	height: 355px;
	width: 720px;
	font-size: 11px;
	line-height: 1.5em;
	font-weight: bold;
}

#copy p {
	margin-bottom: 1em;
}

.menu_copy {
	color: #000 !important;
}


/* menu stuff - global*/
.menu_subsection {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.menu_column {
	float: left;
	clear: none;
	width: 330px;
	margin-right: 30px;
	
}

/* footer */
#footer {
	position: absolute;
	bottom: 22px;
	left: 24px;	
	color: #fff;
	font-size: 11px;
    text-shadow: #333 1px 1px;
}

#footer a{
	color: #fff;
	text-decoration: none;
}

#social_links {
	position: absolute;
	bottom: 43px;
	right: 20px;
	height: 37px;
	width: 65px;
}

.inline_content {
    background: #fff;
    padding: 10px 20px;
    min-height: 200px;
}