/*
	colour reference:
	text:		464646
	green:		8e8b03
	red:		8b0b04
	orange:		ea7f1e
*/
/* colors */
.green{ color:#8e8b03; }

/* structure */
body{ background-color:#ebead1; text-align:center; }
#main, #footer{ width:750px; margin:25px auto; text-align:left; padding:25px; padding-bottom:80px; background-color:#fff; overflow:auto; }

/* typography */
body{ font-family:arial; color:#464646; }
h1, h2, h3, h4, p, li, td{ line-height:130%; margin:0px; }
h1{ font-size:24px; font-weight:normal; color:#8e8b03; line-height:110%; width:90%; margin:18px 0px 10px 0px; }
h2{ font-size:16px; font-weight:normal; color:#8e8b03; margin:6px 0px 6px 0px; }
h3{ font-size:12px; font-weight:bold; margin:18px 0px 0px 0px;  }
p, div, th, td, li{ font-size:12px; }
p{ margin-bottom:16px; }
a{ color:#464646; }
a:hover{ color:#8e8b03; }
ul{ margin:6px 0px 12px 0px; }
li{ margin:0px 0px 6px 18px; list-style-type:disc; }
.note{ font-size:11px; color:#999; }

/* header */
#header{ position:relative; width:750px; height:132px; overflow:hidden; }
	#header div{ position:absolute;  }
	#contactHolder{ top:0px; left:0px; height:35px; }
	#logoHolder{ top:35px; left:0px; }
	#navHolder{ top:80px; left:230px; width:540px; }
		#navHolder div.navCont{ 
			position:relative; float:left;
			height:15px; width:83px;
		}
			#navHolder #nav_NewsEvents{ width:106px; }
		#navHolder .navCont div{
			position:absolute; top:0; left:0; 
			height:15px; padding:2px 0px 0px 5px;
			background-color:#fff;
		}
		#navHolder .navT1, #navHolder .navT2{ border-left:1px solid #464646; }
			#navHolder .navT1{ width:100%; }
			#navHolder .navT2{ width:200%; overflow:hidden; }
			#navHolder #subnav_AboutUs{ width:125%; } 
		#navHolder a{ text-decoration:none; color:#464646; }
			#navHolder a:hover{ text-decoration:underline; color:#8b0b04; }
			#navHolder .navT2 a{ display:block; font-size:11px; margin-bottom:5px; }
			#navHolder a.at{ color:#8b0b04;  }
			#navHolder .navT1 a.at{ font-weight:bold;  }

/* footer */
#footer{ color:#999; margin:auto; background-color:#ebead1; padding:0px 0px 25px 0px; }
	#footer p{ font-size:11px; line-height:130%; float:left; width:75%; }
	#footer div{ float:right; }
	#footer div img{ margin:0 0 0 3px; }
	#footer a{ color:#999; }
	#footer a.contact{ color:#8b0b04; }
	#footer a:hover{ color:#464646; }
	
/* sidenav */
#sidenav{ padding-top:5px; }
    #sidenav ul{ margin:0; padding:0; }
	#sidenav ul li{ margin:10px 0; padding:0; list-style-type:none; }
	#sidenav ul.tier4{ margin:0 0 -5px 0; }
	#sidenav ul.tier4 li{ margin:5px 0 0 15px; font-size:11px; }
	#sidenav a{ color:#464646; text-decoration:none; }
	#sidenav a:hover{ text-decoration:underline; }
	#sidenav h3{ font-size:16px; font-weight:normal; color:#8e8b03; }
	#sidenav h3 a{ color:#8e8b03; }
	#sidenav a.at{ color:#8e8b03; }
	
/* tiles */	
.tiles{ float:right; width:390px; overflow:auto; }
    .tiles .promoTile{ float:right; }
    .sideCol .tiles{ width:195px; margin-top:50px; }
    .sideCol .tiles .promoTile{ float:none; }
.promoTile{ width:180px; height:120px; margin:0 0 15px 15px; }
    .promoTile table{ width:180px; height:120px; background-color:#8d8b00; border:1px solid #8d8b00; cursor:pointer; display:none; }
    .promoTile td{ vertical-align:middle; text-align:center; padding:5px 25px; font-size:13px; color:#fff; }
    .promoTile a{ text-decoration:underline; font-weight:bold; color:#fff; }

/* doodads */
hr, .hr{ height:1px; border:0; border-bottom:1px solid #ebead1; margin:18px 0px; padding:0; }
#sidenav hr, #sidenav .hr{ margin:6px 0px; }

#mainImg{ position:relative; height:300px; }
#mainImgTxt{ position:absolute; top:20px; left:20px; width:225px; height:245px; display:none; overflow:hidden; background-color:#fff; }
	#mainImgTxt h2, #mainImgTxt p{ padding:5px 25px 0px 15px; }
	#mainImgTxt h2{ font-size:20px; }
	#mainImgTxt p{ font-size:12px; color:#8e8b03; }

#homeMessage{ margin:0px 0 15px 0; }

.tickercontainer {
    background: #8D8B00;
    width: 100%;
    height: 32px;
    margin: 0;
    padding: 0
    overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 10px;
    top: 8px;
    width: 730px;
    overflow: hidden;
}
ul.newsticker { /* that's your list */
    position: relative;
    left: 730px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    color:#fff;
}
ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
    background: #8D8B00;
    list-style-type:none;
}
ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    margin: 0 50px 0 0;
    color:#fff;
}

.mainCol table.photo{ clear:both; margin:auto 50px 10px 15px; float:right; }
.ie6 .mainCol table.photo, .ie7 .mainCol table.photo{ margin-right:0; }
.mainCol table.photo td{ color:#8D8B00; font-size:11px; font-weight:normal; font-style:italic; }
.mainCol table.photo img{ border:1px solid #000; padding:10px; margin-bottom:5px;  }
.ff2 .mainCol strong table.photo, .ff2 .mainCol b table.photo, 
.ff3 .mainCol strong table.photo, .ff3 .mainCol b table.photo{ margin-right:0px; }
	
br.clear{ clear:both; }
img.right{ float:right; margin:0px 0px 15px 15px; }

input.txt, input.btn{ font-size:11px; }
input.btn{ background-color:#eee; border:1px solid #464646;  }

a.button{ display:block; padding:2px 10px; border:1px solid #464646; color:#464646; text-decoration:none; font-size:12px; }
	a.button:hover{ color:#8b0b04; border:1px solid #8b0b04; }
#contactHolder a.at{ font-weight:bold; border:1px solid #8b0b04; color:#8b0b04; }
	
div.viewAll{ float:right; margin-right:10px; font-weight:normal }
	div.viewAll a{ color:#fff; font-size:11px; }
	div.viewAll a:hover{ color:#464646; font-size:11px; }
	
#providers{ width:750px; padding-bottom:5px; margin-bottom:10px; overflow:auto; }
	#providers .provider{
	    float:left; overflow:hidden;
		width:350px; height:195px; padding:10px 10px 10px 0px;
	    border-right:1px solid #ebead1; border-bottom:1px solid #ebead1;
	}
	#providers .last{ border-bottom:0px; }
	#providers .alt{ padding-left:10px; border-right:0px; }
	#providers p{ margin:0px 0px 5px 0px; }
	#providers img{ margin:0px 0px 10px 10px; float:right; }

/* tables */
table.twoColEven{ width:750px; margin-bottom:12px; }
	table.twoColEven th{ background-color:#8e8b03; color:#fff; padding:5px 0px; width:370px; }
	table.twoColEven .channel{ width:370px; }
	table.twoColEven .spacer{ width:10px; }
	table.twoColEven .indent h3{ margin:12px 10px 3px 10px; }
	table.twoColEven .indent p{ margin:0px 10px; _margin-left:10px; }
	table.twoColEven th a:link{ color:#fff; text-decoration:none; }
	table.twoColEven th a:visited{ color:#fff; text-decoration:none; }
	table.twoColEven th a:hover{ color:#fff; text-decoration:underline; }
	
table.twoCol{ width:750px; }
	table.twoCol h3{  }
	table.twoCol td.mainCol{ width:555px; padding-right:0px; }
	table.twoCol td.mainCol p, table.twoCol td.mainCol ul{ margin-right:50px; }
	table.twoCol td.sideCol{ width:180px; }
	
table.ledger{ width:555px; }
	table.ledger th, table.ledger td{ padding:7px 5px 7px 5px; }
	table.ledger th{ font-size:16px; font-weight:normal; color:#8e8b03; }
	table.ledger .sub{ font-size:13px; }
	table.ledger td{ border-left:1px solid #8e8b03; }
	table.ledger th.first{ padding-left:0px; }
	table.ledger td.first{ border-left:0px; white-space: nowrap; }
	table.ledger tr.odd td{ background-color:#ebead1; }
	table.ledger a{ color:#464646; }
	table.ledger a:hover{ color:#8e8b03; }
	
/* printable */
td.closeLink{ text-align:right;  }
td.closeLink a{ font-size:12px; color:#999; }

/* map */
#mapContent{ float:left; background-color:#ebead1; width:340px; height:370px; padding:20px; margin-bottom:20px; }
#map{ float:left; width:370px; height:410px }
#mapContent h1{ margin:0px; }
#mapContent h3{ margin:0px; }

#mapinfo{ position:relative; }
#mapinfoDefault{ position:absolute; top:0px; left:0px; width:100%; }
.mapinfo_adminlink{ margin-bottom:20px; }
.mapinfo_adminlink a{ text-decoration:none; }
.mapinfo_links{ float:left; }
.mapinfo_links p{ margin:5px 0px; }
.mapinfo_links a{ text-decoration:none; }
.mapinfo_links a:hover{ text-decoration:underline; }

#returnLink{ font-weight:bold; }
.bodyExtra, #returnLink{ display:none; }
.bodyExtra table.twoColEven{}
	.bodyExtra table.twoColEven th{ background-color:#ebead1; color:#8e8b03; }
	.bodyExtra table.twoColEven td p{ margin-top:15px; }

.locinfo{ display:none; }
	.locinfo h3{ font-size:13px; color:#8e8b03; }
	.locinfo, .locinfo h4, .locinfo p, .locinfo li{ font-size:11px; line-height:130%; }
	.locinfo img{ vertical-align:top; margin-top:1px; margin-right:5px; }
	.locinfo p{ margin:8px 0px 0px 0px; }
	.locinfo li{ margin-bottom:1px; }
	.locinfo a{ color:#464646; }

table.addrPhone{ width:100%; }
table.addrPhone td{ padding:2px 10px 2px 0px; font-size:11px; font-weight:bold; white-space:nowrap; }

ul.marker{ margin-left:0px; }
	ul.marker a{ color:#464646;  }
	ul.marker li{
		list-style-type:none;
		margin:5px 0px 5px 0px; padding:1px 0px 5px 18px; 
		background-repeat:no-repeat; 
		line-height:100%;
	}
	.mapinfo_adminlink ul.marker li{ line-height:130%; background-position:0px 2px; }
	ul.marker li.mA{ background-image: url(/images/map/A.gif); }
	ul.marker li.m1{ background-image: url(/images/map/1.gif); }
	ul.marker li.m2{ background-image: url(/images/map/2.gif); }
	ul.marker li.m3{ background-image: url(/images/map/3.gif); }
	ul.marker li.m4{ background-image: url(/images/map/4.gif); }
	ul.marker li.m5{ background-image: url(/images/map/5.gif); }
	ul.marker li.m6{ background-image: url(/images/map/6.gif); }
	ul.marker li.m7{ background-image: url(/images/map/7.gif); }
	ul.marker li.m8{ background-image: url(/images/map/8.gif); }
	ul.marker li.m9{ background-image: url(/images/map/9.gif); }
	
	
/* contact form */
.contactThankYouTable{ display:none; }
.contactThankYouTable td{ padding:0 10px 5px 0; }

.contactFormTable{ margin-top:15px; border-top:1px solid red; border-left:1px solid red; border:0; }
.contactFormTable th, .contactFormTable td{ padding:0 10px 5px 0; border-bottom:1px solid red; border-right:1px solid red; border:0; }
.contactFormTable th{ padding-top:3px; white-space:nowrap; }

.contactFormTable select, .contactFormTable input, .contactFormTable textarea{ font-family:Arial; font-size:12px; }
.contactFormTable select{ width:166px; }
.contactFormTable textarea{ width:160px; }
.contactFormTable input.button{ width:auto; }

.contactFormTable .hidden{ display:none; }
