@charset "UTF-8";
/* CSS Document */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}

element.style  {
height:10px;
left:256.5px;
position:relative;
top:200px;
width:200px;
}

body {
background: #fff;
font: normal 14px/24px Arial, Helvetica, sans-serif;
color: #000000;
padding-bottom: 20px;
}



hr{
margin-top: 12px;
color:#666666;
width:700px;

}

/*navigation bar*/
a {
color: #fff;
}

a:hover {
color: red;
}


p {
margin: -5px 0;
}

#bck{
color:#000;
font: 11px Arial, Helvetica, sans-serif;
margin-left:30px;
clear:both;
}

#bck a{
color:#000;
}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 200;
	height: 22px;
	}

#sddm li{
	margin:6px 3px -1px 0;
	padding: 0;
	list-style: none;
	float: left;
	font:11px arial;
	display: inline-block;
	border: 1px solid #c2c2c2;
	z-index: 200;
	}

#sddm li a
{	display: block;
	padding: 2px 11px;
	background: #e2e2e2;
	color: #000;
	text-align: center;
	text-decoration: none;
	}

#sddm li a:hover{
background: #757575;
z-index: 20;
}


#sddm li a.activeTab, a.activeTab:hover, a.activeTab:visited {
  background-color: #757575;
  color: #000000;

}

#sddm li a.vip{
  background-color: #2d5a96;
  color: #fff;

}

#sddm li a.part{
  background-color: #161243;
  color: #fff;

}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #e2e2e2;
	border: 1px solid #757575;
	z-index: 200;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: inherit;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #e2e2e2;
		color: #000;
		font: 11px arial;
		}

	#sddm div a:hover
	{	background: #a2a2a2;
		color: #000;
		}



#news{
margin-left: 36px;
height: 500px;
overflow:scroll;
font-size:10px;
}

#wrapper {
width: 1150px;
margin:0 auto;

}


#header {
width: 960px;
margin-left:12px;

}

#headlogo{
margin-top:18px;
}


/*slider*/
#bodyWrap { width: 650px; margin-left: 300px; margin-right: auto;}
#overlay {  background: url('resources/trans.png') repeat-y; }
#coverflowContainer { border: 5px solid #e2e2e2; width: 600px; margin-left: auto; margin-right: auto;}
#coverflow    { width: auto; height:204px; border: 0px solid red; }
.sliderTrack  { margin-left:-100px; margin-top:-19px; background:transparent url('images/sliderbg.jpg') no-repeat scroll left top; height:26px; position:relative;text-align:left; width:390px;z-index: 300;}
.sliderHandle { background:transparent url('images/knobbg.png') no-repeat scroll left top; cursor:pointer; height:26px; margin-left: 1px; position:absolute; top:-4px;width:27px;}
.coverflowCaptions { display: none;}
.captionHolder {  font-size: 20px; margin-left:18px;margin-top:20px; color: white; text-shadow: #ccc 0.1em 0.1em 0.2em; font-family: Tahoma;  }



/*lightbox*/



/*body*/

#tagline {
width: 698px;
height: 15px;
background-color: #cacaca;
padding: 10px 20px;


}

#content {
background: #757575;
padding: 20px 0;

}


#map {
float: left;
margin: -1px 0 10px 100px;
}

#corporate{
float:left;
margin-left:15px;
font: normal 12px Arial, Helvetica, sans-serif;
padding:10px 15px 50px 10px;
}

#st li{
	margin:6px 3px -1px 0;
	padding: 0;
	font:11px arial;
	}

#st li a{	
	color: #000;
	text-decoration:none;
	
	}
	
#st li a:hover{
color:#0000CC;
}

#mag{
float: left;
margin: -1px 0 10px 20px;
line-height:113%;
}

#mag p{
font-size:12px;
line-height:20px;
}

#mag a{
color:#000;
text-decoration:none;
}

#mag a:hover{
color: #999999;
}

#challenge {
width: 330px;
float: left;
margin: -1px 0 10px 20px;
line-height:113%;
}


#challenge p{
font-size:10px;
line-height:130%;
}

#challenge2 {
width: 300px;
float: left;
margin: -1px 0 10px 70px;
line-height:113%;
}

#challenge4 {
width: 200px;
float: left;
margin: -1px 0 10px 100px;
line-height:113%;
}

#left-container {
width: 738px;
background: #e2e2e2;
margin: 0 20px;
padding: 5px 0;
}

#mission{
float: left;
font-size: 10px;
margin: -10px 40px 30px 20px;
}

#part{
margin-left:20px;
margin-bottom:20px;
line-height:113%;

}

#partp{
font-size:10px;
float:left;
width:525px;
margin-Left:15px;
}

#content-left {
width: 154px;
float: left;
margin: -1px 0 10px 20px;
line-height:113%;
}
#content-left2 {
width: 154px;
float: left;
margin: 10px 0 10px 20px;
line-height:113%;
}

#press {
width: 154px;
float: left;
margin: -1px 0 10px 20px;
line-height:113%;
}
#press p{margin-left:10px;font-size:10px;}

#content-left a {
color:#000;
text-decoration: none;
}
#content-left a:hover {
color:#c2c2c2;
}

#content-left2 a {
color:#000;
text-decoration: none;
}
#content-left2 a:hover {
color:#c2c2c2;
}


#content-mid {
width: 154px;
float: left;
margin: -1px 0 0px 28px;
line-height:113%;
}

#content-mid a {
color:#000;
text-decoration: none;
}
#content-mid a:hover {
color:#c2c2c2;
}

#content-midr {
width: 154px;
float: left;
margin: -1px 0 0px 28px;
line-height:113%;
}
#content-midr a {
color:#000;
text-decoration: none;
}
#content-midr a:hover {
color:#c2c2c2;
}

#content-right {
width: 154px;
float: left;
margin: -1px 0 10px 28px;
line-height:113%;
}

#content-right a {
color:#000;
text-decoration: none;
}
#content-right a:hover {
color:#c2c2c2;
}




#content-left p{
font-size:10px;
line-height:100%;
}

#content-left2 p{
font-size:10px;
line-height:100%;
}

#content-mid p{
font-size:10px;
line-height:100%;
}
#content-midr p{
font-size:10px;
line-height:100%;
}

#content-right p{
font-size:10px;
line-height:100%;
}


#video-left {
width: 335px;
float: left;
margin:-6px 40px 5px 20px;
}
#video2-left {
width: 335px;
float: left;
margin:-6px 40px 5px 20px;
}




.clear {
clear: both;
}

h2 {
font-size: 24px;
line-height: 36px;
color: #007088;
float: left;
}
h3 {
color: #000;
font-size: 14px;
line-height: 20px;
margin: 0;
}

h4{
font-size:12px;
font-weight:bold;
}

h5{
font-size:10px;
font-weight:normal;
}

h6{
font-size:14px;
text-decoration:underline;
margin-bottom:10px;
}

.top-margin {
margin-top: 20px;
}
#footer {
font-size: 9px;
margin-left:38px;
}
#footer a {
color: #000;
}

#copyright{
font-size: 7.4px;
margin-left:35px;
}

/*drop shadow*/
#d-shadow {
    width: 746px;
	position: relative;
	left: 18px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
 
#d-shadow .shadow2,
#d-shadow .shadow3,
#d-shadow .header1 {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#d-shadow .shadow1 {
		background: #757575;
	}
 
	#d-shadow .shadow2 {
		background: #a2a2a2;
	}
 
	#d-shadow .shadow3 {
		background: #a2a2a2;
	}

#d-shadow .header1 {
height: 8px;
width: 698px;;
padding: 10px 20px;
margin: 0 1px; 
}

/*end drop shadow header1*/


	
/*drop shadow for tag line*/
#t-shadow {
    width: 746px;
	position: relative;
	top:-18px;
	left: -2px;
	margin-right: 3px;
	margin-bottom: 3px;
}
 
#t-shadow .tshadow2,
#t-shadow .tshadow3,
#t-shadow .tagline {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#t-shadow .tshadow1 {
		background: #757575;
	}
 
	#t-shadow .tshadow2 {
		background: #a2a2a2;
	}
 
	#t-shadow .tshadow3 {
		background: #c2c2c2;
	}

#t-shadow .tagline {
height: 8px;
width: 698px;;
padding: 10px 20px;
margin: 0 1px; 
}
/*end drop shadow for tag line*/



/*sidebar*/



.sidebar {
margin:-29px 5px 0;
background-color:#e2e2e2;
}

.sidebar .sbshadow{
position: relative;
left: -1px;
top: -1px;

}



/*sidebar heading*/


#s-shadow {
    width:227px;
	position: relative;
	top: 2px;
	margin-right: 3px;
	margin-bottom: 3px;
}
 
#s-shadow .sshadow2,
#s-shadow .sshadow3,
#s-shadow .sheader {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#s-shadow .sshadow1 {
		background: #757575;
	}
 
	#s-shadow .sshadow2 {
		background: #a2a2a2;
	}
 
	#s-shadow .sshadow3 {
		background: #a2a2a2;
	}

#s-shadow .sheader{
width: 282px;
height: 8px;
padding: 10px 20px;
margin: 0 1px;
}

#adspace{
padding: 10px 6px;
margin: 0 7px;
}
/*end sidebar*/


/*drop down contact form*/

 
.container {
	width:960px; 
	margin:0px auto; 
	position:relative;
	}
	
/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:absolute;
	left:663px;
	top:-93px;
	z-index:20;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:337px;width:303px;
	background:#515151 no-repeat 241px 11px; 
	border:1px solid #929191;
	display:none;
	padding:7px 12px; 
	color:#fff
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
	
	
.input_boxes{
margin-bottom: 5px;
}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:26px; width:211px;
	background:url(images/contact_me.png); 
	position:absolute; 
	left:64px; bottom:-25px; 
	cursor:pointer;
	}