body {
	background: #ffffff;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: justify;
	color: #555E4F;
	background-image: url(../images/bg.jpg);
}

/* Header */

#header {
	width: 806px;
	height: 202px;
	margin: 0 auto;
	color: #808080;
	background: url(../images/banner_sk.jpg) no-repeat;
}
#headerBottom {
	width: 806px;
	height: 89px;
	color: #808080;
	margin: 0 auto;
	}


/* Content */

#content {
	width: 806px;
	margin: 0 auto;
	background: url(../images/bodyBg.jpg) repeat-y;
	border-top: none;
}

#Left{
	float: left;
	margin-top: 10px;
	width: 10px;
	padding: 0 10px 0 2px;
}
#Center{
	float: left;
	width: 585px;
	margin-top: 10px;
	padding: 0 2px 0 10px;
}
.content-box
{
 float:none;
 width: 580px;
 height:auto !important;
 position: relative;
 font-size: 12px;

}
p{
	text-align: justify;
	padding: 0;
	}
#Right {
	float: right;
	width: 150px;
	margin-top: 10px;
	padding: 0 15px 0 10px;
}
a, a:link {
	text-decoration: underline;
	color: #000;
}
a:hover {
	text-decoration:underline;
	color: #ADD8E6;
}
a:active {
text-decoration:none ;
color:#ADD8E6;
}
#content h2 {
	margin-bottom: 20px;
	font-size: 18px;
	letter-spacing: -1px;
	color: #808080;
}


#footer {
	width: 806px;
	height: 94px;
	margin: 0 auto;
	background: url(../images/footerBg.jpg) no-repeat;
}


#footer p {
	text-align: center;
	padding: 0;
	font-size: 10px;
}
#footer_bottom {
	width: 800px;
	height: 10px;
	margin: 0 auto;
	
}
#footer_bottom p {
	text-align: center;
	padding: 0;
	font-size: 10px;
}
.cssform p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 1px 0 1px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	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: 100px;
}

.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;
}

.thumbnail{
position: relative;
z-index: 0;
text-decoration: underline;
}
a{
	text-decoration: underline;
}
#navcontainer2 ul
{
	padding-left: 0;
	margin-left: 0.8px;
	background-color: #F0E68C;
	color: #6E5711;
	float: left;
	width: 99%;
	font: bold 11px verdana,helvetica,arial,sans-serif;
}

#navcontainer2 ul li { display: inline; }

#navcontainer2 ul li a
{
	padding: 0 0.5em;
	background-color: #F0E68C;
	color: #6E5711;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}

#navcontainer2 ul li a:hover
{
	background-color: #F3E2AE;
	color: #fff;
}
/*SUBNAVLIST*/
ul#Subnavlist
{
	width: 158px;
	padding: 0px;
	border: 1px solid ThreedLightShadow;
	border-top: 0px;
	margin: 0px;
	font: bold 10px verdana,helvetica,arial,sans-serif;
	background: ThreedLightShadow;
}

ul#Subnavlist li
{
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 1px solid #808080;
}

ul#Subnavlist li a
{
	display: block;
	width: 122px;
	border: 0px;
	border-left: 20px solid #aaaabb;
	background: ThreedLightShadow;
	text-decoration: none;
	text-align: right;
}

ul#Subnavlist li a:link {
	color: #FF8C00;
}

ul#Subnavlist li a:hover
{
	border-color: #A52A2A;
	color: #ffffff;
	background: #E6E6FA;
}
td{
	padding-left: 5px;
}
.foto{
	width: 140px;
	height: 140px;
	padding: 1px;
	float: left;
	background-color: #EEE7CE;
	border-bottom: 1px dashed #AB953B;
}

TABLE.full {
	WIDTH: 90%;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
TABLE.full TD {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	BACKGROUND-COLOR: #FFF8DC;
}
TABLE.full TH {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	BACKGROUND-COLOR: #EEE8AA;
}