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

body {
	margin:0;
	font-family:"Lucida", "Trebuchet", Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	background-image:url(../images/background.gif);
	background-repeat: repeat-x
}
h1 {
	font-size: 12px;
	color: #770C16;
		font-variant:small-caps;
}
h2 {
	font-size: 14px;
	color: #770C16;
}
h3 {
	font-size: 16px;
	color: #770C16;
}
h4 {
	font-size: 18px;
	color: #770C16;
}
h5 {
	color: #770C16;
}
h6 {
	color: #770C16;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	}
a:link {
	color: #FF3300;
	font-weight: bold;
		text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #FF0000;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #FF9900;
		font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #FF9900;
	font-weight: bold;
}
#container{
	width:820px;
	margin:0 auto;
	height:800px;
	display:block;
	text-align: justify;
}

#top{
width:820px;
height:150px;
float:left;
	display:block;



}
#logo{
	width:208px;
	height:150px;
	display:block;
	float:left;
}

#topleft{
	width:612px;
	height:125px;
	float:left;
}

#navbar{
	width:612px;
	height:25px;
	float:left;
}

#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 0px solid #000;
width: 612px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #CCCCCC;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #FFFFFF;
}

#navlist a:hover { color: #CCCCCC; }

#maingrey{
	width:790px;
	height:auto;
	text-align: justify;
	float:left;
	background-color: #666666;
	padding: 15px;
	margin-top: 15px;
	
}
#mainflash{
	width:750px;
	height:200px;
	display:block;
	text-align: justify;
	float:left;
	background-color: #f0eeee;
	margin: 5px 20px;
}
#maintext{
	width:730px;
	height:auto;
	display:block;
	text-align: justify;
	padding: 10px;
	float:left;
	background-color: #CCCCCC;
	margin: 5px 20px;
}

#LeftInner{
	width:220px;
	height:auto;
	display:block;
	text-align: justify;
	padding: 10px;
	float:left;
}
#news{
	width:210px;
	height:auto;
	display:block;
	text-align: justify;
	padding: 5px 0px;
	float:left;
}

#RightInner{
	width:470px;
	height:auto;
	display:block;
	text-align: justify;
	padding: 10px;
	float:left;
}


#Welcome{
	width:450px;
	height:auto;
	display:block;
	text-align: justify;
	padding: 10px;
	float:left;
}

#rinner2{
	width:450px;
	height:auto;
	display:block;
	text-align: justify;
	padding: 10px;
	float:left;
}




#footer{
	width:740px;
	height:auto;
	display:block;
	text-align: center;
	float:left;
	background-color: #666666;
	padding: 15px;
	margin: 5px 10px;
}

.pichome{
padding-bottom:5px;
padding-top:5px;
float:left;
}
.picsq{
	padding-bottom:2px;
	padding-top:0px;
	padding-left: 0px;
	padding-right:10px;
	float:left;
}
.RIGHT{
	padding-bottom:2px;
	padding-top:0px;
	padding-left: 10px;
	padding-right:0px;
	float:RIGHT;
}
.darkfont {
color:#FFFFFF;
}

a.ovalbutton{
background: transparent url(../images/oval-red-left.gif) no-repeat top left;
display: block;
float: left;
font: BOLD 10px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url(../images/oval-red-right.gif) no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 50%;
}

</style>