@charset   "UTF-8";

body
{
	margin: 0;
	padding: 0;
	text-align: center;
	color: #464648;
	background-color: #979A9C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	width: 100%;
	height: 100%;
}

#bgpattern
{
	width: 970px;
	margin: 0 auto;
	background-image: url(images/backgrounds/body_bg.gif);
	background-repeat: repeat-y;
}

#container
{
	width: 970px;
	margin: 0 auto;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	/* this overrides the text-align: center on the body element. */
	position: relative;
}

#header
{
	padding: 0;
	margin: 0;
}

#logoside
{
	position: absolute;
	top: 48px;
}

#navigation
{
	background-image: url(images/backgrounds/nav.gif);
	background-repeat: repeat-x;
	width: 891px;
	margin: 0 0 0 66px;
	height: 65px;
}

#nav1
{
	padding: 5px 0 0 4px;
	margin: 0;
}

#nav1 img, #nav2 img, #nav3 img
{
	margin: 0;
	padding: 0 3px 0 0;
}

#nav2
{
	margin: 0;
	padding: 3px 0 0 4px;
}

#nav3
{
	margin: 0;
	padding: 3px 0 0 4px;
}

#contentcontainer
{
	width: 970px;
	margin: 16px auto 0 auto;
	text-align: left;
	background-image: url(images/backgrounds/contentbg1.gif);
	background-repeat: repeat-y;
	background-position: 28px 0px;
	padding: 0 0 0 27px;
}

#bottom { position: relative; }

#bottomleft
{
	position: absolute;
	top: -82px;
}

#leftart
{
	padding: 0;
	position: absolute;
	top: 115px;
	left: 27px;
}

#rightart
{
	padding: 0;
	position: absolute;
	top: 115px;
	left: 892px;
}

#mainContent
{
	margin: 0 370px 0 150px;
	/* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 5px 10px 15px 10px;
	width: 380px;
}

#mainContentHeight
{
	width: 1px;
	height: 385px;
	float: right;
}

#contenttopimg { padding: 0 0 0 125px; }

#rightsidebar
{
	float: right;
	width: 200px;
	padding: 5px 160px 15px 10px;
	margin: 0;
}

#bottom
{
	padding: 0 0px 0 27px;
	margin: 0;
}

#footer
{
	background-image: url(images/backgrounds/footer.gif);
	background-repeat: repeat-x;
	width: 891px;
	margin: 0 0 0 66px;
	height: 33px;
}

#footer p
{
	margin: 0;
	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0 0 0 10px;
	/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #c6c8ca;
	font-size: 10px;
	line-height: 17px;
}

#footer a, #footer a:visited { color: #c6c8ca; }
#footer a:hover { color: #FF690B; }

#pagebottom
{
	width: 970px;
	margin: 0 auto;
	height: 10px;
	background-image: url(images/backgrounds/pagebottombg.gif);
	background-repeat: no-repeat;
	padding: 0;
	background-color: #979A9C;
}

.fltrt
{
	float: right;
	margin-left: 8px;
}

.fltlft
{
	float: left;
	margin-right: 8px;
}

.clearfloat
{
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

h1
{
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	padding: 0px 0px 12px 0px;
}

h2
{
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
	padding: 0px 0px 6px 0px;
}

#mainContent p
{
	font-size: 11px;
	line-height: 15px;
	padding: 0px 0px 4px 0px;
}

#mainContent li
{
	font-size: 11px;
	line-height: 13px;
	padding: 0px 0px 2px 0px;
}

#rightsidebar p, #rightsidebar li
{
	font-size: 10px;
	line-height: 13px;
	padding: 0px 0px 2px 0px;
}

#mainContent a, #mainContent a:visited, #rightsidebar a, #rightsidebar a:visited { color: #464648; }
#mainContent a:hover, #rightsidebar a:hover { color: #FF690B; }