/*DOCUMENT INFO
----------------------------------------------------------------------------------------------
File Name: base.css
Description: Screen/Projection stylesheet for Comprehensive Health Association of North Dakota
Version: 1.0
Author: Jerad Barbot

COLORS
----------------------------------------------------------------------------------------------
		Green      -----------     #547E32
		Lt Blue    -----------     #D5E9F9
		Drk Blue   -----------     #069EDB
		Text       -----------     #333333
		Lt Grey    -----------     #EEEEEE
		Drk Grey   -----------     #999999
----------------------------------------------------------------------------------------------*/

/*UNIVERSAL / CONTAINERS
----------------------------------------------------------------------------------------------*/
body { }
html {font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999;}
#container {width: 890px; text-align: left; margin: 20px 0 0 20px}
h3 {visibility: hidden; display: none;}
.hide {visibility: hidden; display: none;}
.clear {display:inline; clear: both; height: 0; visibility: hidden;}

/*LOGO HEADER
----------------------------------------------------------------------------------------------*/
#logo {float: left; width: 270px; height:100px; margin: 0 20px 0 0;}

/*HEADER IMAGE
----------------------------------------------------------------------------------------------*/
#header {float: left; width: 600px;}

/*MAIN NAVIGATION
----------------------------------------------------------------------------------------------*/

#main-navi {width: 270px; float:left; margin: 20px 20px 20px 0;}
#main-navi ul {margin-left: 0; padding: 0; list-style-type: none; border-top: 1px solid #D5E9F9;}
#main-navi a {display: block; padding: 3px; width: 264px; background-color: #FFFFFF; border-bottom: 1px solid #D5E9F9;}
#main-navi a:link, #navlist a:visited {color: #547E32; text-decoration: none; font-weight:bold;}
#main-navi a:hover {background-image: url(../images/highlight.gif);	background-repeat: repeat-x;}
#main-navi .noborder {border: none; background-image: url(../images/highlight.gif);	background-repeat: repeat-x;}
#main-navi .active {background-image: url(../images/highlight.gif);	background-repeat: repeat-x;}

#main-navi #navlist #subnav {font-size: .88em; border-bottom: 1px solid #D5E9F9;}
#main-navi #navlist #subnav li {border-top:solid 1px #FFFFFF;}
#main-navi #navlist #subnav a {color: #547E32; width: 246px; padding: 4px 4px 4px 20px; background-color: #F5F5F5; border:none;}
#main-navi #navlist #subnav a:hover {color: #547E32; font-weight:bold; background-image: none; background-color: #EEEEEE;}

/*CONTENT
----------------------------------------------------------------------------------------------*/
#content {float: left; width: 590px; padding: 0 2px 0 2px; margin: 13px 0 0 0; color: #333333}
#content p {font-size:1em; letter-spacing: normal; word-spacing: .08em; margin:0 0 8px 0;}
#content strong { font-weight: bold;}
#content em { font-style: italic;} #content em strong {font-style: italic; font-weight: bold;}
#content a {font-weight: bold; color: #069EDB; text-decoration: none;}
#content a:hover {font-weight: bold; color: #547E32; text-decoration: underline;}
#content a:visited {color: #069EDB; text-decoration: underline; font-weight: normal;}

/*LIST <UL> & <OL>
----------------------------------------------------------------------------------------------*/	
#content ul, #content ol {margin: 0 0 8px 32px; padding: 0; font-size: 1em; line-height: 1.4em;}
#content ul p, #content ol p { font-size: 1em;}
#content ol li ul li {list-style-type: disc;}
#content ol li {list-style-image: none; list-style: decimal;}
#content li {font-size: 1em; padding: 0; margin: 0;	list-style-type: disc; margin: 0 0 4px 0;}
#content table ul, #content table ol { font-size: 1.4em; line-height: 1em;}
#content table ul li ul, #content table ol li ul {font-size: 1.4em;}

/*CONTENT HEADINGS
----------------------------------------------------------------------------------------------*/
#content h1 {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 2em; letter-spacing: .02em; font-weight: bold; padding: 0 0 3px 0; margin: 0; color:#069EDB;}
#content h2 {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; letter-spacing: .02em; font-weight: bold; padding: 0 0 3px 0; margin: 0; color:#333333;}

/*TABLE
----------------------------------------------------------------------------------------------*/
#content table {margin: 0 0 8px 0; border-collapse: collapse; color: #000000; background-color: #FFFFFF; border: 1px solid #999999; width: 100%;}
#content tr.even {background-color: #EEEEEE;}
#content tr.tableOver {background-color: #D5E9F9;}
#content th, #content table td {padding: .33em .5em; color: #636363; line-height: 1.5em; border-right: 1px solid #999999;}
#content th {color: #FFFFFF; background-color: #999999; font-weight: bold; padding-bottom: .4em; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
#content td {vertical-align: top;}
#content caption {color: #666666; font-size: .7em; text-align: left; padding: 0 0 .1em 0 !important; padding: 0 0 .1em 0; margin: 0; font-weight: bold;}
#content td li {font-size: 1.55em;}
#content td p { font-size: 1em; padding: 0; margin: 0 0 14px 0;}
#content foot td {font-size: .8em; text-align: center; background-color: #cccccc;}

/*FOOTER
----------------------------------------------------------------------------------------------*/
#footer {width: 890px; border-top: 1px solid #D5E9F9; margin: 20px 0 0 0; padding: 2px 2px 0 2px;}
#footer .title{float: left; font-size: .8em;	color: #C8C8C8;}
#legal {float: right; color:#C8C8C8;}
#footer .links a {font-size: 0.8em; color: #547E32; text-decoration: none;}
#footer .links a:hover {text-decoration: underline;}