/* CSS Document */
/*------------------------------------------------------------------ resets */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, form, a, fieldset, th, td{ 
	border: 0; 
	font-size: 100%; 
	margin: 0px 0px 0px 0px;
	outline: none;
	padding: 0;
	vertical-align: baseline;}
body{line-height: 1;}

/*------------------------------------------------------------------
misc
*/
.hide{display: none;}
.cb{clear: both;}
.cl{clear: left;}
.cr{clear: right;}

/*------------------------------------------------------------------
header
------------------------------------------------------------------*/
body{
	font-family: Arial;
	list-style: none;
	overflow: scroll;
}
ul{list-style: none;}

a:link {color: #000000; text-decoration: underline; }
a:visited {color: #000000; text-decoration: underline; }
a:hover {color: #ee4a40; text-decoration: underline; }

html,body{
	background-color: #fbfad0;
	line-height: 1.2;
	text-align: center;
}
	
/*------------------------------------------------------------------
Container
------------------------------------------------------------------*/
div#container{
	background: #ffffff;
	text-align: left;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 785px;
	min-height: 630px;	}
	
div#bottom{
	text-align: centre;
	margin-left: auto;
	margin-right: auto;
	width: 785px;
	min-height: 60px;	}
	
div#header{
	text-align: left;
	width: 785px;
	height: 180px;
	background-image: url('..//images/header.jpg');
	background-repeat: no-repeat; }

	
div#menu{
	float:left;
	background: #c8c7c7;
	text-align: left;
	width: 785px;
	height: 40px;}
	
    #menu li {float:left; list-style:none;}
    #menu li a {margin: -16px 0px 0px 0px; padding:10px 17px 9px 17px; display:block;font-family:"Arial", Times, serif;font-weight:bold;font-size:110%;color:white;text-decoration: none;}
    #menu li a.one:hover {background-color:#787878;}
    #menu li a.two:hover {background-color:#787878;}
	#menu li a.three:hover {background-color:#787878;}
	#menu li a.four:hover {background-color:#787878;}
	#menu li a.five:hover {background-color:#787878;}
    .cl { display:block; width:100%; clear:both;}
div#bottommenumaster {	 width: 440px;
					float: center;
					margin-left: auto;
					margin-right: auto;}

div#bottommenu{width: 500px;
	height: 20px;}
	
    #bottommenu li {float:left;list-style:none;;}
    #bottommenu li a {padding: 0px 8px 0px 8px; display:block;font-family:"arial";font-weight:bold;font-size:70%;color:Black;text-decoration: underline;}
	#bottommenu li a.one:hover {font-color:#ee4a40;}
	#bottommenu li a.two:hover {font-color:#ee4a40;}
	#bottommenu li a.three:hover {font-color:#ee4a40;}
	#bottommenu li a.four:hover {font-color:#ee4a40;}
	#bottommenu li a.five:hover {font-color:#ee4a40;}
    .cl { display:block;  width:100%; clear:both;}

div#mainleft{
	float:left;
	margin: 20px 0px 0px 25px;
	text-align: left;
	width: 475px;
	height: 400px;font-family: arial;
	color: 000000;
	font-size: 90%;
	line-height: 125%;
	text-decoration: none;}
	
div#mainright{
	float:left;
	margin: 20px 0px 0px 25px;
	text-align: left;
	width: 225px;
	height: 300px;}
	
div#headtext{
	float:left;
	margin: 25px 0px 0px 220px;
	text-align: left;
	width: 350px;}
	
h1 {font-family: arial;
	font-weight: bold;
	color: #ee4a40;
	font-size: 160%;
	line-height: 100%;
	text-decoration: none;}


h2 {font-family: arial;
	font-weight: bold;
	color: #ee4a40;
	font-size: 140%;
	line-height: 100%;
	text-decoration: none;}

.bodybold {font-weight: bold;}
.bodybold2 {font-weight: bold;text-decoration: underline;}
.bottombold {font-family: arial;
	font-weight: bold;
	color: #000000;
	font-size: 80%;
	line-height: 100%;
	text-decoration: none;}