/* CSS Document */
/*Key styles for: Body Brain Balance*/
/*Website designed by Kim Miller, Mico Graphic Design www.micographicdesign.com.au. Website developed by Mojito Solutions www.mojitosolutions.com */
/*Last updated: Katrina Youngman, 5 Oct 2009 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	outline: 0;
    	font-size: 100%;
    	vertical-align: baseline;
}

body {background: #92b4cb; font-size: 62.5%; font-family: verdana; color: #999;}
img, div {behavior: url(iepngfix.htc)}


/*Container Styles*/
.wrapper {margin-left: auto; margin-right: auto; width: 800px;}
#wrapper-container {margin-left: auto; margin-right: auto; width: 800px; position: relative;}
#header {background: #fff;}

#feature-img {width: 210px; height: 396px; position: absolute;}
#byline{padding-top: 10px;}
#logo {margin-left: 230px; padding-top: 50px;}

#main-container {background: #fff; margin-left: 230px; margin-top: 10px; padding-top: 10px; overflow: hidden; width: 570px;}
#main-container .col{position: relative; float: left; border: none;}
#navigation {width: 150px;  padding: 0 7px; margin: 5px 0; border-right: 1px solid #FCB316; }
#content {width: 360px; padding: 10px; margin-left: 10px; overflow: hidden;}
*html #content {margin-left: 0;}


/*Navigation Styles*/
#navigation ul {text-align: left;}
#navigation li {margin: 0; padding: 5px 0; list-style: none; text-transform: uppercase;} 
#navigation li a{line-height: 14px; margin: 0px; text-decoration: none; color: #8ab6ce; font-size: 1.2em;}
#navigation li a:hover {color: #969495; padding-bottom: 2px;}
#navigation li.current a{color: #FCB316; font-weight: bold;}

#navigation ul ul {margin-top: 5px;}
#navigation ul ul li {background: url(images/bullet.gif) no-repeat 0 10px; padding-left: 10px; margin-left: 5px;}
#navigation ul ul li a{font-size: 1.1em; text-transform: none; color: #969495 !important; font-weight: normal !important;}
#navigation ul ul li a:hover{color: #8ab6ce !important;}




/*Link Styles*/
a{color: #81b6ce;}
a:link{color: #81b6ce;}
a:visited {color: #81b6ce;}
a:hover {color: #333;}

#content a{color: #81b6ce; text-decoration: none;}
#content a:link{color: #81b6ce;}
#content a:visited {color: #81b6ce;}
#content a:hover {color: #333;}

/*Paragraph Styles*/
h1 {font-size: 1.4em; color: #81b6ce; padding-bottom: 10px; text-transform: uppercase;}
h2 {font-size: 1.3em; color: #FCB316; padding-bottom: 2px; text-transform: uppercase; font-weight: normal;}
h3 {font-size: 1.2em; color: #FCB316; padding-bottom: 2px; font-weight: normal;}
h4 {font-size: 1.2em; color: #81b6ce; padding-bottom: 2px; font-weight: normal;}
p {font-size: 1.1em; padding-bottom: 15px; line-height: 1.4em;}


/*List Styles*/
#content ul, #content ol {font-size: 1.1em; margin-left: 15px; padding-bottom: 10px;}
#content ul li{list-style: none; background: url(images/bullet.gif) no-repeat 0 4px; padding-left: 15px;}
#content li{padding-bottom: 5px;}

*html #content ul li{list-style: disc; background: none; padding-left: 0;}



/*Table Styles*/
table {background: #81b6ce; border: 1px solid #fff; margin-bottom: 10px;}
table td{ padding: 5px; background: #81b6ce; color: #fff; border: 1px solid #fff; font-size: 1.1em;}
table th{padding: 5px; color: #fff; border: 1px solid #fff; font-size: 1.3em;}


/*Image Styles*/
img {padding: 0px;}
#content img{padding: 5px;}
img.right {padding: 5px 0 5px 10px;}
img.left {padding: 5px 10px 5px 0;}


/*Class Styles*/
.right{float: right;}
.left{float: left;}
.clear{clear: both;}
.divider{clear: both; border-bottom: 1px dashed #FCB316; margin-bottom: 15px;}
.footer-highlight{color: #8ab6ce; border-top: 1px dashed #FCB316; padding-top: 15px;}
.padding{padding-top: 20px;}