/* template CSS Document */

*{margin:0; padding:0;} /*zeroes out margins so we control them, not the browser*/

body {
   background: #F6F6F6 url(../backgrounds/hncc7.gif) repeat-y 50% 0;
   background-attachment: fixed;
   text-align: center;
}

table { border: 0px; cellpadding: 0px; cellspacing: 0px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #555555; }

td { border: 0px; }

div { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #555555; }

a:link { text-decoration: none; color: #C7003B; }
a:hover { text-decoration: none; color: #A5003B; background-color: #A9B9DE; }
a:active { text-decoration: none; color: #A5003B;}
a:visited { text-decoration: none; color: #C7003B; }

.clear { clear: both; }
 
#container { 
    /* set border: 1px solid #00CC00; to see edge */
	margin: 0px auto; text-align: left; width: 720px;
}

h1 {
   background-color: #FAE884;	
   width: 692px;
   height: 90px;
   margin: 0;
   padding: 0px;
}

#topgraphic {
   width: 720px;
   height: 90px;
   margin: 0px auto;
   top:0px;
   left:0px;
   position: relative;
}

#toptext {
   width: 675px;
   height: 90px;
   top:-90px;
   left:16px;
   position: relative;
   z-index:2;
}

#left_outer {
	width: 178px;
    position: relative;
	float: left;
}

#leftside { /*
background-color: #CCDDAA;
height: 100%;
*/
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #888888;	
}

#content_outer { float:left; width:514; position: relative; }/*container for inner box*/

#content_inner { padding: 10px 0 10px 18px; 
	border-left: 1px solid #DDDDDD;
}/*add borders and padding here to avoid IE / FF discrepancies */

#content {
	width: 510px;
    top:-90px;
   position: relative;
   border: 1px solid #000000;	
	float: left;
	
}

#content_inner h2 {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color: #6699CC;
	width: 454px;
	padding: 0 0 0 0px;
}

#footer {	
	margin: 0px auto;
	position: relative;
	background-color: #F6F6F6;
	/* border-bottom: 9px solid #FFFFFF; */
	width: 720px;
	padding: 5px 0;
	clear: both;
}

#footer h2 {
	margin: 0;
	text-align: center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #AAAAAA;
}

#footer h2 a:visited, #footer h2 a:link {
	color: #888888;
	text-decoration: none;
	border-bottom: 1px dotted #888888;
}

#footer h2 a:hover {
	color: #F7F7F7;
	text-decoration: none;
	border-bottom: none;
	background-color: #6699CC;
}

.text {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	margin-bottom: 10px;
}

/* --- navigation --- */

#navcontainer {
	/* border: 1px solid #000000; */
	/* width: 178px;*/
}

#navcontainer ul {
	margin: 0;
 	padding: 0;
 	list-style-type: none;
 	font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
	text-indent: 22px;
	letter-spacing: 1px;
	/* border-bottom: 1px solid #fff; */
}

#navcontainer a {
 	display: block;
 	width: 178px;
 	height: 22px;
}

#navcontainer a:link, #navcontainer a:visited {
	background: url(../timg/bg_navbutton4.gif);
 	color: #ffffff;
 	text-decoration: none;
}

#navcontainer a:hover {
	background: url(../timg/bg_navbutton4_over.gif);
	color: #B53030;
	text-decoration: none;
}

#navcontainer li a#current {
	background: url(../timg/bg_navbutton4_over.gif);
	color: #B53030;
	text-decoration: none;
}