/* MAIN STRUCTURE ------------------- */

html, body {
height: 100%;

}
body {
background-image:url(images/sub_background.jpg);
background-repeat:repeat-x;
background-position:top;
margin: 0px;
padding: 0px;
border: 0px;
text-align: center; /* Hack to center the wrapper in IE5.x pc */
min-width: 885px;
	

}


#wrapper{
width: 885px;/*sets the width for IE5.x's broken box model*/
w\idth: 885px; /* sets the width of the wrapper for compliant browsers*/
margin: 0px auto;/* centers the wrapper. First value - 5px - is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
border: 0px; /* sets a border to all 4 sides */
background-image:url(images/sub_menu_background.jpg); background-position:left; background-repeat:repeat-y;

}


#top {
width: 885px; height: 83px;
background-image:url(images/home_top.jpg);
background-repeat:no-repeat; margin: 0px;

}



/* MENU ----------------------- */

#menupanel {
	width: 246px;
	height:inherit;
	background-image:url(images/sub_menu_background.jpg);
	background-repeat:repeat-y;
	background-position:left;
	float:left;
	padding: 0px;
	position: relative;
margin-top: -10px;
text-align:left;

}

#menupanel ul {
width: 170px;
text-align:left;
font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing: 1px;
text-decoration:none; list-style: none;
line-height: 25px; color:#006666;

float:left;
}

#menupanel li { 
border-bottom: 1px solid #999999; width: 180px; height: 30px;
}

#menupanel li:hover {background-image:url(images/menu_hover.gif); background-repeat:repeat;}
#menupanel li a {padding-right: 40px}

#menupanel a { text-decoration:none; color:#006666}


/* CONTENT --------------------- */

#homecontent {
width: 639px; height:auto;
background-image:url(images/sub_background_content.jpg);
background-repeat:repeat-y;
background-position:right;
float:right; padding: 0px;
	position: relative;
margin-top: -10px;
text-align: left; 
}

#homecontent p { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; line-height: 16px;
padding-left: 35px; padding-right: 70px;
}





/* FOOTER --------------------- */

#footer {
margin: auto;
text-align: center;
width: 885px; height: 72px;
background-image:url(images/background_footer.jpg);
background-repeat:no-repeat;
clear:both;
}

#footer p { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 10px; padding-left: 50px; padding-right: 45px;

margin-top: 7px; }

#footerxtra { z-index: 99;
margin: auto;padding: 5px;
text-align: center;
width: 800px; height: 20px;
font-family:Arial, Helvetica, sans-serif; color:#006666; font-size:10px;
text-align: center;  margin:auto; padding: 0px; clear:both; line-height:0px; margin-top: -20px;
}

#footerxtra a { text-decoration: underline; color:#000000}
#footerxtra a:visted active link {text-decoration:underline; color:#FFFFFF;}
#footerxtra a:hover { color:#999999;}





/* MISC ----------------------- */

h1 {font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 10px; color:#006666;} 
img {padding: 0px; border: 0px;}
.header {font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 10px; font-weight:bold; color:#006666;} 

a, a:link, a:visited, a:active {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#006666;}
a:hover {color:#666666;}

.tabletext, .tabletext p { padding: 0px; margin: 0px;}