/*
This is an Elated PageKit - www.elated.com.
All artwork copyright © 1996-2003 Elated Communications Ltd.
By using this PageKit, you are agreeing to be bound by the usage agreement available online at www.pagekits.com/usage/
Styles added to convert from Tables to CSS, Nancy Shoemaker, www.shoemakergroup.com, 2005.
*/

/* Open Issues with the style sheet v. 2005-jun-03 - nes
1. Not clear if the complex list to set background color on the link to the current page is really required, but it works.

3. Haven't applied box model hack for IE5/Win - see http://www.communitymx.com/content/article.cfm?cid=E0989953B6F20B41
4. Long entries in Page Heading can wrap (except in IE which grows the box) into the lower sections when the browser width is too narrow.
   This probably means a graphic logo is required at some point, but I may experiment with min width settings.
5. Using <div> tags to clear the floats. This is arguably wrong (and the recommended CSS is in the style sheet)
   but it doesn't seem critical enough to figure out why the recommended solution isn't working.
6. Using the original non-web safe colors and the pixel based text sizes. I'll defer to designer on colors, and
   modern browsers other than IE (and even IE in accessibility mode) seem to deal with pixels okay.
   
Changes:
Corrected H1 text-align to right from "middle".
2. The #header background bleeds into the left side of the topmenu piece in IE6, but looks fine in FF, NS & Opera
	Fixed with negative right margin on logo.
*/

/*
	Standard font family for site
*/

body, table, tr, td, th, a, p, h1, h2, h3, h4, h5, dd, dt
{
	font-family: arial,helvetica,sans-serif;
}

.thead {
	text-align: left;
	font-weight: bold;
}
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;	
	border: 0px;
}


/*
	Standard links
*/

a:link
{
	color: #6A8499;
	font-weight: normal;
	text-decoration:underline;
}

a:visited
{
	color: #6A8499;
	font-weight: normal;
	text-decoration:underline;
}

a:hover
{
	color: #6A8499;
	font-weight: normal;
	text-decoration: none;
}


/*
	"your company name here" heading
*/

#header {
	/* TODO: fix the way this bleeds through between the logos and the text elements in IE6 */
	background-image:  url("../images/brown_stripes.gif");
	/* height appears to be needed for IE if contained DIV is used to clear float: */
	/* was 102 */
	height: 140px; /* added here and to .pageheading to account for the fact that the title wraps at 800x600 */
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.logo {
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 180px;
}
/* See http://www.quirksmode.org/css/quirksmode.html for this one: */
.logo img {
	display: block;
}
.pageheading {
	color: #C3B291;
	font-size: 29px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	padding: 15px 25px 0px 0px;
	/* was 56 */
	height: 94px;
	margin: 0px;
	border: 0px;
	display: block;
}
.topmenu{
	color: #35424D;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	height: 26px;
	background-color: #D7D7D7;
	text-align: right;
	margin: 0px;
	padding: 5px 25px 0px 0px;
	border: 0px;
	display: block;
	
}



/*
	Top menu bar links
*/

a.linktopmenu:link
{
	color: #35424D;
	text-decoration: none
}

a.linktopmenu:active
{
	color: #35424D;
	text-decoration: none
}

a.linktopmenu:visited
{
	color: #35424D;
	text-decoration: none
}

a.linktopmenu:hover
{
	color: #35424D;
	text-decoration: underline
}


/*
	Bottom grey bar (footer)
*/

.bottombar  p
{
	margin-top: 0px;
	padding-bottom: 8px;
	padding-top: 8px;
	background-color: #D7D7D7;
	text-align: right;
	padding-right: 25px;
	
}


/*
	Standard paragraph
*/

p, li, dd, dt
{
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	/*text-align: justify */
}

#content td {
	font-size: 12px;
	
}
#content th {
	font-size: 12px;
	font-weight: bold;
}
.mylabel {
	font-size: 12px;
	width: 50px;
	padding-left: 90px;
}


/*
	Headline paragraph
*/

.headline
{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}


/*
	Headings
*/

h1
{
	color: #999999;
	font-size: 24px;
	font-weight: bold;
	margin-top: 32px;
	background-image:  url("../images/heading_squares.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;
	text-align:	left;
	text-transform: lowercase;

}

h2
{
	color: #666;
	font-size: 22px;
	font-weight: bold;
	margin-top: 30px
}

h3
{
	color: #999999;
	font-size: 16px;
	font-weight: bold;
	margin-top: 28px
}

h4
{
	color: #999999;
	font-size: 14px;
	font-weight: bold;
	margin-top: 26px
}

h5
{
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	margin-top: 24px
}





/* This strategy started at List-o-matic  
   http://www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp?step=3
*/
#navcontainer { 
	width: 180px;
	position: absolute;
	left: 0px;
	top: 102px;
	background-image:url("../images/tree-bot2.png");
	background-repeat:no-repeat;
	margin-top: -2px;
}

#navcontainer ul, dl
{
	margin-left: 0;
	margin-top: 70px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-top: 50px;
	padding-bottom: 50px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #2E2D4A;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	background-color: #8E8DBA;

}
#navcontainer dl {
	margin-top: -25px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
}
#navcontainer a
{
	display: block;
	padding: 3px;
	width: 160px;
	border-bottom: 2px solid #5A5891;

}

#navcontainer a:link, #navlist a:visited
{
	color: #2E2D4A;
	text-decoration: none;
}

#navcontainer a:hover
{
	background-color: #9F9ECB;
	color: #2E2D4A;
}
#navcontainer dt
{
	
	font-weight: bold;
	
}

#home #navhome a, 
#treatment #navtreatment a, 
#prevention #navprevention a,
#update #navupdate a, 
#contact #navcontact a {
	background-color: #B9A57E;
}

#home #navhome a:hover, 
#treatment #navtreatment a:hover, 
#prevention #navprevention a:hover,
#update #navupdate a:hover, 
#contact #navcontact a:hover {
	background-color: #B9A57E;
}


/* Right Hand Float */
#insert {
	width: 190px;
	float: right;
	margin-left: 35px;
	margin-top: -32px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	
}
#insert h2 {
	margin-top: 16px;
}

.sidebar {
	background-color: #F3F0E9;
	padding: 0px 7px 4px 7px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

/* Main area of the page */
#main {
	margin-left: 215px;
	margin-right: 25px;
	margin-bottom: -10px;
}
#content {
	margin-right: 35px;
	padding-bottom: 15px;
}

#wrapper {
	background-image:url("../images/bluebar.gif");
	background-repeat:repeat-y;
}


/* IE  hacks (no way to test IE-mac) */

* html #insert {
	margin-top: 0px;
}
* html #header {
	height: 1%;
}
* html .logo {
	margin-right: -3px;
} 


/* from PositionIsEverything.Net/easyclearing.html 
   The page actually still has extra container boxes to do this.
*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* needed for IE-mac */
.clearfix {display: inline-table;}

/* ensure height is set for IE/Win which doesn't recognize :after */
/* this depends on IE having a container above HTML */
/* Hides from IE-mac \*/
	* html .clearfix {height: 1%; } 
	.clearfix {display: block;}
/* End hide from IE-mac */

/* end PositionIsEverything on Clearing Floats */

.tdlabel {
	text-align: right;
	vertical-align: top;

}

#content td {
	vertical-align: top;
}

.number {
	text-align: right;
}
.deadlinedetail {
	margin-left: 20px;
	margin-top: -15px;
}
.message {
	font-weight: bold;
	color: #FF0000;
}

@media print {
	.logo, #navcontainer, .footermenu, .topmenu {
		display: none
	}

}