@charset "UTF-8";

* {
	padding: 0;
	margin: 0;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #292929;
	margin: 12px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
}

a {
	color: #999999;
}

a:hover {
	text-decoration:underline;
}

p, li {
	font-size: 11px;
	color:#999999;
	line-height: 13px;
}

#container {
	background: #292929;
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	background: #000000 url(../images2/corners_top.jpg) no-repeat left top;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	height: 40px;
}

#header_l {
	float: left;
	padding: 8px 0 0 0;
}

#header_r {
	float: right;
	padding: 10px 0 0 0;
}

#mainContent {
	background: #000000;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	height: 710px; 
}
#content_block {
	background: #292929;
	margin: 0 6px;
	padding: 20px;
	height: 640px; 
}
#content_block p{
	font-size: 11px;
	line-height: 15px;
}
#left_1, #right_1, #left_2, #right_2 {
	padding: 0;
	margin: 0;
	text-align: left;
}
#left_1 {
	float: left;
	width: 190px;
	overflow: auto;
	height: 600px; 

}
#left_1 a, #left_2 a, #right_2 a {
	color: #999999;
	text-decoration: none;
}

#left_1 a:hover, #left_2 a:hover, #right_2 a:hover {
	text-decoration: underline;
}


#right_1{
	float: right;
	width: 650px;
}

#left_2 {
	float: left;
	margin: 10px ;
}

#left_3 {
	float: left;
	width: 190px;
	height: 200px;
	background: #fff;
	position: absolute;
	visibility: hidden;
}


#right_2{
	margin: 10px ;
	padding: 0 20px ;
	float: right;
	width: 550px;
	overflow: auto;
	height: 600px; 
}

#right_2 p{
	padding: 0 0 9px 0;
}

#right_2 ul, #right_2 ol{
	margin: 0 0 0 20px;
	padding: 0;
}

#right_2 li{
	line-height: 15px;
	padding: 0;
}


#right_2 b, #right_2 strong{
	color:#937D37;
}

#right_2 h1{
	color: #CC9900;
	font-size: 22px;
	text-transform: none;
	font-weight: normal;
	padding: 0 0 12px 0;
}
#right_2 h3{
	color:#AA6E00;
	font-size: 12px;
	text-transform: none;
	padding: 12px 0 0  0;
}
#right_2 h4{
	color:#72853F;
	font-size: 11px;
	text-transform: none;
	padding: 12px 0 0  0;
}
#right_2 img{
	margin: 0 0 0 12px;
}
#footer {
	background: #000000 url(../images2/corners_bottom.jpg) no-repeat left bottom;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	height: 8px; 
}

#copyright {
	padding: 10px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size: 9px;
	color: #666666;
}

.clearit {
	clear: both;
}
div.multimedia_main{
	margin: 0 0 10px 0;
	width: 190px;
	line-height: normal;
}
div.multimedia_main_r{
	float: right;
	width: 90px;
}
.multimedia_main img {
	float: left;
}
.multimedia_main_r h6 {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}
.multimedia_main_r p {
	color: #CCCCCC;
	font-size: 9px;
}