@charset "utf-8";
/* CSS Document */


body {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background: #e9edf1;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	width: 880px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	border-right: 2px solid #728daa;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

div#hdr {
	height:90px;
	padding:0 0 0 60px;
	height:90px;
	background:url(../img/bc.PNG) no-repeat #fff;
}
div#hdr div#shade {
  background:#f0f0f0;
  height:76px;
}

img.title {
	display:block;
	float:left;
	cursor:hand;
}
#nav
	{	
	  	margin-left:1px;
		float:left;
		clear:left;
		/*padding-top:17px;*/
		margin-top:3px;
		height:17px;
		background: #f0f0f0;
	}

#tabnav
	{
		width:808px;
		height: 20px;
		margin: 0;
		padding-left: 10px;
		background: url(../img/tab_bottom.gif) repeat-x bottom #f0f0f0;
	}

#tabnav li.tab
	{
  		display: inline;
  	}

#tabnav li a.dir {
	background-image: url(../img/down.GIF);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#tabnav li a.home {
	background-image: url(../img/house.PNG);
	background-repeat: no-repeat;
	background-position: 3px 5px;
}

#tabnav li a:link, #tabnav a:visited
	{
		float: left;
		background-color: #e0e0e0;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;

		text-decoration: none;
		color: #666;
	}

#tabnav li a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background-color: #fff;
		color: #000;
	}

#tabnav li ul li a {
	width: 125px;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
}
#tabnav li a:hover
	{
		background-color: #fff;
	}

a.tab {
	border: 1px solid #c0c0c0;
}
a.btm {
	border-bottom: 1px solid #c0c0c0;
}

div#doc {
	color: #606060;
	border-left:2px solid #728daa;
	background-color:#fff;
}
div#doc p, div#doc ul, div#doc h1, div#doc h2, div#doc h3 {
	padding-top:1em;
	padding-bottom:1em;
}
div#doc h1 {font-size:120%;}
div#doc h2 {font-size:110%;}
div#doc h3 {font-size:100%;}
div#doc td {vertical-align:top;}
div#doc textarea {width:300px;height:150px;}

div#ftr {
	color:#728daa;
	text-align:center;
	border: 0px;
	background-color: #a7bbd0;
	border-left: 2px solid #728daa;
	border-bottom: 2px solid #728daa;
}
div#ftr a {
	color:#fff;
	font-size:12px;
	text-decoration:none;
}
div#ftr a:hover {
	color:#fff;
}
img.photo {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px;
	background: #eee;
}
fieldset {
  border:1px solid #ccc;
  padding:10px;
}
legend {
  color:#aaa;
  font-size:90%;
  text-align:right;
  margin-left:20px;
}
input[type='text'],textarea {
  border-top:1px solid #888;
  border-left:1px solid #888;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}  
input[type='submit'],input[type='button'] {
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  border-right:1px solid #888;
  border-bottom:1px solid #888;
}
div#ie_sucks_doc_padding {
  padding:0 0 0 58px;
  margin:0;

}
code {
 background-color:#eee;
 border: 1px solid #ddd;
 padding:1em;
 display:block;
}