/* CSS Document */


/*background image*/

body {

	font:x-small/1.4 Tahoma, Verdana, Helvetica, Arial, sans-serif;

	background:#00023f url(images/bg2.png) repeat-x top;

	color:#666; /*Copy Color*/

	margin:0px 0 0px 30px;

	padding:0;
	
	height:100%;

}



#container {

	margin: 0 auto;

	background:#FFF url(images/bg2.gif) repeat-y center;
	
	width: 640px !important; 

	width /**/:650px; /* IE5/Win */

	padding:0px;

	position:relative;

	font-size:110%;
	
	height:100%;

}



#pageHeader {

	width:611px;

	height:201px;

	background:#FFF url(images/mainImg.jpg) no-repeat center;
	
	margin:0px 0px 0px 14px;

}

#flashHeader {

	width:611px;

	height:302px;

	background:#FFF url(BannerAnimated.swf) no-repeat center;
	
	margin:0px 0px 0px 14px;

}

#flashHeader2 {

	width:612px;

	height:600px;

	background:#FFF url(animated.swf) no-repeat center;
	
	margin:0px 0px 0px 14px;

}


#logo {

	width:611px;

	height:10px;

	background:#FFF url(images/topStrip.gif) no-repeat center;
	
	margin:0px 0px 10px 14px;

}


#navigation {

	width:611px;

	height:95px;

	background:#fff;
	
	margin:10px 0px 10px 14px;

}

/*Side Images*/

img.floatRight { 
    float: right; 
    margin: 0 -10px -5px 0px; 
}
/*navigation*/

#navigation{

}

#navigation ul{
     list-style:none;
	 margin:0px 0 0px 0px;padding:0;
}

#navigation ul li{
     float:left;
}

#navigation ul li a{
     float:left;
	 display:block;
	 height:95px;
	 background:no-repeat;
	
}

#navigation ul li a span{
     display:none
}


#navigation ul li.nav_01 a{
     background-image:  url(images/nav_01.gif);
	 width:186px;
}
#navigation ul li.nav_02 a{
     background-image:  url(images/nav_02.gif);
	 width:60px;
}
#navigation ul li.nav_03 a{
     background-image:  url(images/nav_03.gif);
	 width:100px;
}
#navigation ul li.nav_04 a{
     background-image:  url(images/nav_04.gif);
	 width:100px;
}

#navigation ul li.nav_05 a{
     background-image:  url(images/nav_05.gif); 
	 width:100px;
}
#navigation ul li.nav_06 a{
     background-image:  url(images/nav_06.gif); 
	 width:65px;
}



/*hover*/


#navigation ul li.nav_02 a:hover{
     background-image:url('images/nav_02OV.gif');
	 
}

#navigation ul li.nav_03 a:hover{
     background-image:url('images/nav_03OV.gif');
	 
}

#navigation ul li.nav_04 a:hover{
     background-image:url('images/nav_04OV.gif');
	 
}

#navigation ul li.nav_05 a:hover{
     background-image:url('images/nav_05OV.gif');
	 
}





/****************************************END Navigation******************************************/

#pageHeader h1, #pageHeader h2, #pageHeader h3{

	display:none;
	

}



#preamble {

	margin:10px 11px 0px 13px;
	
	margin /**/:10px 11px -10px 13px; /* IE5/Win */

	height:493px;
	
	width:612px;

	background:#d6d6d6 url(images/contentBackground.gif) no-repeat center;
	
	
}

#preambleB {

	margin:10px 11px 0px 13px;
	
	margin /**/:10px 11px -10px 13px; /* IE5/Win */

	height:493px;
	
	width:611px;

	background:#d6d6d6 url(images/boatbck.jpg) no-repeat center;
	
	
}

#preambleC {

	margin:-5px 11px 0px 13px;
	
	margin /**/:10px 11px -10px 13px; /* IE5/Win */

	height:493px;
	
	width:611px;

	background:#d6d6d6 url(images/WhlBackground.jpg) no-repeat center;
	
	
}

#preambleD {

	margin:-5px 11px 0px 13px;
	
	margin /**/:10px 11px -10px 13px; /* IE5/Win */

	height:492px;
	
	width:611px;

	background:#d6d6d6 url(images/homeBackground.jpg) no-repeat center;
	
	
}

#preambleF {

	margin:-5px 11px 0px 13px;
	
	margin /**/:10px 11px -10px 13px; /* IE5/Win */

	height:492px;
	
	width:611px;

	background:#d6d6d6 url(images/glitterBackground.jpg) no-repeat center;
	
	
}



#preamble h3 {

	display:block;
	
	font:16px/18px bold Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;
	
	text-align:center;
}


#preamble p {

	margin:0 20px 10px;

	padding:0;
	
	

}


#preamble p.p3 {

	margin:0 10px 5px;

}



#supportingText {

	margin-right:20px;
	padding:5px;

}

/*characteristics for the text under the sidebar links*/

#linkList {

	position:absolute;
	
	top:318px;

	left:415px;

	width:230px;
	
	xborder-top:5px solid #FFF;

}


#footer {


	text-transform:uppercase;
	
	background:#fff url(images/footer.gif) no-repeat center;
	
	margin:18px 0px 0px 12px;
	
	width:613px;

	height:43px;	

}



#footer a {

	color:#FFF;

	text-decoration:none;

}



#footer a:hover {

	color:#D2DBE2; /*color for footer links*/

	text-decoration:none;

}


div.content  {

    font: font:x-small/1.4 Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;

	margin:0px 0px 0px -10px;

}


#preamble h1 span {
    
	display:block;
	
	font:bold 20px/36px Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;
	
	text-align:center;


}

#preambleB h1 span {
    
	display:block;
	
	font:bold 20px/36px Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#fff;
	
	text-align:center;


}

#preambleC h1 span {
    
	display:block;
	
	font:bold 20px/36px Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;
	
	text-align:center;

}

#preambleD h1 span {
    
	display:block;
	
	font:bold 20px/36px Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;
	
	text-align:center;


}

#preambleF h1 span {
    
	display:block;
	
	font:bold 20px/36px Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;
	
	text-align:center;

}

#explanation h1 {
    
	display:block;
	
	font:bold/1 Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;
	
	text-align:center;
}

#participation h1 {
    
	display:block;
	
	font:bold/1 Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;
	
	text-align:center;
}

#benefits h1 {
    
	display:block;
	
	font:bold/1 Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;
	
	text-align:center;
}

#requirements h1 span {

	display:block;
	
	font:bold/1 Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;
	
	margin:0px 0px 0px 5px

}


#preamble h2 span {
    
	display:block;
	
	font:bold 20px/36px Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;
	
	text-align:center;


}



/*link characteristcs are altered here*/
#lselect li a, #lfavorites li a {display: block; margin-left:-10px; font-weight:bold;  color:#173D56;}
/*News addition links are altered here*/
#linkList li a.c, #lfavorites li a.c {float:none; display:inline; margin-left:0; font-weight:normal; font-size:100%; margin:0px 0px 0px -10px;}



#supportingText p {

	margin:0 40px 10px;

	padding:0;

}



#linkList ul {

	width:210px;

	margin:0 0 10px 15px;

	padding:0;

}




/*This affects the color of the text under the news section*/

#lselect ul, #lfavorites ul {

	width:210px;

	margin:0 0 10px 15px;
	
	padding:0;

}



#lselect li, #lfavorites li {

	padding: 0 0 0 28px;/*position for the elements under the sidebar links*/

	margin:0 0 5px;

	list-style-type:none;

	clear:left;

	white-space:nowrap;

	background: transparent url(images/bullet_styles.gif) no-repeat 0 1px;

}



#linkList h3 {

	margin:0 0 10px;

	background:#fff url(images/link_list_h3.gif) repeat-y top left; /*This controls the title bar color*/

	padding:2px 5px 2px 15px;

	font-weight:700;

	color:#173D56; /*This controls the color of the title*/

	font-size:small;

}



#lfavorites, #larchives, #lresources {

	border-top:5px solid #FFF;/*properties for news items*/
	
}



div.lure  {

   margin:-200px 0px 200px 0px;
   float:right;   

}

div.jacket  {

   margin:-260px 0px 0px 0px;
   float:right;   

}



div.glitter  {

   margin:28px 0px 0px 40px;
   

}

div.fishnet  {

   margin:-250px 0px 0px 30px;
   

}

div.captions  {

    font: font:xx-small/.6 Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;

	margin:0px 0px 0px -10px;

}

div.subhead  {

    font: font:medium/.6 bold Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;

	margin:0px 16px 0px 20px;

}

div.Chemistrycaption  {

    font: font:xx-small/.6 Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;

	margin:-90px 220px 0px 300px;
	
	float:right;

}

div.Jacketcaption  {

    font: font:xx-small/.6 Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;

	margin:5px 5px 0px 500px;
	
	float:right;
	
	text-align:right;

}

div.wheelcaption  {

    font: font:xx-small/.6 Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color:#666;

	margin:10px 10px 0px 440px;
	
	float:right;
	
	text-align:right;

}

/*Email Link*/
a.contentLink:link {
    text-align:center;
	font: 8pt Helvetica, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:none;
	margin:0px 0px 0px 240px;
}

a.contentLink:visited {
    text-align:center;
	font: 8pt Helvetica, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration:none;
	margin:0px 0px 0px 240px;
}

a.contentLink:hover {
	color: #333;
}
	
a.contentLink:active {
	color: #333;
}