/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-image:url(images/bak.jpg);
 margin-top:2px;
} 
 
#pagewidth{ 
 width:838px; 
 text-align:left; margin:0; padding:0;
 margin-left:auto; 
 margin-right:auto; 
} 

 
#header {
width:838px;
height:95px;
display:block;
}
#header img {
border:0;
margin-top:0px;
}
 
#login {
width:573px;
height:95px;
float:right;
background-image:url(images/top-banner1.jpg);
background-repeat:no-repeat;
}

#contentarea {
clear:both;
width:810px;
background-image:url(images/content.jpg);
background-repeat:no-repeat;
height:508px;
}

#contentarea1 {
clear:both;
width:810px;
background-image:url(images/c2.jpg);
background-repeat:repeat-y;
height:508px;
}
#contentarea2 {
clear:both;
width:810px;
background-image:url(images/contentpage.jpg);
background-repeat:no-repeat;
height:508px;
}

#contentarea3 {
clear:both;
width:810px;
background-image:url(images/contentpage2.jpg);
background-repeat:no-repeat;
height:508px;
}
/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#wrapper{display:none;} 

#wrapper, #c2{width:100%; float:none;}
}


#wrapper {
 clear:both;
 margin:0;
 padding:0;
 width:810px;
 display:block;
 padding-left:4px;
 padding-right:24px;
}

#c1 {
width:810px;
background-image:url(images/ch1.jpg);
background-repeat:no-repeat;
height:33px;
position:relative;
}
#wrapperc2 {
clear:both;
 margin:0;
 padding:0;
 width:810px;
 text-align:left; margin:0;
 position:relative;
}

#c2 {
width:810px;
display:block;
background-image:url(images/ch2.jpg);
background-repeat:repeat-y;
height:auto;
position:absolute;
}
#c3 {
clear:both;
width:810px;
display:block;
background-image:url(images/ch3.jpg);
background-repeat:no-repeat;
height:29px;
position:relative;
}

#maincontent {
width:530px;
margin-left:25px;
margin-right:20px;
padding-top:25px;
float:right;
text-align:left;
position:relative;
}
/**********/
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

#mainimg {
width:608px;
height:508px;
float:right;
}

#mainnav {
width:180px;
float:left;
padding:0;
margin:0;
height:auto;
}

#mainnav ul {
width:125px;
float:left;
padding:0;
margin:0;
margin-top:25px;
padding-left:33px;
margin-bottom:8px;
}

#mainnav li {
width:125px;
height:21px;
padding-top:2px;
background-color:#333300;
border: #fff 1px solid;
margin-bottom:4px;
list-style:none;
}

#mainnav a {
color:#FFFFFF;
font-family:"Century Gothic", Verdana, Arial;
font-size:14px;
text-decoration:none;
margin:0; padding:0;
text-align:Left;
margin-left:8px;
}

#mainnav a:hover {
color:#000099;
}

.telnum {
color:#FFFFFF;
font-family:"Century Gothic", Verdana, Arial;
font-size:14px;
text-decoration:none;
margin:0; padding:0;
text-align:Left;
margin-left:33px;
padding-top:10px;
clear:both;
}

#events {
width:130px;
height:300px;
padding-top:4px;
padding-left:5px;
padding-right:5px;
background-color:#333300;
border: #fff 1px solid;
margin-left:33px;
margin-top:15px;
}

#events h1 {
color:#FFFFFF;
font-family:"Century Gothic", Verdana, Arial;
font-size:14px;
font-weight:bold;
}
#events p {
color:#FFFFFF;
font-family:"Century Gothic", Verdana, Arial;
font-size:12px;
text-decoration:none;
margin:0; padding:0;
text-align:Left;
}
    #tabsI {
      background-image:url(images/bak.jpg);
	  width:573px;
	  height:30px;
	  float:right;
      }
    #tabsI ul {
	margin:0;
	float: left;
	list-style: none;
	line-height: 1.25em;
	color: #fff;
	background-color: transparent;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	letter-spacing:normal;
	padding-top:65px;
	padding-left:0px;
    }

    #tabsI a {
	display: block;
     /*mfloat:left;*/
      background:url("images/tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0px 0 4px;
      text-decoration:none;
      }
    #tabsI li {
		float: left;
     /*mdisplay:inline;*/
      margin:0;
      padding:0;
	  list-style:none;
      }
	  
    #tabsI a span {
      float:left;
      display:block;
      background:url("images/tabrightI.gif") no-repeat right top;
      padding:8px 8px 4px 7px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      color:#FFF;
      }
    #tabsI a:hover {
      background-position:0% -42px;
      }
    #tabsI a:hover span {
      background-position:100% -42px;
      }  
/* The dropdown links lists */
#tabsI li ul {
	position: absolute;
	z-index: 10;
	left: -999em;
	height: auto;
	width: 190px; 
	border: 1px solid #fff;
	background-color: #333300;
	letter-spacing:.05em;
	margin: 0; padding:0; 
	margin-top:-1px;
	float:left;
	list-style:none;
}
#tabsI li li {
	padding: 0;
	width: 100%;
}
#tabsI li ul a {
	padding: 3px 5px;
	width: 190px;
	* html width: 100px;
      background:none;
      margin:0;
      text-decoration:none;
	  color:#FFFFFF;
	  font-weight:bold;
	  letter-spacing:normal;
}

#tabsI li ul a:hover {
	 color:#996600;
      text-decoration:none;
	  background-color:transparent;
	  background-image:none;
}
/* This controls the flyout location of the second level dropdowns */
#tabsI li ul ul {
	margin: -2em 0 0 100px;
}
#tabsI li:hover ul ul, #tabsI li:hover ul ul ul, #tabsI li.sfhover ul ul, #tabsI li.sfhover ul ul ul {
	left: -999em;
}
#tabsI li:hover ul, #tabsI li li:hover ul, #tabsI li li li:hover ul, #tabsI li.sfhover ul, #tabsI li li.sfhover ul, #tabsI li li li.sfhover ul {
	left: auto;
}
/* -------------------------- */
/* Here is the background of the main nav link while looking at the dropdown */
#tabsI li:hover, #tabsI li.sfhover {
	background-color: #333300;
}
/* -------------------------- */
/* The dropdown links list colors */
#tabsI li ul.under a {
	color: #fff;
	background-image: none;
}
#tabsI li ul.under a:hover {
	background: #333300;
	color: #fff;
}
/* -------------------------- */
/* The background of the second level links while looking at the dropdown under it... */
#tabsI li ul.under li:hover a.daddy, #tabsI li ul.under li.sfhover a.daddy {
	color: #fff;
}
#tabsI li ul.under li:hover, #tabsI li ul.under li.sfhover {
	color: #fff;
	background-color: #333300;
}


li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	line-height:19px;
	list-style:square;
}



p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	line-height:19px;
}
a {
color:#330099;
text-decoration:none;
}
a:hover {
color:#330099;
text-decoration:underline;
}
a:visited {
color:#330099;
}
.inputselect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	line-height:12px;
	height:18px;
	width:130px;
	border:none;
}
label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#330066;
	font-weight:bold;
	line-height:12px;
}

td {
padding-right:8px;
}
h1 {
	font-family: Georgia;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;

	color:#000066;
/*	font-size:15px;*/
	margin:0;
	padding:5px 0 12px 0;
}


h3 {
	color: #B64A01;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0; padding:0;
	margin-left:20px;
}

.submit input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#fff;
	border: 1px solid #D7D7D7;
	background-color: #423D65;
	font-size: x-small;
	font-weight: bold;
}

/*Footer********************************/

#footer{
	height:45px;
	clear:both;
	width: 810px;
	margin:0; padding:0;
/*	margin-right: auto;
	margin-left: auto;*/
	border-top-width: 0px;
	padding-top:5px;
	display:block;
	background-image:url(images/bak.jpg);
 } 
 
#footercontact {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000066;
	text-decoration: none;
	float: right;
	width: 500px;
	display: inline;
	padding-right: 10px;
	text-align: right;
	background-image:url(images/bak.jpg);
}
#footerlinks {
	float: left;
	width: 250px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-decoration: none;
	color: #000066;
	padding-left: 8px;
	background-image:url(images/bak.jpg);
}

a.footer, a.footer:visited {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000066;
	text-decoration: none;
}
a.footer:hover {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000066;
	text-decoration: underline;
}