﻿@import url(reset.css);

html, body
{
	margin: 0px;
}

body
{

	font-size: 62.5%;
	background: #FFF url(images/background.jpg) repeat-x top left;
	color: #000;
	font-family: "Arial";
}

#pageWrapper
{
	width: 1000px;
	margin: 0 auto;
}

#headerWrapper
{
	width: 1000px;
	/*background: transparent url(images/header.jpg) no-repeat top left;*/
}

#contentWrapper
{
	width: 1000px;
	margin: 0px;
	/*background: transparent url(images/contentBackground.jpg) repeat-y top left;*/
	min-height: 600px;

}

#introTitle
{
	width: 158px;
	height: 36px;
	background: #FFF url(images/introTitle.jpg) no-repeat top left;
	/*position: relative;
	left: 70px;*/
	margin: 0px 0px 10px 0px;
}

#overview
{
	margin: 20px 0px 0px 0px;
	padding: 150px 0px 0px 0px;
	width: 550px;
	float: right;
	background: #FFF url(images/overviewText.jpg) no-repeat top left;
}

#overviewMenu
{
	position: relative;
	top: 75px;
}

#overviewMenu ul
{
	margin: 5px 0px;
	border-left: solid 3px #c10000;
	padding: 0px 0px 0px 5px;
	font-size: 16px;
	font-family: Verdana;
	line-height: 22px;
}
#overviewMenu li a
{
	text-decoration: none;
	color: #000;
}

#overviewMenu li a:hover
{
	color: #c10000;
}

#overview P
{
	font-family: Tahoma;
	font-size: 12px;
	margin: 22px 0px;
}

#footer
{
	width: 740px;
	margin: 5px auto;
	text-align: center;
	font-size: 12px;
}

#footer a
{
	color: #ff9000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

#footer li
{
	display:inline;
	margin: 5px;
}

#footer li a
{
	color: #000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

#footer li a:link
{
	color: #000;
	text-decoration: none;
	font-size: 12px;
		margin: 5px;
}

#footer li a:visited
{
	color: #000;
	text-decoration: none;
	font-size: 12px;
		margin: 5px;
}

#footer li a:hover
{
	margin: 5px;
	color: #c10000;
}

#footer li a:active
{
	color: #000;
	text-decoration: none;
	font-size: 12px;
		margin: 5px;
}

#menu
{
	width: 820px;
	position: absolute;
	top: 10px;
	left: auto;
	z-index: 1;
	padding: 0px 0px 0px 180px;
}

#menu li
{
	float: left;
	margin: 0px 15px;
}

#menu li:hover
{
	float: left;
	margin: 0px 15px;
	border-bottom: solid 3px #f4731f;
}

#menu li a
{
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: 800;
	font-family: Arial;

}

#sideBar
{
	width: 290px;
	margin: 10px auto 20px 20px;
}

.sbtt
{
	width: 265px;
	height: 22px;
}

.sbtb
{
	width: 288px;
	height: 18px;
	position: relative;
	/*left: -10px;*/
	background: url(images/sideBarTop_bottom.jpg) no-repeat top left;
}

.sbbt
{
	width: 265px;
	height: 22px;
}

.sbbb
{
	width: 288px;
	height: 18px;
	position: relative;
	/*left: -10px;*/
	background: url(images/sidebarBottom_bottom.jpg) no-repeat top left;
}

.sbtext
{
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	text-align: justify;
	width: 250px;
	margin: 0px auto;
}


a:link, a:active{
	color: #c10000;
	text-decoration: none;
}

a:visited{
	color: #c10000;
	text-decoration: none;
}

a:hover{
	color: #dbbb66;
	text-decoration: none;
}
/*******************************************************************************/
.floatLeft
{
	float: left;	
}

.floatRight
{
	float: right;
}

.floatingImg
{
	margin: 15px;
}


/*******************************************************************************/
.tblWidth
{
	width: 100%;
}

EM
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
}

H2
{
	font-size: 24px;
	font-family: Trebuchet MS;
}

H3
{
	font-family: Georgia;
	font-style: italic;
	font-size: 20px;
	margin: 0px 0px 10px 10px;
}

H4
{
	font-size: 20px;
	font-family: Trebuchet MS;
}

H5
{
	font-size: 14px;
	font-family: Trebuchet MS;
}

H6
{
	font-weight: bold;
}

UL
{

}

LI
{
}

.contact UL
{
	font-family: Tahoma;
	font-size: 14px;
}

.contact LI
{
	line-height: 30px;
	padding: 0px 0px 0px 20px;
}

TABLE
{

}

TD
{
}

TD.tblLeft
{
	width: 50%;
	vertical-align: top;
	padding: 5px 15px 15px 15px;
	border-right: solid 1px #9bc2b4; 
	border-top: solid 10px #4a9d98;
	background: #9bc2b4;
}

TD.tblLeft LI
{
	list-style-image: url(images/newsBullet.jpg);
	margin: 0px 0px 5px 10px;
	padding: 5px 0px;
	vertical-align: top;
	font-family: Tahoma, Arial;
	font-size: 12px;
}

TD.tblRight
{
	width: 50%;
	vertical-align: top;
	background: #FFF;
	padding: 15px;
}

TD.tblTop
{
	width: 275px;
	vertical-align: top;
	/*padding-left: 10px;*/
	padding-top: 15px;
	background: #9bc2b4 url(images/sideBarTop_top.jpg) no-repeat top left;
}

TD.tblTop LI
{
	list-style-image: url(images/newsBullet.jpg);
	margin: 5px 0px 5px 30px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	font-family: Tahoma, Arial;
	font-size: 12px;
}

TD.tblBottom
{
	width: 280px;
	border-bottom: solid 25px #FFF;
	vertical-align: top;
	/*padding: 0px 5px 0px 10px;*/
	background: #dbbb66 url(images/sideBarBottom_top.jpg) no-repeat top left;
	padding-top: 15px;
}

HR
{
	width: 760px;
	color: #dbbb66;
	background-color: #dbbb66;
	height: 1px;
	border: none;
}

P
{
	margin: 0 auto 10px auto;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 20px;
	text-align: justify;
	text-indent: 20px;
}

P.callout
{
	margin: 0 auto 5px auto;
	font-family: georgia, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
	line-height: 17px;
	text-indent: 20px;
}

.panel
{
	width: 740px;
	margin: 0px auto;
}

.georgia
{
	font-family: Georgia;
}

.tahoma
{
	font-family: Tahoma;
}

.timesItalic
{
	font-family: Times New Roman;
	font-style: italic;
}

.quoteName
{
	float: right;
	font-family: Tahoma;
	font-size: 12px;
	padding: 0px 0px 5px 0px;
	font-style: normal;
}

.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 */


/*********COLORS************/
	
.red
{
	color: #c10000;
}

.gold
{
	color: #dbbb66;
}

.teal
{
	color: #4a9d98;
}

.orange
{
	color: #fd9921;
}

.debug
{
    border: solid 1px red;
}