FONT, TD, BODY, P, DIV { font-family: Arial, sans-serif; font-size: 11px; color: #666666; }

html {
	font-size:76%;
}

body {
margin-top:0px;
font-size:12px;
font-family:Arial;
color: black;
background-color: #999999;
text-align: center; /* centering the content for IE6 */
}

h1 {
font-size:12px;
font-family:Arial;
color: #DC614F;
}

h2 {
font-size:16px;
font-family:Arial;
color: #DC614F;
}

.large-bold {
font-size:13px;
font-weight:bold;
color: #000;
}

.submenu {
color: #fff;
}

#wrapper {
	display:table; /* must put this in for FireFox. */
	width:800px;
	background-color: #FFFFFF;
	margin:auto; /* for IE6 and Firfox centering */
	text-align:left; /* so that IE6 and Firefox puts the text to the left
*/
	height:1200px; /* Have to put SOMETHING in here for the height for both
browser. DO NOT put in a percentage, must be a pixel value */
}

#banner {
width:800px;
}

#navigation {
position:relative;
margin-top:-3px;
width:630px;
height:48px;
background: #676767 url(../images/navigation.jpg) repeat-x;
}

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

#navigation li {
	float:left;
	padding-top:10px;
	padding-left:50px;
	list-style:none;
}

#navigation a {
	padding:0 0px;
	font-size:11px;
	text-decoration:none;
}

#navigation a:link, #navigation a:visited {
	color:#fff;
}
#navigation a:hover, #navigation a:active {
	color:#E14433;
}


#newsbar {
	float:left;
	height:320px;
	padding-left:10px;
	padding-top:10px;
	background-color: #FFFFFF;
}

.newsdate {
font-weight:bold;
color: #000;
}

#newslatest {
padding-top:4px;
background-color:#E1DDBA;
width:140px;
height:170px;
}

#mainpic {
float:left;
margin-top:10px;
margin-left:10px;
width:630px;
height:290px;/* so the content has the height of the menu and visa
versa */
background-color: #676767;
}




#lowerpage {
	position:relative;
	display:table;
	margin:auto;
	width:800px;
	background-color: #FFFFFF;
	padding-top:10px;
	height:40px;
	padding-left:10px;
}

#textbox1 {
	float:left;
	width:650px;
	height:auto;
	background-color: #FFFFFF;
}

#textbox2 {
float:left;
width:480px;
height:auto;
background-color: #E1DDBA;
}

#textbox3 {
	float:left;
	width:470px;
	height:550px;
	background-color: #F8F3D6;
}

#pic1 {
float:left;
width:290px;
margin-left:10px;
}




#footer {
display:table;
margin:auto;
position:relative;
width:800px;
background-color: #F7F3D6;
padding-top:5px;
height:40px;/* so the content has the height of the menu and visa
versa */
}

.nounderline
{
  A {text-decoration:none
}


.footertext {
font-size:11px;
font-family:Arial;
color: #A0A09E;
text-decoration:none;
}

.footertext a:link, .footertext a:visited {
color: #A0A09E;
}

.footertext a:hover, .footertext a:active {
color: #DB4335;
}

#footleft {
float:left;
padding-left:10px;
line-height: 18px;
}

#footright {
float:right;
width:450px;
padding-right:10px;
text-align:right;
line-height: 18px;
}




#firefoxtextpad1 {
padding:10px;
text-align:left;
}

#firefoxtextpad2 {
padding-top:0px;
padding-left:4px;
padding-right:2px;
text-align:left;
}