/*

Style Name: Sumner Laboratories Inc

Style URI: http://www.sumnerlabs.com

Version: 2

Author: Blueprint Technology, Inc.

Author URI: http://www.blueprintechnology.com

Lead Designer: Nicole Pilgrim

*/



/* Document Formatting*/



body{

margin: 30px 0; padding: 0;

background-color: #dde6ea;

font: 12px/18px Verdana, Arial, Helvitica, sans-serif;

text-align: center;

color: #222;

}



a, a:link, a:visited, a:active {text-decoration: none; color:#0C1073;}

a:hover{font-weight: bold; color:#880000;}



p {margin-right: 10px; padding: 0;}

.feat { padding:5px; font-size:11px; font-style:italic; border-top: 2pt solid #aaa; border-bottom: 1pt solid #aaa; background: #AAAAAA url(../imgs/side_bck.jpg) repeat-x;}

p.foot {clear: both; margin-top: 10px; text-align: center; font-size: 11px; color: #333333; line-height: 120%;}

p.t {border-bottom: 1px solid #999; padding-bottom: 10px;}



h1 {font-size: 20px; font-weight: normal; color: #880000; }

h2 {margin-left: 15px; font-size: 14px; font-weight: bold; color: #0C1073; font-style: italic; }

.quote {font-size: 12px; font-weight: bold; color: #0C1073; display: inline;}

.boat {margin: 5px; margin: 0; padding: 0;}





/* Document Structure */



#container {

margin: 0 auto; padding: 0px;

clear: both;

background: #FFFFFF;

text-align: left;

width: 800px; height: auto;

}



#header {clear: both; width: 800px; height: 195px; padding:0; margin: 0; background:url(../imgs/gradient1.jpg) repeat-x;text-align: left;}

#side {float: left; padding: 0px; padding-left:15px; margin: 15px 15px 15px 0px; width: 280px; border-right:1px solid #bac6ce;}
#content {float: left; padding: 0px; margin: 15px 15px 15px 0px; width:470px; }


#footer {

clear: both;

margin: 25px 0px 0px 0px; padding: 0;

color:  #333;

}



 /* Main Menu Formatting */



ul#menu{

float: left;

list-style type: none;

margin: 0; padding:0;

background: #880000 url(../imgs/men_bck.jpg) repeat-x;

width: 800px; 

color: #fff;

}



ul#menu li{ 

display: inline;

}



ul#menu a{

display: block;

float: left; 

padding: 6px 20px;

font-weight: bold;

background: #880000 url(../imgs/men_bck.jpg) repeat-x;

text-decoration: none;

color: #fff;

}



ul#menu a:hover{

color: #fff;

background: #880000 url(../imgs/subnav_bck.jpg) repeat-x;

}



/* Sub Menu Formatting */



ul#subnav{

list-style type: none;

padding:0; marging: 0;

background: #880000 url(../imgs/subnav_bck.jpg) repeat-x;

color: #fff;

}



ul#subnav li{ 

display: inline;

}



ul#subnav a{

display: block;

float: left; height: 25px;

padding:3px 15px; margin-top: 160px; 

background: #131578;

font-size: 12px;

background: #880000 url(../imgs/subnav_bck.jpg) repeat-x;

text-decoration: none;

color: #fff;

}



ul#subnav a:hover{

color: #fff;

background: #0C1073;

}



/* Footer Navigation */



ul#footnav {

float: left;
list-style type: none;
margin: 0; padding:0;
padding-left:210px;
background: #880000 url(../imgs/men_bck.jpg) repeat-x;
width: 590px; 
color: #fff;

}



ul#footnav li{

display: inline;

}



ul#footnav a{

display: block;

float: left; font-weight: bold;

padding: 6px 20px;

background: #880000 url(../imgs/men_bck.jpg) repeat-x;

text-decoration: none;

color: #fff;

}



ul#footnav a:hover{

color: #fff;

background: #880000 url(../imgs/subnav_bck.jpg) repeat-x;

}





/* Contact Form */



ul#contact {

float:left;

width: 350px;

margin: 0 auto; padding: 5px;

list-style-type: none;

background: #ABABAB url(../imgs/side_bck.jpg) repeat-x;

border-bottom: 2px solid #999;  

border-top: 6px solid #999;

font-weight: bold;

}



ul#contact li {padding: 7px;}



.required {color:#FFFFFF; text-decoration: italics;}





 /* Form Elements */



.formborder {

border: 0px;

color:#FFFFFF;

background-image:url(../imgs/subnav_bck.jpg);

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

line-height:130%;

height:20px;

width:75px;

padding:0; margin-left: 5px

}



.formborder:hover {

border: 1px solid #81b5e4;

}





.picright{float:right;}

.clear{clear:both;}