/* CSS Document */

body
{background:url("style images/bodybg.png") repeat-x  #DFDEDB;
text-align:center; /* this is so everything is centered well in old versions of IE.*/

}

#main
{width:780px;
margin:auto;
float:inherit;
padding:0px;
overflow:hidden;
background:url("style images/mainbg.png");
text-align:center;
height:auto;
}


#header
{width:770px;
margin:auto;
text-align:right;

}

#navigation
{	width:769px;
	height:28px;
	margin:auto;
	background:#FFFFFF;
	overflow:hidden;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	position:relative;
	
}

#navigation li{
float:left;
font-family:verdana, arial, sans-serif;
color:#000000;
font-size:10px;
font-weight:normal;
margin:0px;
list-style:none;
}

#navigation a{
float: left;
text-decoration: none;
padding: 7px 12px 7px 12px;
color:#000;
margin:0px;
display:block;
}

#navigation ul
{margin:0px;
padding:0px;
}

#navigation a:hover
{background:#F2EFF0;
}




#topcontent
{
margin:auto;
width:770px;
height:240px;


}

#topcontent2
{
margin:auto;
width:770px;
height:140px;



}
#largepicture
{width:513px;
height:240px;
float:left;
}

#largepicture2
{width:513px;
height:140px;
float:left;
margin-left:1px;
}

#topright
{width:236px;
height:100px;
float:left;
background:#A7A9AC;
padding:10px;
background:url("style images/righttopbg.jpg") no-repeat;
text-decoration:none;

}

#topright2
{width:256px;
height:70px;
float:left;
background:#EBEAE8;
text-decoration:none;

}

#topbottomright
{width:256px;
height:120px;
float:left;
background:#990000;
}

#topbottomright2
{width:256px;
height:70px;
float:left;
background:#990000;
}



#bottomcontent
{
width:768px;
float:none;
text-align:center;
overflow:visible;
min-height:198px;
margin:auto;
}

#bottomcontent2
{
width:768px;
float:none;
min-height:400px;
text-align:center;
overflow:visible;
margin:auto;
}

#bottomleft
{
background:url("style images/bottomleftbg.jpg") no-repeat;
background-color:#fff;
width:472px;
height:158px;
float:left;
position:relative;
padding:20px;
text-align:left;

}

#bottomleft2
{

background-color:#fff;
width:728px;
min-height:360px;
float:left;
position:relative;
padding:20px;
text-align:left;
overflow:auto;
scrollbar-base-color:#fff;

}

#bottomleft2 h2
{
font-size:15px;
}

#bottomright
{
/*background:url(bottomrightbg.jpg) no-repeat;*/
background-color:#ECE9E9;
width:214px;
height:158px;
float:right;
position:relative;
padding:20px;
text-align:left;
}

#bottomright2
{
background-color:#ECE9E9;
width:214px;
height:360px;
float:right;
position:relative;
padding:20px;
text-align:left;
line-height:40px;
}

#bottomright2 li
{
list-style:none;
}

#footerwrapper
{width:780px;
background:url("style images/mainbg.png");
margin:auto;
float:none;
}

#footer
{	width:768px;
	height:40px;
	text-align:left;
	overflow:auto;
	float:none;
	border-bottom:1px solid gray;
	border-top:1px solid gray;
	margin:auto;
	
}

#footer li
{

float:right;
font-family:verdana, arial, sans-serif;
		color:#000000;
		font-size:10px;
		font-weight:normal;
margin:0px;
list-style:none;
float: left;

padding: 7px 12px 7px 12px;
color:#000;
margin:0px;
display:block;
}

#footer a
{
text-decoration: none;
color:#000;

}

#footer ul
{margin:0px;
padding:0px;
}




/* Fonts n'at */

.frontpagebody
{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 20px 20px 15px;
	line-height: 14px;
	color: #fff;
	}

.frontpagebody2
{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #000;
	}
.frontpagebody3
{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 10px;
	line-height: 19px;
	color: #000;
	}

#content h2
{color:#AE002D;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
padding: 20px 20px 0px 20px;

}
#h3
{font-size:50%;
}

.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}