/****   VERY IMPORTANT NOTE  ****/
/****   
   KEEP ALL ABSOLUTE POSITIONED DIVS INSIDE OF THE CANVAS_WRAP DIV, TO 
   KEEP ALL ABSOLUTE POSITIONED WORK BOXES VISIBLE IN Nvu and Dreamweaver 
   Editors.  IT's JUST A Z-INDEX RELATED FIX FOR WYSIWYG HTML EDITORS.
   VERY IMPORTANT NOTE  ****/
   /* CSS Document */

/********  Not Blocked/Floated  **********/
/****  Appears that inner divs go against prior divs, but which ones?  *********/



body {
	font-family: Tahoma;
	background: #f6f0dd;
	padding: 0;
	margin: 0;
	font-size: x-small;
	color: #FFFFFF;
}


html>body #content { border-top: #eee solid 4.1em; }

h1 { margin: 0; padding: 1em 0; }
h2 { font-size: medium; margin: 0; padding: 0 0 0 0; }
h2.date { font-size: x-small; color: #aaa; padding: 0; }
p { line-height: 100%; }
acronym { cursor: help; }
input,select {background: #f2f2f2; border: 1px gray dotted;}
input:hover { background: white; }
input.button {    background: #ccc;    border: 1px gray solid;}
textarea {    border: 1px gray dotted;}
img {    border: 0;}
hr { border: 1px gray solid; margin: 1em 12em; }


div.border {    border: #eee solid thick;    border-right: none;}

div#master {
    width:100%;
    margin: 0 auto;
    border-left: #444 solid thin;
    border-right: #444 solid thin;
    background: #444;
}

#header {
	color: white;
	background-color: #921609;
	background-image: url(/images/baner_background.jpg);
	background-position: right;
	background-repeat: no-repeat;
}


#body_wrap {
	display:block;
	float:left;
	margin:0;
	padding: 0;
	width:100%;
	background-color:#EEEEEE;
	border-top: #eee solid 1em;
	font-size:small;
	color: #000000;
	text-align: justify;
	height: auto;
}

#leftnav {
	padding:0;
	display:block;
	background: #eaeaea;
	width:20%;
	float: left;
	color: #000000;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div.left_sideboxes {
    display:block;
	margin:0;
	padding:0;
	padding-left: 4px; 
	width:auto;
	background: #eee;
	border-right: solid thick #ddd;
    color: #777;
	text-align:left;
	}

#centercolumn {
	display:block;
	float:left;
	width:57%;
	background-color:#ffffff;
	text-align:left;
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 2px;
}

div.center_article {
	display:block;
	margin: 0;
	padding-left:5px;
	width:100%;
	border-bottom: #eee solid 1px;
	text-align:left;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
}

#rightnav {
	margin:0 auto;
	padding:0;
	display:block;
	background: #eaeaea;
    width:25%;
    float: right;
    color: #000000;
	text-align:left;
}

div.right_sideboxes {
	display:block;
	margin:0;
	padding-left: 4px;
	width:20%;
	background: #eee;
	border-left: solid thick #ddd;
	color: #777;
	text-align:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	}


#bottommenu {
    display:block;
	float:left;
	width:100%;
	background-color: #444;
    font-size: x-small;
    text-align: center;
    color: #aaa
	}

#bottommenu a { color: #aaa }


#footer {
    display:block;
	clear:both;
	background-color: #444;
    color: #aaa;
    font-size: x-small;
    text-align: center;
}


#footer a:link {color:#ffffff;}
div.left_sideboxes a { font-size: x-small; }
div.left_sideboxes p { font-size: x-small; margin: 0; }
div.left_sideboxes img { display: block; margin: auto; }
.left_sideboxes h2 { background: white; font-size: small; padding: 0; border-top: 1px solid #eee; font-weight:bold;  text-align: left; }
.left_sideboxes h3 { background: white; font-size: x-small; padding: 0; border-top: 1px solid #eee; font-weight:bold;  text-align: left; }

div.right_sideboxes a { font-size: x-small; }
div.right_sideboxes p { font-size: x-small; margin: 0; }
div.right_sideboxes img { display: block; margin: auto; }
.right_sideboxes h2 { background: white; font-size: small; padding:0; border-top: 1px solid #eee; font-weight:bold;  text-align: left; }
.right_sideboxes h3 { background: white; font-size: x-small; padding: 0; border-top: 1px solid #eee; font-weight:bold;  text-align: left; }




/***  side menu lists  ***/
ul {
width:auto;
margin:0;
padding:0;
list-style-position:inside; 
font-size: x-small; 
text-align: left; 
}



ul li {
   display: block;
    padding: 5px 0px 5px 0px;
    font-size: x-small;
    color: #aaa;
    font-weight: normal;
    text-decoration: none;
}


/***  To resolve wrapping in IE, this top menu is 
centered for ie and mozilla; and is also with the 
li items not quite full width; 24.95% instead of 25%; 
also resolved wrapping problems in php view-frame with ie.  *****/

#topmenu_wrap {
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	text-align:center;
}
/****  Top Menu ****/
ul#topmenu {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: center;
    background: #444;
	width:auto;
}
ul#topmenu li {
	display:block;
	float:left;
	width:24.95%;  /***  left a few tenths off, give it some slack  ***/
    border-top: #777 solid thin;
    border-bottom: #666 dashed 0.5em;
	background: #444;
	}
ul#topmenu li a {
   display: block;
    padding: 0.5em 0;
    font-size: small;
    color: #aaa;
    font-weight: bold;
    text-decoration: none;
}
ul#topmenu li a:hover {background: #666; color: white; }
ul#topmenu a.current:link { background: #666; color: white; }
ul#topmenu a.current:visited { background: #666; color: white; }



a:link { color: #921609; text-decoration: none; }
a:visited { color: #921609; text-decoration: none; }
a:link:hover { text-decoration: underline; }
a:visited:hover { text-decoration: underline; }