/* ============================================ Reset ============================================ */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
}


p.claer {
	padding: 0px;
	margin: 0px;
	height: 0px;
	clear: both;
}




/* ============================================ Primary Structure ============================================ */

body {
	background-repeat: repeat-x;
	background-color: #c29676;
	background-image: url(../images/BackgroundTop.png)
}

div.contentWrapper {
	position: relative;
	width: 988px;
	height: 1100px;
	margin: 0px auto;
}

div.contentWrapper div.CWleftborder {
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: inherit;
	background-image: url(../images/CWLeftBorder.png);
	background-repeat: repeat-y;
}

div.contentWrapper div.contentArea {
	position: absolute;
	top: 0px;
	left: 14px;
	width: 960px;
	height: inherit;
	background-color: white;
}

div.contentWrapper div.CWrightborder {
	position: absolute;
	top: 0;
	left: 974px;
	width: 14px;
	height: inherit;
	background-image: url(../images/CWRightBorder.png);
	background-repeat: repeat-y;
}



/* ============================================ Header ============================================ */

div.header {
	margin-left: 20px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-top: 10px;
	width: 930px;
	Height: 90px;
}

div.logo {
	float: left;
	width: 400px;
	height: 90px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
}

div.languageSelector {
	margin-top: 10px;
	margin-right: 20px;
	float: right;
	height: auto;
	width: auto;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

div.languageSelector a {
	color: #444;
	text-decoration: none;
}

div.languageSelector a:hover {
	color: #000
}



/* ============================================ Banner ============================================ */

div.banner {
	height: 302px;
	margin-left: 16px;
	width: 926px;
}

div.banner div.bannerCap {
	background-image: url(../images/bannerCap.png);
	background-repeat: no-repeat;
	height: 11px;
	width: 926px;
}

div.banner div.bannerBkgd {
	background-image: url(../images/bannerBkgd.png);
	background-repeat: repeat-y;
	width: 926px;
	height: 291px;
}

div.bannerBkgd div.bannerImage {
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	height: 291px;
	width: 920px;
	margin-left: 3px;
}



/* ============================================ Main Menu ============================================ */

div.menuDivider {
	background-color: #990000;
	height: 2px;
	width: 920px;
	margin-left: 3px;
}

div.mainMenu {
	margin-left: 16px;
	height: 44px;
	width: 926px;
}

div.mainMenu ul {
	height: 44px;
	width: 926px;
	list-style-type: none;
}

/* Navigation li definition */
div.mainMenu ul li.button1 {float: left; height: 44px; width: 187px;}
div.mainMenu ul li.button2 {float: left; height: 44px; width: 184px;}
div.mainMenu ul li.button3 {float: left; height: 44px; width: 184px;}
div.mainMenu ul li.button4 {float: left; height: 44px; width: 184px;}
div.mainMenu ul li.button5 {float: left; height: 44px; width: 187px;}

/* Link Button Normal State Definition */
div.mainMenu ul li.button1 a { background-position: 0px 0px; background-image: url(../images/menuSprite.png); height: 44px;	width: 187px; display: block;}
div.mainMenu ul li.button2 a { background-position: -187px 0px;	background-image: url(../images/menuSprite.png); height: 44px; width: 184px; display: block;}
div.mainMenu ul li.button3 a { background-position: -371px 0px; background-image: url(../images/menuSprite.png); height: 44px; width: 184px; display: block;}
div.mainMenu ul li.button4 a { background-position: -555px 0px; background-image: url(../images/menuSprite.png); height: 44px; width: 184px; display: block;}
div.mainMenu ul li.button5 a { background-position: -739px 0px; background-image: url(../images/menuSprite.png); height: 44px; width: 187px; display: block;}

/* Link Button Hover State Definition */
div.mainMenu ul li.button1 a:hover { background-position: 0px -44px; background-image: url(../images/menuSprite.png); height: 44px;	width: 187px; display: block;}
div.mainMenu ul li.button2 a:hover { background-position: -187px -44px;	background-image: url(../images/menuSprite.png); height: 44px; width: 184px; display: block;}
div.mainMenu ul li.button3 a:hover { background-position: -371px -44px; background-image: url(../images/menuSprite.png); height: 44px; width: 184px; display: block;}
div.mainMenu ul li.button4 a:hover { background-position: -555px -44px; background-image: url(../images/menuSprite.png); height: 44px; width: 184px; display: block;}
div.mainMenu ul li.button5 a:hover { background-position: -739px -44px; background-image: url(../images/menuSprite.png); height: 44px; width: 187px; display: block;}

/* Link Button Down State Definition */
div.mainMenu ul li.button1 a:active { background-position: 0px -88px; background-image: url(../images/menuSprite.png); height: 44px;	width: 187px; display: block;}
div.mainMenu ul li.button2 a:active { background-position: -187px -88px;	background-image: url(../images/menuSprite.png); height: 44px; width: 184px; display: block;}
div.mainMenu ul li.button3 a:active { background-position: -371px -88px; background-image: url(../images/menuSprite.png); height: 44px; width: 184px; display: block;}
div.mainMenu ul li.button4 a:active { background-position: -555px -88px; background-image: url(../images/menuSprite.png); height: 44px; width: 184px; display: block;}
div.mainMenu ul li.button5 a:active { background-position: -739px -88px; background-image: url(../images/menuSprite.png); height: 44px; width: 187px; display: block;}


/* Link Button Active State Definition */
div.mainMenu ul li.button1act {float: left; height: 44px; width: 187px; background-position: 0px -88px; background-image: url(../images/menuSprite.png); height: 44px; width: 187px; display: block;}
div.mainMenu ul li.button2act {float: left; height: 44px; width: 184px; background-position: -187px -88px; background-image: url(../images/menuSprite.png); height: 44px; width: 184px; display: block;}
div.mainMenu ul li.button3act {float: left; height: 44px; width: 184px; background-position: -371px -88px; background-image: url(../images/menuSprite.png); height: 44px; width: 184px; display: block;}
div.mainMenu ul li.button4act {float: left; height: 44px; width: 184px; background-position: -555px -88px; background-image: url(../images/menuSprite.png); height: 44px; width: 184px; display: block;}
div.mainMenu ul li.button5act {float: left; height: 44px; width: 187px; background-position: -739px -88px; background-image: url(../images/menuSprite.png); height: 44px; width: 187px; display: block;}


/* ============================================ SideBar ============================================ */

div.sideBar {
	margin-top: 16px;
	margin-left: 16px;
	width: 250px;
	float: left;
}

div.trackerCallout {
	width: 250px;
}
div.trackerCap {
	background-image: url(../images/trackerCap.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 250px;
}
div.trackerBkgd {
	background-image: url(../images/trackerBkgd.png);
	background-repeat: repeat-y;
	height: 200px;
	width: 250px;
}
div.trackerContent span {
	color: #333333;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}
div.trackerContent form input {
	margin-bottom: 7px;
	width: 217px;
}
div.trackerContent form input.submit {
	margin-top: 10px;
	width: 100px;
}
div.trackerContent {
	padding-top: 20px;
	padding-left: 10px;
	margin-left: 3px;
	height: 180px;
	width: 234px;
	background-color: #ffcccc;
	overflow-x: hidden;
}
div.trackerBottom {
	background-image: url(../images/trackerBottom.png);
	background-repeat: no-repeat;
	height: 11px;
	width: 250px;
}
div.contactCallout {
	margin-top: 10px;
	width: 250px;
	height: 131px;
}

div.contactCallout a {
	display: block;
	width: 250px;
	height: 131px;
	background-image: url(../images/contactCallout.png);
	background-repeat: no-repeat;
}




/* ============================================ Main Content ============================================ */
div.mainContent {
	margin-top: 16px;
	margin-left: 7px;
	float: left;
	height: auto;
	width: 669px;
}

div.mainContent div.cornerTL {
	background-image: url(../images/contentCornerTL.png);
	float: left;
	height: 10px;
	width: 10px;
}

div.mainContent div.topEdge {
	background-image: url(../images/contentTopEdge.png);
	background-repeat: repeat-x;
	float: left;
	height: 10px;
	width: 649px;
}

div.mainContent div.cornerTR {
	background-image: url(../images/contentCornerTR.png);
	float: left;
	height: 10px;
	width: 10px;
}

div.mainContent div.leftEdge {
	background-image: url(../images/contentLeftEdge.png);
	background-repeat: repeat-y;
	float: left;
	height: 500px;
	width: 10px;
}

div.mainContent div.contentBody {
	/*background-color: #fff;*/
	float: left;
	height: 500px;
	width: 649px;
}

div.mainContent div.rightEdge {
	background-image: url(../images/contentRightEdge.png);
	background-repeat: repeat-y;
	float: left;
	height: 500px;
	width: 10px;
}

div.mainContent div.cornerBL {
	background-image: url(../images/contentCornerBL.png);
	float: left;
	height: 10px;
	width: 10px;
}

div.mainContent div.bottomEdge {
	background-image: url(../images/contentBottomEdge.png);
	background-repeat: repeat-x;
	float: left;
	width: 649px;
	height: 10px;
}

div.mainContent div.cornerBR {
	background-image: url(../images/contentCornerBR.png);
	float: left;
	height: 10px;
	width: 10px;
}

div.mainContent h1 {
	padding-right: 15px;
	color: maroon;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 25px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
}

div.mainContent h2 {
	color: #4c4c4c;
	padding-right: 15px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding-left: 15px;
	font-size: 16px;
}
div.mainContent p.home {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 16px;
	border-left-color: #b3b3b3;
	border-left-style: solid;
	border-left-width: 2px;
	color: #191919;
	line-height: 1.2em;
	text-align: left;
	font-size: 13px;
}

div.mainContent p.about {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 15px;
	color: #191919;
	line-height: 1.2em;
	text-align: left;
	font-size: 13px;
}

div.mainContent ul {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding-left: 15px;
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 15px;
	color: #191919;
	line-height: 1.2em;
	text-align: left;
	font-size: 13px;
}

div.mainContent form {
	margin-left: 15px;
}
div.mainContent span.formfield {
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
div.mainContent form input.submit {
	margin-top: 10px;
}

span.contacthead {
	font-size: 15px;
	color: #666;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

span.contacttext {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #111;
	padding-left: 4px;
}


/* ============================================ Footer ============================================ */
div.footer {
	height: 35px;
	width: auto;
	background-color: #8a6950;
}
div.footer p {
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	width: 400px;
	height: 15px;
	color: #fff;
	margin: 0px auto;
	position: relative;
	display: block;
}