/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color: #525759;
}
body {
	margin: 0;
}
a:link {
	color: #C51230;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #C51230;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #525759;

}

body > #wrap {height: auto; min-height: 100%}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#topContainer {
	background: url(../img/bkg_top.jpg) repeat-x;
}
#header {
	border-top: 10px solid #C41230;
	width: 900px;
	padding: 24px 0 10px 0;
	margin: 0 auto;
}
#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	background-color: #525759;
	color: #FFFFFF;
	text-align: center;
	padding: 10px 0;
	font: 10px;
} 
#horizmenu2{
	padding: 0;
	width: 100%;
	border-top: 5px solid #6A737B; /*Brown color theme*/
	background: #525759 url(../images/menu.jpg);
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 35px;
	margin: 15px 0 10px 0;
}

#horizmenu2 ul{
	margin:0;
	margin-left: 0px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}

#horizmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#horizmenu2 a{
	float: left;
	display: block;
	font: 12px Tahoma;
	color: white;
	text-decoration: none;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 10px 10px;
	height: 20px;
}

#horizmenu2 a:hover{
	background-color: #6A737B; /*Brown color theme*/
	color: white;
}

#horizmenu2 #current a{ /*currently selected tab*/
	background-color: #6A737B; /*Brown color theme*/
	color: white;
	border-color: #6A737B; /*Brown color theme*/
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#content {
	margin: 10px auto;
	width: 900px;
}
.home_areas {
	float: right;
	width: 530px;
}
.home_areas p {
	clear: both;
	margin-top: .5em;
}
.home_areas img {
	float: right;
	height: 60px;
	width: 60px;
	margin: 3px 0 10px 10px;
	background-color: #C41230;
}

.outer a, .outer div, .outer li, .outer ul, .outer body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.outer li {
	margin-bottom: .5em;
}
div.news{

}
div.news ul{
	list-style: none;
	text-indent: 0px;
	font-size: 10px;
}
div.news li{

}
div.news a{
	font: 12px Arial;
	display:block;
	text-decoration: none;
	color: #C51230;
	padding: 2px 0;
}
div.news a:hover{
	text-decoration: underline;
}
.outer {
	margin: 14px 0 0 0;
}
.home_areas a {
	color: #525759;
}
.home_areas h2 {
	font: 1.2em;
	color: #C61031;
	text-transform: uppercase;
	border-bottom: 1px solid #6B717B;
	padding-bottom: 0.5em;
	font-weight: normal;
}
h1 {
	margin: 0px;
	padding: 0px;
}
input {
	padding: 3pt;
	color: #4E545A;
	font-size: 9pt;
	border: 0px;
	background: #ECECEC;
}
select {
	padding: 3pt;
	color: #4E545A;
	font-size: 9pt;
	border: 1px;
	background: #ECECEC;
}