@charset "UTF-8";

/*Page Created by Barrett Dowell in application for the computer/web geek position with Oregon Coast Aquarium in Newport */

/* CSS Document */

body {
font-size: 62.5%;
background-image:url(../images/body_water2.jpg);
background-repeat:repeat-x;
background-color:#23277e;
font-family:Arial, Helvetica, sans-serif;
color: #134c57;
border: 0;
margin: 0;
padding: 0;
text-align: center;
}

a:link, 	
a:visited {
text-decoration: underline;
	color: #fff;
	}
	 
a:hover {
	text-decoration: none;
	color:#fc652c; /*coral orange*/
	}

a:active {
	color:#fc9d2c; /*coral orange*/
	}



/* wrapper open */
#wrapper {
width: 800px;
text-align: left;
border: 0;
margin: 0 auto;
padding: 0;
overflow: hidden;
background-color:#547df5;
}

/*wrapper close */







/*header open*/


#header {
width:800px;
height:100px;
background-color:#288096;
background-image:url(../images/trybanner.jpg);
color: #fff;
}

#header h1{
border: 0;
margin: 30px 0 0 132px;
padding: 0;
font-size:3.0em;
font-family:"Times New Roman", "Times", "serif";
font-weight:100;
position: absolute;
z-index:3
}

#header .ocaq_shadow{
border: 0;
margin: 32px 0 0 134px;
padding: 0;
font-size: 3.0em;
font-family:"Times New Roman", "Times", "serif";
font-weight:100;
color:#000000;
position:absolute;
z-index: 2;
}


#header h2{
border: 0;
margin: 60px 0 0 430px;
padding: 0;
font-size:2.4em;
font-family:"Times New Roman", "Times", "serif";
font-weight:100;
position: absolute;
z-index:3
}

#header .newport_shadow{
border: 0;
margin: 62px 0 0 432px;
padding: 0px;
font-size: 2.4em;
font-family:"Times New Roman", "Times", "serif";
font-weight:100;
color:#000000;
position: absolute;
z-index: 2;
}


#header img{
border: 0;
margin: 12px 0px 0 40px;
padding: 0;
float: left;
position:absolute;
}

#header a {
border: 0;
margin: 2px 20px 0 0;
padding: 0;
font-size:1.1em;
float:right;
}

/*header close*?



/*nav open */
#nav ul {
background-color:#134c57;
border: 0;
margin: 0;
padding: 0;
height: 36px;
font-size: 1.4em;
font-weight: 600;
border-bottom-style:solid; 
border-bottom-width: thin;
border-bottom-color:#000;
}


#nav li {
border: 0;
margin: 0;
padding: 10px 16px 0px 26px;
list-style-type:none;
float: left;

}


/*nav close*/



#main_content {
background-color:#547df5;
}





/*left_col open*/

#left_col{
float: left;
border: 0;
margin: 0 0 -9010px 0;
padding: 0 0 9010px 0;
width: 200px;
overflow: hidden;
background-color:#547df5;


}

#left_col h1{
font-size: 1.6em;
border: 0;
margin: 0;
padding: 6px 6px 6px 10px;
}

#left_col p{
border: 0;
margin: 0;
padding: 0 10px 10px 10px;
font-size: 1.2em;
}


#left_col p.note {
font-size: 1.0em;
}


#left_col ul{
border: 0;
margin: 0;
padding: 0 10px 10px 10px;
list-style-type: none;

}

#left_col li{
font-size: 1.2em;
border: 0;
margin: 0;
padding: 0 10px 4px 0px;
}


/*oddwater open*/

#oddwater h1{
border: 0;
margin: 0;
padding: 10px 6px 2px 10px;
}



#oddwater a{
font-size: 1.2em;
margin: 0 0px 0px 4px;
padding: 0 0px 0px 4px;
}

#oddwater img{
border: 0;
margin: 0 10px 2px 0px;
padding: 0 10px 2px 0px;
}


/*oddwater close*/




/*adopt open */

#adopt h1{
border: 0;
margin: 0;
padding: 10px 6px 2px 10px;
}

#adopt a{
font-size: 1.2em;
margin: 0 0px 0px 4px;
padding: 0 0px 0px 4px;
}


#adopt img{
border: 0;
margin: 0 10px 2px 0px;
padding: 0 10px 2px 0px;
}


/*adopt close*/






/*left_col close*/






/*center_col open*/

#center_col {
float:left;
border: 0;
margin: 6px 0 -9010px 0;
padding: 0 0 9010px 0;
width: 360px;
overflow: hidden;
background-color:#547df5;

}



#fishbowl {
border: 0;
margin: 0;
padding: 10px 20px;
background-color:#fff;
}

#center_col h1{
font-size: 1.6em;
border: 0;
margin: 0;
padding: 6px 6px 6px 10px;
}

#center_col p{
border: 0;
margin: 0;
padding: 0 10px 10px 10px;
font-size: 1.2em;
}

#center_col img{
border: 0;
margin: 0;
padding: 10px 10px 4px 10px;
}

#center_col img.img_left {
border: 0;
margin: 0;
padding: 0 10px;
float: left;
}


/*community open*/

#community {
border: 0;
margin: 0;
padding: 0 10px 20px 10px;
background-color:#fff;
}



/*community close */



/*shore_outreach open*/

#shore_outreach{
border: 0;
margin: 10px 0 0 0;
padding: 16px 0 10px 0;
background-image:url(../images/sand.jpg);
background-repeat:repeat;
}

#shore_outreach h1{
font-size: 1.4em;
border: 0;
margin: 0;
padding: 6px 6px 6px 10px;
}

#shore_outreach p{
background-color:#fff;
border: 0;
margin: 2px 10px 2px 10px;
padding:4px;
widows:100px;
}

#shore_outreach a {
font-size: 1.2em;
}



/*shore_outreach close*/




/* rounded corners blue and white  */
.bl {background: url(../images/bw_bl.gif)  0 100% no-repeat #fff;} 
.br {background: url(../images/bw_br.gif) 100% 100% no-repeat;} 
.tl {background: url(../images/bw_tl.gif) 0 0 no-repeat;} 
.tr {background: url(../images/bw_tr.gif) 100% 0 no-repeat; padding: 10px;} 
.clear {font-size: 1px; height: 1px;background-color:#547df5;}





/*center_col close*/











/*right_col open*/
#right_col {
float:right;
border: 0;
margin: 0 0 -9010px 0;
padding: 0 0 9010px 0;
width: 240px;
overflow: hidden;
background-color:#547df5;


}

#news h1{
font-size: 1.6em;
border: 0;
margin: 0;
padding: 6px 0px 6px 10px;
}

img.rss {
border: 0;
margin: 8px 70px 0 0px;
padding: 0;
float: right;

}

#right_col p{
border: 0;
margin: 0;
padding: 0 10px 4px 10px;
font-size: 1.0em;
}


#right_col ul{
border: 0;
margin: 0;
padding: 0 10px 10px 10px;
list-style-type: none;

}

#right_col li{
font-size: 1.2em;
border: 0;
margin: 0;
padding: 0 10px 4px 10px;
}


/*exhibits open */

#exhibits h1{
font-size: 1.6em;
border: 0;
margin: 0;
padding: 6px 6px 0px 10px;
}

#exhibits h2{
font-size: 1.2em;
border: 0;
margin: 0;
padding:6px 0 0 10px;
}

#exhibits p{
font-size: 1.2em;
border: 0 2px 0 0;
margin: 0;
padding: 0 0 2px 10px;
border-bottom-style:solid; 
border-bottom-width: thin;
border-bottom-color:#134c57;
}


#exhibits img{
border: 0;
margin: 0;
padding: 2px 6px 2px 2px;
float: right;
}

/*exhibits close */

/*myspace open*/
#myspace {
border: 0;
margin: 10px;
padding: 0;

}

#myspace img {
border: 0;
margin: 0px;
padding: 0px;

}




/*myspace close*/





/*right_col close*/



/*footer open */

#footer{
clear: both;
width: 800px;
height: 50px;
background-color:#134c57;
border-top:thin;
border-top-style:solid;
border-top-color:#000000;
overflow:hidden;
}

#footer img {
border: 0;
margin: 10px;
padding: 0px 6px 10px 20px;
float: left;
}


#footer p {
border: 0;
margin: 0;
padding: 16px 6px 2px 220px;
color: #fff;
font-size: 1.2em;

}


/*site_map open*/

#site_map{
border: 0;
margin: 16px 40px 0 0;
padding: 0px;
color: #fff;
font-size: 1.2em;
float: right;

}

/*site_mapclose







/*footer close */