body{
font-family: Arial, Helvetica, sans-serif;
background-color:BC9C82;
background-image: url(../oyster_tests/images/background11.gif);
background-repeat: repeat;
font-size:small;
padding-top:10px;
background-color: #dbe0ec;
}

hr	{
padding: 2px;
margin: 0;
width: 700px;
text-align: center;
}

h1{
font-size:200%;
}


h2	{
font-size: 15px;
text-align: left;
padding-bottom:20px;
}

h3	{
font-size: 13px;
text-align: left;
color:#030391;
}


h4 {
font-size:small;
text-align:left;
font-weight:bold;
}

h5 {
font-size:12px;
text-align: justify;
}

h6 {
font-size:12px;
text-align:left;
}

p	{
font-size: small;
text-align:justify;
line-height:130%;
color: #000000;
}

#container
{
width:250px;
margin: 10px auto;
background-color: #fff;
color: #333;
line-height: 130%;
background-color: #FFFAEB;
}

/*TOP LOGO*/
#pageheading{
padding-top:300px;
background-image: url(../oyster_tests/images/Oystermouth_webbanner9.gif);
background-position: center;
background-repeat:no-repeat;
background-color: ;
border: #333366;
position:relative;
width:900px;
}

#pageheading h1{
font-family:Tahoma;
background-color: #FFFFFF;

}

.hide{
position:absolute;
visibility:hidden;
}

#pageheading img{
position: relative;
right:10px;
top:0px;
}

.hide{
position:absolute;
visibility:hidden;
}


/*main navigation menu*/
#mainnav ul{
padding: .2em 0;
padding-top:10px;
margin: 0;
height: 25px;
list-style-type: none;
background-color: #BB5C16;
color: #FFF;
width: 100%;
font: normal 100% arial, helvetica, sans-serif;
font-size: 13px;
text-align: center;
}

#mainnav li { display: inline; }

#mainnav li a{
text-decoration: none;
background-color:  #BB5C16;
color: #FFF9DC;
padding: .3em 1em;
border-right: 1px solid  #BB5C16;
height: 50px;
}

#mainnav li a:hover{
background-color: #855218;
color: #fff;
height: 50px;
}


#bodytop p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 13px;
line-height:180%;
float:left;
margin:30px 50px 0 50px;
width: 865px;
clear:both;
z-index:1;
}

#content
{
background-color:#FEFFE9;
border-right: 1px;
border-left: 1px;
margin-left: 10px;
max-width: 46em;
min-height:1150px;


}

/*news boxes*/

/*box 1*/

.drop{
float:left;
font-size:24px;
margin: -4px 5px 0 0;
border:1px #ccc;
border-width:medium;
background: #FFFFFF;
}

#box1{
background-color: #F9E8D6;
height: 370px;
position: absolute;
}

#box1 p {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: small;
text-align:justify;
line-height:130%;
color: #333333;
width: 560px;
padding: 0 10px 0 10px;
}

#box1 h3 {
text-align: justify;
color: #0F709CF;
line-height:130%;
width: 438px;
padding: 0 0 0 10px;
/*margin: 10px 10px 0 250px;
float:right;
padding: 0 0 3px 90px;*/
}

#box1 a{
padding: 1px;
background-color:#c5d1d9;
font-weight:bold;
font-size: 11px;
}

#box1  a:link, #box1 a:visited {
color:#030391;
text-decoration:none;
}

#box1  a:hover {
background-color:#1b6fc1;
color: #FFFFFF;

}


/*Box 2*/
#box2{
background-color:#F9E8D6;
height: 720px;
position: absolute;
margin:390px 140px 0 0;

}

#box2 p {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: small;
text-align: justify;
line-height:130%;
color: #333333;
width: 560px;
padding: 0 10px 0 10px;
}

#box2 h3 {
text-align: justify;
color: #0F709CF;
line-height:130%;
width: 438px;
padding: 0 0 0 10px;
/*margin: 10px 10px 0 250px;
float:right;
padding: 0 0 3px 90px;*/
}

#box2 a{
padding: 1px;
background-color:#c5d1d9;
font-weight:bold;
font-size: 11px;
}

#box2  a:link, #box2 a:visited {
color:#000000;
text-decoration:none;
}

#box2  a:hover {
background-color:#C7DED1;
color: #000000;
}

#box2 img {
width: 386px;
height:360x;
margin: 0 40px 0 0;
float:right;

}


/*Right navigation*/
#rightnav {
float: right;
width: 260px;
margin: -1px;
padding: 2.5em;
z-index:10;
height: 60px;
}


#rightbox1{
background-color: #C9CC82;
height: 150px;
position: absolute;
}

#rightbox1 p {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: small;
text-align: inherit;
line-height:130%;
color: #333333;
width: 250px;
padding: 0 20px 0 5px;
}

#rightbox1 h3 {
text-align: center;
color: #0F709CF;
line-height:130%;
width: 438px;
padding: 0 0 0 10px;
/*margin: 10px 10px 0 250px;
float:right;
padding: 0 0 3px 90px;*/
}

#rightbox1 ul {

margin-right: 20px;
list-style-type: decimal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
}

#rightbox1 a{
padding: 1px;
background-color:#c5d1d9;
font-weight:bold;
font-size: 11px;
}

#rightbox1  a:link, #rightbox1 a:visited {
color:#000000;
text-decoration:none;
}

#rightbox1  a:hover {
background-color:#C7DED1;
color: #000000;
}

#rightbox1 img {
width: 386px;
height:360x;
margin: 0 40px 0 0;
float:right;

}


#rightbox2{
background-color:#C9CC82;
height: 200px;
position: absolute;
margin:160px 140px 0 0;

}

#rightbox2 p {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: small;
text-align: justify;
line-height:130%;
color: #333333;
width: 250px;
padding: 0 10px 0 10px;
}

#rightbox2 h3 {
text-align: center;
color: #0F709CF;
line-height:130%;
width: 438px;
padding: 0 0 0 10px;
/*margin: 10px 10px 0 250px;
float:right;
padding: 0 0 3px 90px;*/
}

#rightbox2 a{
padding: 1px;
background-color:#C9CC82;
font-weight:bold;
font-size: 11px;
}

#rightbox2  a:link, #rightbox2 a:visited {
color:#000000;
text-decoration:none;
}

#rightbox2  a:hover {
background-color:#C7DED1;
color: #000000;
}

#rightbox2 img {
width: 386px;
height:360x;
margin: 0 40px 0 0;
float:right;

}

/*footer*/
#footer ul{
padding: 5px 0 0 0;
margin: 0;
height: 40px;
list-style-type: none;
background-color: #BB5C16;
color: #FFFFFF;
width: 100%;
font: normal 80% arial, helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

#footer li { display: inline; }

#footer li a{
text-decoration: none;
background-color: #BB5C16;
color: #FFFFFF;
padding: .2em 1em;
border-right: 1px solid #BB5C16;
height: 20px;
}

#footer li a:hover{
background-color: #855218;
color: #fff;
height: 32px;
}



#leftnav p { 
margin: 0 0 1em 0; 
}