/*
Design by FlashTemplatesDesign.com
http://www.flashtemplatesdesign.com
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0px 0;
	padding: 0;
	background: #cccccc url(./images/bg.gif) repeat-x; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

p, ul, ol, blockquote {
	font-size: small;
}

}

a:hover {
	text-decoration: none;
}

/* Header */

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#header {
	width: 870px;
	height: 104px;
	margin: 0 auto;
	background: #ffffff url(images/header.jpg) no-repeat left center;

}

#horizontalcssmenu {
	margin: 0 auto;
	width: 870px;
	height: 30px;
}

#horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
#horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
#horizontalcssmenu ul li a{
display: block;
width: 100px; /*Width of top level menu link items*/
height: 30px;
border-left-width: 0;
text-decoration: none;
padding: 4px;
background: #022688;
color: white;
text-align: center;
font: bold 12px Tahoma;
}
	
/*Sub level menu*/
#horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
#horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
#horizontalcssmenu ul li ul li a{
width: 100px; /*width of sub menu levels*/
height: 20px;
font-weight: normal;
padding: 2px 5px;
background: #022688;
border-width: 0 1px 1px 1px;
}

#horizontalcssmenu ul li a:hover{
background: #5d7cba;
}

#horizontalcssmenu ul li ul li a:hover{
background: #5d7cba;
}


* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Hack for IE \*/
* html #horizontalcssmenu ul li { float: left; height: 1%; }
* html #horizontalcssmenu ul li a { height: 1%; }



/* Content */

#content {
	width: 870px;
	margin: 0 auto;
	background: url(images/img4b.jpg);
	border-top: 0px solid #787878;
}

#colOne {
	float: left;
	width: 540px;
	padding: 20px;
}

#colOne a {
	color: #8e4000;
	text-decoration: none
}
 
#colOne a:hover {
	color: #b62708;
	text-decoration: underline;
}

#colOne h3 {
	color: #b62708;
}

#colTwo {
	float: left;
	width: 209px;
	padding: 40px;
}

/* Content > ColOne */

/* Content > ColTwo */

#colTwo h2 {
	font-size: medium;
	color: #FFFFFF;
}

#colTwo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#colTwo li {
	margin-bottom: 1em;
	color: #ffffff;
}

#colTwo li li {
	margin-bottom: 0;
	padding-left: 1em;
}

#colTwo a {
        color: #ffffff;
        text-decoration: none;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 5px;
}

#calendar table {
	width: 100%;
}

#calendar a {
	color: #ffffff;
	text-decoration: none;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	width: 870px;
	margin: 0 auto;
	background: #022688;
}

#footer * {
	color: #FFFFFF;
}

#footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: small;
}

#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; cursor:pointer; text-decoration: none}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}