@charset "utf-8";
body  {
	margin: 0; 
	padding: 0;
	text-align: center;
}

#outercontainer { 
	position: absolute;
	top: -10px;
	left: 0px;
	width:100%;
	height: 600px;
	z-index: -5;
	background:url(/custom/themes/default/images2/back.jpg) no-repeat center;
	margin: 0px;
	padding: 0px;
} 

#container { 
	text-align: left;
	width: 989px;
	margin: 0 auto;
}

#homefoot {
	display: block;
}

#homefoot h4{
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#header { 
	position: relative;
	top: 10px;
	width: 989px;
	height: 144px;
	background-image:url(/custom/themes/default/images2/header.jpg);
	background-repeat:no-repeat;
	z-index: 25;
} 

.pageTitles{
	font-size:16px;
	margin: 5px 0 10px 0;
	font-weight: normal;
}

#pageTitles {
	font-size:16px;
	margin: 5px 0 10px 0;
	font-weight: normal;
}

h2 {
	color: #098B09;
	font-size: 1.1em;
	margin:0 0 5px 0;
	font-weight: normal;
}

#header #topnav{
	position: absolute;
	top: 106px;
	left: 12px;
	z-index: 25;
}
	
#header h1 {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 351px;
	height: 58px;
	margin: 0px;
}

#header h2 {
	position: absolute;
	top: 70px;
	left: 20px;
	margin: 0px;
	font-size: 10px;
	font-weight: normal;
	text-transform:uppercase;
	color: #666666;
	z-index: 5;
}

#sidebar1 {
	float: left; 
	width: 215px;
	margin: 0 10px 0 0;
	padding: 15px 0 0 16px;
}

#sidebar1 #top {
	float: left;
	background: url(/custom/themes/default/images2/sidebartop.gif);
	width: 210px;
	height: 42px;
}

#sidebar1 #tile {
	float: left;
	position: relative;
	top: -30px;
	width: 206px;
	padding: 0 2px 0 2px;
	background: url(/custom/themes/default/images2/sidebar_tile.gif) repeat-y;
}

#sidebar #sidefoot {
	float: left;
	background: url(/custom/themes/default/images2/sidebar_foot.gif);
	width: 210px;
	height: 62px;
}

#sidebar1 h1 {
	font-size: 10px;
	font-weight: normal;
	text-transform:uppercase;
	color: #666666;
	padding: 0 5px 6px 5px;
}

#sidebar1 a{
	color: #77bce5;
	text-decoration: none;
}

#mainContent {
	float: left; 
	width: 735px;
	padding: 0px;
	margin: 10px 0 0 0;
} 

#navBreadcrumb {
	font-size: 11px;
}

/*Home Page Content*/

#mainContent #welcome {
	float: left;
	width: 450px;
	height: 275px;
	background:url(/custom/themes/default/images2/welcome.gif) no-repeat;
	font-size: 12px;
}

#welcome h1 {
	color: #098b09;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin: 5px 0 0 0;
	font-weight: normal;
}

#welcome h2 {
	color: #516251;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0 0 10px 0;
	font-weight: normal;
}

#welcome ul {
	margin: 10px 15px 0 4px;
	padding-left: 15px;
}

#welcome ul li{
	margin: 0 0 3px 0;
	font-size: 12px;
}

#mainContent #recent {
	float: left;
	width: 285px;
	height: 275px;
	background-image:url(/custom/themes/default/images2/welcome.gif);
}

#mainContent #featured {
	width: 735px;
	height: 50px;
	float: left;
	background-image:url(/custom/themes/default/images2/featured.gif);
	margin: 0 0 10px 0;
}

#mainContent #leftFeaturedBox {
	float: left;
	width: 390px;
	height: 300px;
	border-right: 1px solid #cccccc;
	margin: 0 5px 0 0;
	font-size:12px;
}

#mainContent #rightFeaturedBox {
	float: left;
	width: 335px;
	height: 350px;
	font-size:12px;
}
	
	

h1,#leftFeaturedBox #rightFeaturedBox  {
	color: #129ad6;
	font-size: 16px;
	font-weight: normal;
	margin: 0px;
}







#footer { 
	position: relative;
	background-image: url(/custom/themes/default/images2/footer.jpg);
	width: 989px;
	height: 120px;
} 

#footer h1 {
	position: absolute;
	top: 45px;
	left: 25px;
	font-size: 10px;
	font-weight: normal;
	text-transform:uppercase;
	margin: 0px;
	color: #999999;
}

#footer h2{
	position: absolute;
	top: 60px;
	left: 25px;
	font-size: 10px;
	font-weight: normal;
	text-transform:uppercase;
	margin: 0px;
	color: #999999;
}

#footer h3{
	position: absolute;
	top: 50px;
	left: 565px;
	font-size: 10px;
	font-weight: normal;
	text-transform:uppercase;
	margin: 0px;
	color: #999999;
}

.subcatsTitle {
	font-weight: normal;
}




/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;

}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 5px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}