body { margin: 0; background-image: url(../images/bg-main.jpg); background-repeat: repeat-y; background-position: center; background-color: #667570; }

a { color: #FFFFCC; text-decoration:none; font-style: italic; }
a:visited { color: #FFFFCC; text-decoration:none; font-style: italic; }
a:hover { color: #FFF; text-decoration:underline; font-style: italic; }

h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-bottom: 0;
	margin-right: 10px;
	margin-top: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFCC99; margin-left: 20px; margin-bottom: 0; margin-right: 0; margin-top: 20px; font-weight: bold; font-style: italic; }

.highlight { font-family: Arial, Helvetica, sans-serif; margin: 0; font-size: 11px; font-weight: bold; color: #333; }

#container { margin-left: auto; margin-right: auto; width: 800px; }

#header { background-image: url(../images/bg-header.jpg); background-position: bottom; height: 50px; }

#logo { float: left; width: 200px; height: 200px; }

#banner {
	float: right;
	width: 600px;
	height: 160px;
}

#menu { float: left; background-image: url(../images/bg-menu.jpg); height: 338px; width: 200px; }
#menu ul { list-style: none; margin-top: 12px; }
#menu ul li { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #FFF; line-height: 36px; }
#menu ul li a { color: #FFF; text-decoration: none; font-style: normal; }
#menu ul li a:visited { color: #FFF; text-decoration: none; }
#menu ul li a:hover { color: #FFFFCC; text-decoration: none; }

.clear { clear: both; }

#content { background-color: #4e7c71; float: right; width: 600px; padding-bottom: 20px; }
#content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFC;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#content ul { color: #FFFFFF; }
#content ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-right: 20px; }
#content .img { width: 150px; height: auto; float: left; margin-bottom: 10px; margin-right: 14px; }
/*#content #box-01 p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; margin-left: 20px; margin-right: 30px; margin-top: 20px; margin-bottom: 0; }*/

#footer { height: 50px; clear: both; padding-top: 20px; }
#footer p { text-align: center;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; margin: 0px; }
#footer a { color: #FFF; text-decoration:none; font-style: normal; }
#footer a:visited { color: #FFF; text-decoration:none; }
#footer a:hover { color: #FFF; text-decoration:underline; }

table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; margin-left: 20px; margin-right: 30px; margin-top: 0; margin-bottom: 0; }

.divider { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFCC; } 

#content #box-01 {
	float: left;
	background: url(../images/box-01.jpg) repeat-x #b57a68; /*height: 230px;*/
	width: 232px;
	margin-left: 40px;
	margin-top: 0px;
	border: #FFF;
}

#content #box-02 {
	float: left;
	background: url(../images/box-02.jpg) repeat-x #c5b462; /*height: 230px;*/
	width: 232px;
	margin-left: 40px;
	margin-top: 0px;
	border: #4e7c71;
}