/******************************/
/******** Common Styles ********/
/******************************/

body {
	background-image:  url(body-rpt.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	behavior:  url(ADXMenu.htc);
	background-color: #000000;
	padding: 0;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #000000;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #000000;


}
/* LAYOUT */

#wrapper {
	width: 980px;
	border: 1px #FFFFFF;
	color: #000000;
	background-color: #000000;












}


/*******Header******/

#header {
	background: transparent;
	width: 100%;
	height: 136px;
	background-image:  url(banner2.jpg);
	background-repeat: no-repeat;
	background-position: top right;

}
#header span #sitename h1 {
        position: absolute;
        width: 100%;
        text-align: right;
        top: 80px !important;
        top: 100px;
	right: 400px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 25px;
        font-weight: bold;
        color: #336699;
}
#sitename h1 a:link, #sitename h1 a:visited, #sitename h1 a:hover {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;

}
#container {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;

}
#banner-img {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	height: 176px;
	width: 250px;

        /*background-color: #c93;*/
}
#banner-img IMG{
        width: 250px;
}

/*************** Main **********/

#main {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	color: #000000;
	text-align: center;
	padding-bottom: 10px;


}
#main h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;

}
#main-content {
}
#main-content td {
	font-size: 75%;
}
#main-content a:link, #main-content a:visited {
	color: #666666;
}
#main-content a:hover, #main-content a:active{
	color: #000000;
}
/*#main-content .tx-veguestbook-pi1 table {
	width: 90%;
}
#main-content .tx_chcforum-pi1 table {
	width: 90%;
}*/


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

#footer {
	background-color: #000000;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #CCCCCC;
	background-position: center;
	width: 100%;

}
#footer a:link, a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:hover, a:active {
	color: #7DCBFF;
}

/***********/
/*Styles the Macina Searchbox plugin*/
/**********/
#search {
	padding-right: 10px;
	padding-left: 15px;
}
#searchform .searchbox {
        width: 100px;
        margin-left: 3px;
        border: 1px solid #693;
        font-size: 10px;
}
input.searchsubmit {
        width: 50px;
        font-size: 11px;
}


/************** Right Content *****************/

/*#right-column #search,
#right-column #login {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
}*/
#right-column {
	float: right;
	z-index: 10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #333;

	/*padding-left: 15px;*/
}
#right-column IMG {
	margin: 0px;
	padding: 0px;

}
#right-column td {
	font-size: large;
	color: #333;
	text-align: center;
}
#right-column p {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;*/
}
#right-column h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #333;
}
#right-column h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #333;
}
#right-column h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #333;
}
#right-column a:link, #right-column a:visited {

	color: #333;
}
#right-column a:hover, #right-column a:active{
	color: #CCCCCC;
}
#right {
	padding-right: 10px;
	padding-left: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;

}
.last {
	margin-bottom: 0px;
}
.clearing {
	height: 0px;
	clear: both;

}

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

#mainmenu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	left: 84px;
	top: 177px;


}

#mainmenu a {
	display: block;
	color: #FFFFFF;
	background-color: #000000;

}

#mainmenu li li {
	width: 100%;

}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */

#mainmenu li li ul {
	top: -152px;
	left: -78px;
}

/* ...and then place it where it should be when shown */
#mainmenu li li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
#mainmenu li ul {
	display: none;
	position: absolute;
	z-index: 10;
	left: 0px;
	top: -5px;


}

/* display them on hover */
#mainmenu li:hover>ul {
	display: block;
	background-color: #FFCC00;


}

/* this is needed if you want to style #mainmenu div - force containment of floated LIs inside of main UL */
#menuList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Clear-fix for IE5/Mac \*//*/
#mainmenu a {
	float: left;
}

#menuList {
	display: inline-block;
}

/*  */

/*		------   Make-up	--------			*/

#mainmenu {
	color: #FFFFFF;
	background-color: #000000;
	height: 30px;
	padding-top: 5px;
	display: block;

}

#mainmenu li {
}

#mainmenu li li {
	background: #FFCC00 url(none);
	width: 150px;
}

#mainmenu a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	padding: 2px 10px 2px 10px;
	background-color: #000000;

}

#mainmenu li:hover>a {
	background-color: #FFCC66;
}

#mainmenu li li a {
       color: #336799;
 	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	background: #FFDD53 url(none);
	padding: 5px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;

}

#mainmenu li li:hover>a {
	color: #fff;
	background-color: transparent;
}

#mainmenu li ul {
	color: #000000;
	/*margin-left: 10px;*/
	background-color: #FFCC00;
	width: 150px;

}

#mainmenu li li ul {
	border-top-width: 0px;
	background-color: #FFDD53;

}

#mainmenu li li li:first-child {
	border-top: 1px solid #fff;
}

#mainmenu li li.submenu>a:after {
	content: "";
}

/*************************************/
.breadcrumb {
	font-size: 10px;
	text-align: left;
}
.breadcrumb a:link, .breadcrumb a:visited {
	font-size: 10px;


	text-align: right;
	color: #003366;
}
.breadcrumb a:hover, .breadcrumb a:active {
	font-size: 10px;
	text-align: right;
	color: #3399FF;
}
#contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #CCCCCC;
	word-spacing: 20px;
	text-align: center;
	letter-spacing: 3px;





}
#pagetitle {
	font-size: large;
}
Wrapper inner {

	width: 900px;
	border: thin solid #FF0000;
	background-color: #000000;
	color: #000000;
}
#slogan {
	color: #FFFFFF;
	vertical-align: bottom;
	word-spacing: 5px;
	font-size: large;
	text-align: center;




}
#phone {
	font-size: large;
	color: #000000;
	border: #000000;
	letter-spacing: 2px;
	vertical-align: middle;







}
#leftcol top {
	background-color: #FF0033;
	border: thin solid #000000;
	background-image: url(widgets/gen_28.GIF);
	background-position: left top;
	color: #330099;


}
#leftcol {
	background-color: #CCCCCC;
	height: 100%;
	width: 100%;






}


ul.navbar {
	list-style-type:none;
	float:left;
	display:block;
	width:100%;
	line-height:100%;
	clear:both;
	margin:0;
	padding:0;
	background-color:#000000;
	color: #CCCCCC;
	text-align: center;

}

ul.navbar li {
display:inline;}

a.nav:link, a.nav:visited {
	display:block;
	float:left;
	width:12%;
	text-decoration:none;
	background-color:#000000;
	color:#CCCCCC;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	border: #CCCCCC;

}

a.nav:hover {
display:block; float:left; width:12%; padding:10px 0; 
text-decoration:none; background-color:#CCCCCC; color:#000000;}

a.nav:active {
display:block; float:left; width:12%; padding:10px 0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

</style>