@charset "utf-8";
/* CSS Document */

body{
	position: relative;
	background-color: #333333;
	color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
}

*{padding: 0px; margin: 0px; border: 0px;}

#wrapper{
background-color: #eeeeee;

position: relative;
width: 900px;
height: auto;

padding: 5px;
border: solid 1px #ffffff;
margin-left: auto; margin-right: auto;
}

#topbar{
position: relative;
background: url(../pix/header.jpg);
background-repeat: no-repeat;

width: inherit;
height: 200px;
}

#footer{
position: relative;

width: 910px;
height: auto;
padding: 5px;

margin-left: auto; margin-right: auto;

text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #ffffff;
}

#hnavbar{
position: relative;
background-color: #333333;

width: auto;
height: 30px;
}

/*ITEMS INSIDE THE HNAVBAR DIV*/

#hnavbar ul {
position: relative;
width: auto;
padding-left: 10px; padding-right: 10px;
padding-top: 3px;

text-align: right;
list-style-type: none;
}

#hnavbar ul li{
display: inline;
padding-left: 10px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;

color: #ffffff;
}

#hnavbar ul li a{
text-decoration: none;

font-family: inherit;
font-size: inherit;
color: #ffffff;
}

#hnavbar ul li:hover{
color:#87add2;
}

#hnavbar ul li a:hover{
color: inherit;
}

#mainarea{
position: relative;
background-color: #e6c5b2;

width: auto;
height: 425px;
}

/*ITEMS INSIDE MAINAREA DIV*/
/* working width is 900px*/

#mleft{
	float: left;
	width: 575px;
	padding: 5px;
	padding-right:130px;
	padding-top: 32px;
	height: auto;
	overflow: auto;
	color: #000;
	font-size: 15px;
}

#mleft h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: bold;
color:#333333;

text-align: left;
}

#mleft hr{
	border: solid 1px #555555;
	margin-top: 3px;
	margin-bottom: 15px;
	width: 95%;
	color: #000;
}

#mleft p{overflow:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
color:#000000;
line-height: 18px;

text-align: justify;
}

#mright{
float: right;
width: 190px;
height: 425px;

background-color: #555555;
}


#mright-ul {
position: relative;
width: auto;
padding-left: 10px; padding-right: 10px;
padding-top: 5px; padding-bottom: 5px;

text-align: left;
list-style-type: none;
}

#mright-ul li{
display: block;

padding:5px;margin-bottom: 5px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;

color: #fff1e2;

}

#mright-ul li a{
text-decoration: none;

font-family: inherit;
font-size: inherit;
color: #ffffff;
}

#mright-ul li:hover{
background-color:#87add2;

}

#mright-ul li a:hover{
color: inherit;
}

#mright-nolink-ul {
position: relative;
width: auto;
padding-left: 10px; padding-right: 10px;
padding-top: 5px; padding-bottom: 5px;

text-align: left;
list-style-type: none;
}

#mright-nolink-ul li{
	display: block;
	padding:5px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	border-bottom: solid 2px #000000;
	color: #fff1e2;

}
#wrapper #mainarea #mleft p strong {
	font-size: 14px;
}
#wrapper #mainarea #mleft ul li {
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	color: #D6D6D6;
}
#wrapper #mainarea #mleft ul li {
	color: #000;
}
right color {
	color: #000;
}