/* CSS Document for stephanbonnar.com */

/* General */
body{height:100%; color: #000000; font-size: 10px; line-height: 13px; font-family: "Verdana", "arial"; background: transparent url("../img/bkg/body_bkg.jpg") repeat-y;}
html{height:100%;}


* {margin:0; padding:0;}
* html #footer{margin:-36px 0 0;}
* html #main{height:100%;}

/* Divs */
#main {min-height:100%; width: 810px;}
#header {height: 450px; width: 851px; background: transparent url("../img/bkg/header.jpg") no-repeat;}	
#header2 {height: 120px; width: 851px; background: url("../img/bkg/header2.jpg") no-repeat;}
#sponsors {position: absolute; top: 0px; left: 0px; height: 270px; width: 270px;}
#leftcol{width: 460px; padding: 0 5px 5px 30px; float: left;}
#rightcol {width: 310px; padding: 0 0 45px 0;  float: right;}
#sidebody {width: 220px; padding: 0 30px 0 10px;}
#footer { height: 36px; clear: both; width: 810px; position: relative; margin:-36px 0 0 0; background: url("../img/bkg/footer.jpg") no-repeat;}
#footermenu {width: 750px; text-align: center;}

.gray {font-family: Verdana, arial; font-size: 10px; color: #666666; text-decoration: none;}

/* Bullets */
ul {padding-left: 1em; margin-left: 1em;}
ul.nobullets {list-style: none; padding: 0; margin: 0;}
ul.nobullets2 {list-style: none; padding-left: 1em; margin-left: 1em;}

ul.gray {padding-left: 1em; margin-left: 1em;}
li.gray {color: #666666;}
li.gray a {font-family: Verdana, arial; font-size: 10px; color: #666666; text-decoration: none;}
li.gray a:hover {font-family: Verdana, arial; font-size: 10px; color: #CCCCCC; text-decoration: none;}


/* Main menu */
#nav-menu {position: absolute; top: 287px; left: 30px; width: 600px;}
#nav-menu ul {list-style: none; padding: 0; margin: 0;}
#nav-menu li {float: left; margin: 0 0.15em;  color: #CCCCCC;}
#nav-menu li a 		{font-family: Verdana, arial; font-size: 12px; font-weight: bold; float: left; display: block; color: #666666; text-decoration: none; text-align: center;}
#nav-menu li a:hover {font-family: Verdana, arial; font-size: 12px; float: left; display: block; color: #690104; text-decoration: none; text-align: center;}
#nav-menu li p {font-family: Verdana, arial; font-size: 12px; font-weight: bold; float: left; display: block; color: #690104; text-decoration: none; text-align: center;}


/* Inputs */
.form {color: #000000; background: #FFFFFF; border: 1px solid; font-family: Verdana,Arial; font-size: 10px;}
.formg {color: #666666; background: #FFFFFF; border: 1px solid; font-family: Verdana,Arial; font-size: 10px;}


/* Divs for page images */
#page_img {position: absolute; left: 535px; top: 2px; height: 350px; width: 251px;}

img.images {border: 1px solid #666666;}
img.profile {border: 1px solid #666666; margin: 0 10px 0 0;}


/* Headers */
h1 {color: #000000; font-size: 11px; line-height: 13px; font-weight: bold; font-family: "Verdana", "arial"; padding-bottom: 10px;}
h1.gray {color: #666666; font-size: 11px; line-height: 13px; font-weight: bold; font-family: "Verdana", "arial"; padding-bottom: 10px;}


/* Paragraphs */
p {color: #000000; font-size: 10px; line-height: 13px; font-family: "Verdana", "arial"; padding-bottom: 13px;}
p.body {color: #000000; font-size: 10px; line-height: 13px; font-family: "Verdana", "arial"; padding-bottom: 13px;}
p.gray {color: #666666; font-size: 10px; line-height: 13px; font-family: "Verdana", "arial";padding-bottom: 13px;}
p.footer {color: #CCCCCC; font-size: 10px; line-height: 13px; font-family: "Verdana", "arial";padding-bottom: 13px;}


/* Links */	
a:link {font-family: Verdana, arial; font-size: 10px; color: #000000; text-decoration: none;}
a:visited {font-family: Verdana, arial; font-size: 10px; color: #000000; text-decoration: none;}
a:hover {font-family: Verdana, arial; font-size: 10px; color: #666666; text-decoration: none;}

a.underline:link {font-family: Verdana, arial; font-size: 10px; color: #000000; text-decoration: underline;}
a.underline:visited {font-family: Verdana, arial; font-size: 10px; color: #000000; text-decoration: underline;}
a.underline:hover {font-family: Verdana, arial; font-size: 10px; color: #666666; text-decoration: underline;}

a.footer:link {font-family: Verdana, arial; font-size: 10px; color: #CCCCCC; text-decoration: none;}
a.footer:visited {font-family: Verdana, arial; font-size: 10px; color: #CCCCCC; text-decoration: none;}
a.footer:hover {font-family: Verdana, arial; font-size: 10px; color: #BABAAF; text-decoration: none;}

a.gray:link {font-family: Verdana, arial; font-size: 10px; color: #666666; text-decoration: none;}
a.gray:visited {font-family: Verdana, arial; font-size: 10px; color: #666666; text-decoration: none;}
a.gray:hover {font-family: Verdana, arial; font-size: 10px; color: #CCCCCC; text-decoration: none;}