/*
-------------------------------------------------------- 
Client Name : the Vitamin D Society
Date : July 19, 2007
Author: otis and huckleberry :: otishuck.com
-------------------------------------------------------- 
*/

/* PAGE ELEMENTS
-------------------------------------------------------------*/
body {
margin: 0 auto;
padding: 0 0 0 0;
text-align:center;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
background:url(exports/contentRepeater1.jpg) top repeat-y;
}

div#header {
margin: 0 auto;
padding: 0 1px 0 0;
text-align:center;
height: 217px;
background:url(exports/bgRepeater.gif) top repeat-x;
}

div#background {
margin: 0 0 0 0;
padding: 0 0 0 0;
margin: 0 auto;
padding: 0 0 0 0;
text-align:center;
width: 800px;
}

div#content {
margin: 0 auto;
padding: 0 0 0 0;
text-align:left;
width:800px;
}

div.jake {
clear: both;
}

div.headerBack {
margin: 30px 0 20px 0;
padding: 0 0 0 0;
background:url(exports/headerGrade.jpg) top repeat-x;
}

div.odd {
margin: 10px 0 10px 0;
padding: 0 5px 5px 10px;
width:470px;
background: url(exports/oddBack.jpg) top repeat-y;
}

div.even {
margin: 10px 0 10px 0;
padding: 0 5px 5px 10px;
width:470px;
}

div#footer {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 800px;
}

/* NAVIGATION
-------------------------------------------------------------*/
div#nav {
margin: 0 auto;
padding: 0 0 0 0;
width: 800px;
}

div#nav ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type:none;
}

div#nav ul li{
float:left;
margin: 0 1px 0 0;
padding: 0 0 0 0;
}

div#bottomNav {
margin: 0 0 0 0; 
padding: 10px 0 10px 0;
width: 800px;
background: #cfe6ee;
}

div#bottomNav ul{
text-align: left;
margin: 0 0 0 0;
padding: 0 0 0 15px;
list-style-type:none;
}

div#bottomNav ul li{
display:inline;
margin: 0 0 0 0;
padding: 0 15px 0 0;
}

div#bottomNav ul li.copyright{
font-size:10px;
margin: 0 0 0 0;
padding: 0 0 0 150px;
}

div#bottomNav ul li a{
color: #000;
font-size: 11px;
}

a.about{
background: url(exports/aboutUsBut.jpg) bottom no-repeat;
width:82px;
height:37px;
margin: 0 0 0 0;
padding: 0 0 0 0;
display:block;
}
a.about:hover{
width:82px;
height:37px;
background: url(exports/aboutUsBut.jpg) top no-repeat;
}

a.research{
background: url(exports/researchBut.jpg) bottom no-repeat;
width:134px;
height:37px;
margin: 0 0 0 0;
padding: 0 0 0 0;
display:block;
}
a.research:hover{
width:134px;
height:37px;
background: url(exports/researchBut.jpg) top no-repeat;
}

a.news{
background: url(exports/newsBut.jpg) bottom no-repeat;
width:104px;
height:37px;
margin: 0 0 0 0;
padding: 0 0 0 0;
display:block;
}
a.news:hover{
width:104px;
height:37px;
background: url(exports/newsBut.jpg) top no-repeat;
}

a.sources{
background: url(exports/sourcesBut.jpg) bottom no-repeat;
width:97px;
height:37px;
margin: 0 0 0 0;
padding: 0 0 0 0;
display:block;
}
a.sources:hover{
width:97px;
height:37px;
background: url(exports/sourcesBut.jpg) top no-repeat;
}

/* CONTENT
-------------------------------------------------------------*/
span {
color: #f99c00;
}

span.subHead {
margin: 0 0 0 0;
padding: 0 0 0 15px;
color: #000;
font-variant:small-caps;
font-size:12px;
}

a {
color: #f99c00;
}

img {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

p {
margin: 0 0 0 0;
padding: 5px 0 0 0;
}

p.indent {
margin: 0 0 0 0;
padding: 10px 10px 0 10px;
line-height: 18px;
}

h1 {
font-size:18px;
font-weight:lighter;
background: #cfe6ee;
width:100%;
margin: 0 0 0 0;
padding: 8px 0 7px 0;
}

h1.rightHead {
font-size:18px;
font-weight:lighter;
background: #cfe6ee;
width:100%;
margin: 15px 0 0 0;
padding: 8px 0 7px 0;
}

h2 {
font-size:24px;
font-weight:lighter;
margin: 0 0 0 0;
padding:15px 0 0 0;
}

h2.newsHeading{
margin-bottom:15px;
}
h3.newsHeading2{
margin-top:25px;
}

h3 {
font-size:18px;
font-weight:lighter;
margin: 0 0 0 0;
padding: 5px 0 0 0;
}

h3.rightIndent {
font-size:18px;
font-weight:lighter;
margin: 0 0 0 0;
padding: 10px 10px 0 10px;
}

div#leftCol {
margin: 0 0 15px 0;
padding: 0 0 0 0;
float:left;
width:508px;
}

div.leftContent {
margin: 0 0 0 15px;
padding: 0 0 0 0;
width:490px;
}

div#rightCol {
margin: 0 1px 15px 0;
padding: 0 0 0 0;
float:right;
width:290px;
}

div.rightContent {
margin: 0 0 0 15px;
padding: 0 0 0 0;
width:265px;
}

ul.archived {
list-style-type:none;
line-height: 20px;
margin: 10px 0 0 0;
padding: 0 0 0 0;
}

/* ADMIN PAGE STYLING */
form.addform {
margin-top:20px;
}

form.addform label {
width:75px;
float:left;
text-align:right;
padding:5px;
}

ul.back {
list-style-type:none;
text-align:center;
}

div.editbtns {
float:left;
width:75px;
text-align:center;
margin-top:5px;
}
p.errorText {
color:red;
font-size:14px;
font-weight:bold;
}

/* SITE ADMIN NAVIGATION */
div#adminnav {
margin: 0 auto;
padding: 0 0 0 0;
width: 450px;
}

div#adminnav ul{
margin: 40px auto 0 auto;
padding: 0 0 0 0;
list-style-type:none;
width:290px;
}

div#adminnav ul li a img {
border:none;
}

div#adminnav ul li{
margin: 0 0 0 0;
width:145px;
padding: 0 0 0 0;
font-size:14px;
float:left;
}

div#adminnav ul li.br {
margin-top:10px;
clear:both;
}
div#adminnav ul li.br2{
margin-top:10px;
}

p span.exdate {
font-size:10px;
}