@charset "utf-8";
/* CSS Document */

/* ====================BASE STYLES==================== */

html {
	height: 100%;
	font-size: 100%; /* IE hack */ 
	}
	
body {
	height: 100%;
	text-align: center;
	margin: 0;
	background: #fff url(../images/structural/bg.jpg) top repeat-x;
	color: #555555;
	font-size: 86%;
	line-height: 1.3em;
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	}
	
/* --------------------text-------------------- */	

p {
	font-size: 1.05em;
	padding: 15px 0 7px 0;
	margin: 0;
	}
	
h1 {
	position: absolute;
	font-size: 0;
	left: -1000px;
	}
	
h2 {
	padding: 0;
	margin: 10px 0 0 0;
	font-size: 1.6em;
	line-height: 1.3em;
	letter-spacing: -0.03em;
	color: #555;
	}
	
h3 {
	padding: 0;
	margin: 20px 0 0 0;
	font-size: 1.1em;
	line-height: 1.3em;
	letter-spacing: -0.01em;
	color: #555555;
	}
	
h4 {
	padding: 0;
	margin: 25px 0 0 0;
	font-size: 1.3em;
	line-height: 1.3em;
	letter-spacing: -0.01em;
	color: #555555;
	}

.txtSmall {
	font-size: 0.9em;
	}
	
/* --------------------images-------------------- */	
	
img {
	border: 0;
	}
	
.right {
	float: right;
	padding: 0 0 20px 20px;
	}
	
.left {
	float: left;
	padding: 0 20px 0 0;
	margin: 0;
	}
	
p span.left {
	padding: 0 20px 0 0;
	margin: -6px 0 0 0;
	}
	
/* --------------------links-------------------- */
	
a {
	color: #20aa00;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
a.arrow,
.arrow {
	background: url(/images/widgets/subnav-arrow.gif) right no-repeat;
	padding: 0 15px 0 0;
	}

/* --------------------forms-------------------- */

form {
	height: 100%;
	min-height: 100%;
	}
	
input,
select,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	}

.formWrapper {
	padding: 25px 0 25px 0;
	}

.formLeftCol {
	float: left;
	width: 288px !important;
 	width /**/: 308px;
	padding: 0 20px 0 0;
	}
	
.formRightCol {
	float: left;
	width: 288px;
	}
	
.fieldWrapper {
	float: left;
	padding: 5px 10px 15px 0;
	}
	
.labelShort {
	float: left;
	width: 40px;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.labelMedium {
	float: left;
	width: 100px;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.labelLong {
	float: left;
	width: 300px;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	}

.txtBoxSmall {
	width: 54px !important;
 	width /**/: 60px;
	border: 1px solid #e2e2e2;
	background: #fff;
	padding: 3px;
	}
	
.txtBoxMedium {
	width: 154px !important;
 	width /**/: 160px;
	border: 1px solid #e2e2e2;
	background: #fff;
	padding: 3px;
	}
	
.txtBoxLong {
	width: 254px !important;
 	width /**/: 260px;
	border: 1px solid #e2e2e2;
	background: #fff;
	padding: 3px;
	}
	
.txtAreaMedium {
	width: 154px !important;
 	width /**/: 160px;
	height: 40px;
	border: 1px solid #e2e2e2;
	background: #fff;
	padding: 3px;
	}
	
.txtAreaLong {
	width: 254px !important;
 	width /**/: 260px;
	height: 40px;
	border: 1px solid #e2e2e2;
	background: #fff;
	padding: 3px;
	}
	
.txtAreaVLong {
	width: 444px !important;
 	width /**/: 450px;
	height: 80px;
	border: 1px solid #e2e2e2;
	background: #fff;
	padding: 3px;
	font-size: 1.05em;
	}
	
.dropListMedium {
	width: 154px !important;
 	width /**/: 160px;
	border: 1px solid #e2e2e2;
	background: #fff;
	padding: 3px;
	}
	
.validationMessage {
	color: #DA4445;
	}	
	
.send {
	text-align: right;
	}

/* --------------------tables-------------------- */

table  {
	border-collapse: collapse;
	border-spacing: 0px;
	border-width: 0px;
	font-size: 100%; /* IE hack */
	}
	
.staff {
	width: 100%;
	margin: 20px 0;
	}
	
.td20 {
	width: 20%;
	}
	
.td35 {
	width: 35%;
	}
	
.td45 {
	width: 45%;
	}
	
/* --------------------lists-------------------- */

#content ol {
	font-size: 1.1em;
	margin: 0;
	padding: 15px 30px 7px 0;
    list-style-type: none;
	}

#content ol li {
	padding: 0 0 5px 20px;
	background: url(../images/widgets/bullet-ul.gif) top left no-repeat;
	}
	
#content ul {
	font-size: 1.1em;
	margin: 0;
	padding: 15px 30px 7px 0;
    list-style-type: none;
	}

#content ul li {
	padding: 0 0 5px 20px;
	background: url(../images/widgets/bullet-ul.gif) top left no-repeat;
	}


/* --------------------misc-------------------- */

.clear {
	clear: both;
	}

.hidden {
	display: none;
	}
	
/* ====================MASTER LAYOUT==================== */

#wrapper {
	text-align: left;
	margin: 20px auto;
	width: 972px;
	}

#top {
	width: 972px;
	height: 16px;
	background: url(../images/structural/t.png) bottom no-repeat;
	}

#main {
	padding: 0 16px 0 16px;
	width: 940px !important;
 	width /**/: 972px;	
	background: url(../images/structural/m.png) repeat-y;
	}
	
#logoOverlay {
	position:absolute;
	width: 250px;
	height: 150px;
	z-index:99;
	}

#bannerHome {
	width: 940px;
	height: 250px;
	}
	
#banner {
	width: 940px;
	height: 150px;
	}
	
#banner p {
	margin: 0 !important;
	padding: 0 !important;
	}

#nav {
	padding: 0 10px;
	width: 920px !important;
 	width /**/: 940px;		
	}

#content {
	width: 920px;
	margin: 0 10px;
	border-top: 1px dashed #d2cac2;
	}
	
#mainColHome {
	float: left;
	padding: 15px 54px 0 20px;
	width: 616px !important;
 	width /**/: 690px;
	}
	
#mainCol {
	float: left;
	padding: 15px 45px 0 0;
	width: 645px !important;
 	width /**/: 690px;	
	}
	
#mainColL {
	float: left;
	padding: 20px 25px 0 0;
	width: 140px !important;
 	width /**/: 165px;
	}
	
#mainColR {
	float: left;
	padding: 15px 0 0 0;
	width: 480px;	
	}
	
#mainColR p img {
	padding: 10px 0 15px 0;
	}
	
#mainColR h2 {
	padding: 0;
	margin: 0 0 0 0;
	font-size: 2.0em;
	line-height: 1.1em;
	letter-spacing: -0.03em;
	color: #555;	
	}

#sidebar {
	float: left;
	padding: 36px 10px 0 0;
	width: 220px !important;
 	width /**/: 230px;
	}

#footer {
	width: 940px;	
	height: 173px;
	background: url(../images/structural/footer.jpg) bottom no-repeat;
	margin: 30px 0 0 0;
	}

#bottom {
	width: 972px;
	height: 16px;
	background: url(../images/structural/b.png) top no-repeat;
	}

#terms {	
	width: 932px !important;
 	width /**/: 972px;
	padding: 30px 0 0 40px
	}
	
/* ====================HEADER ELEMENTS==================== */

/* --------------------main nav-------------------- */

#nav ul {
    list-style-type: none;
    margin: 0;
	padding: 0 10px;	
    }
	
#nav li {
	position: relative; 
	float: left;
	}

#nav a {
	float: left;
    display: block;
	margin: 0;
	padding: 15px 10px 18px 10px;
	height: 12px !important;
 	height /**/: 45px;
	color: #a6a6a6;
	font-size: 1.1em;
    }

#nav a:hover {
	text-decoration: none;
	background: #f7f4f1;
	color: #555;
	}
	
#nav li a.menuactivemenuparent {
	color: #555;
	background: url(../images/structural/nav-on.gif) bottom center repeat-x;
	margin: 0;
	padding: 15px 10px 18px 10px;
	height: 12px !important;
 	height /**/: 45px;
	}
	
#nav li a.menuactivemenuparent:hover {
	text-decoration: none;
	background: #f7f4f1 url(../images/structural/nav-on.gif) bottom center repeat-x;
	color: #555;
	}

/* ====================CONTENT ELEMENTS==================== */

/* --------------------features home-------------------- */

#featureMain {
	width: 635px;
	margin: 20px 0 0 0;
	}

#featuresHome {
	width: 635px;
	margin: 20px 0 0 0;
	padding: 0;
	}
	
#features {
	width: 635px;
	margin: 30px 0 0 0;
	padding: 20px 0 0 0;
	}
	
.featureL {
	float: left;
	padding: 0 8px 0 0;
	width: 206px !important;
 	width /**/: 214px;
	}
	
.featureM {
	float: left;
	padding: 0 8px 0 0;
	width: 206px !important;
 	width /**/: 214px;	
	}

.featureR {
	float: left;
	padding: 0;
	width: 206px;
	}
	
.featureL p,
.featureM p,
.featureR p {
	padding: 5px 0 0 0 !important;
	}
	
#featuresHome h2,
#features h2,
#featureMain h2 {
	padding: 0;
	margin: 10px 0 0 0;
	font-size: 1.3em;
	line-height: 1.1em;
	letter-spacing: -0.03em;
	color: #555;
	}
	
#featureMain a,
#featuresHome a {
	color: #555;
	}
	
#featureMain a:hover,
#featuresHome a:hover {
	color: #20aa00;
	text-decoration: none;
	}
	
#featureMain p,
#features p {
	padding: 5px 35px 7px 0 !important;
	}
	
#intro {
	letter-spacing: -0.01em;
	line-height: 1.2em;
	margin: 0 0 40px 0;
	}
	
/* --------------------breadcrumbs-------------------- */

#breadcrumbs {
	font-size: 0.80em;
	padding: 0 0 20px 0;
	}
	
#breadcrumbs a {
	color: #555 !important;
	}
	
/* --------------------google map-------------------- */

#gMapWrapper {
	width: 590px !important;
 	width /**/: 616px;
	height: 434px !important;
 	height /**/: 460px;
	border-top: 1px dashed #d5d0cb;
	border-bottom: 1px dashed #d5d0cb;
	border-left: 1px dashed #d5d0cb;
	border-right: 1px dashed #d5d0cb;
	padding: 10px 10px;
	margin: 30px 0;
	background: #f7f4f1;
	}
	
#gMapWrapperMini {
 	width: 238px;
	height: 167px;
	padding: 0;
	margin: 30px 0;
	}
	
#gMap {
 	width: 590px;
	height: 434px;
	margin: 0 0 0 0;
	}
	
#gMapMini {
 	width: 238px;
	height: 167px;
	margin: 0;
	}
	
.gmnoprint img {
	float: right;
	padding: 20px 0 10px 20px;
	}
	
.gmnoprint {
	margin: 0;
	padding: 0;
	}
	
.infoWindowInner {
	width: 280px;
	height: 135px;
	margin: 0;
	padding: 0;
	}
	
.infoWindowInner p {
	font-size: 0.9em !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1.3em !important;
	}
	
.infoWindowInner h3 {
	padding: 0 0 5px 0 !important;
	margin: 0 !important;
	}
	
div.gmnoprint div.gmnoprint div {
	padding: 0 20px 0 0 !important;
	margin: 0 !important;
	}
	
#mapContent {
	padding: 25px 0 25px 25px;
	width: 610px;
	}
	
.linkArrow {
	padding: 0 15px 0 0;
	background: url(../images/widgets/bullet-ul.gif) right no-repeat;
	}
	
.linkPDF {
	padding: 0 0 0 40px;
	display: block;
	min-height: 30px;
	background: url(../images/widgets/pdf.gif) left no-repeat;
	}
	
/* --------------------social-------------------- */

#social {
	width: 220px;
	height: 36px !important;
 	height /**/: 66px;
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px dashed #d5d0cb
	}
	
#socialL {
	float: left;
	margin: 0;
	padding: 0;
	width: 150px;
	}
	
#socialR {
	float: left;
	margin: 0;
	padding: 0;
	width: 70px;
	}
	
/* --------------------news, events lists-------------------- */

.list {
	padding: 20px 0 8px 0;
	}

.listImg {
	float: left;
	padding: 0 25px 0 0;
	width: 90px !important;
 	width /**/: 115px;
	}

.listTxt {
	float: left;
	padding: 0 0 0 0;
	width: 336px;
	}
	
.pagingBox {
	padding: 20px 0 0 0;
	margin: 0;
	font-size: 0.9em !important;
	}
	
.pagingLink a {
	color: #555 !important;
	}
	
.pagingBox img {
	padding: 0 0 10px 0;
	}
	
#NewsPostDetailSummary h3 {
	margin: 0 0 0 0;
	padding: 0;
	}

/* ====================SIDEBAR ELEMENTS==================== */

#sidebar a {

	}
	
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 12px 12px;
	}
	
.sidebarTxt {
	padding: 0;
	margin: 0 0 30px 0;
	}
	
.sidebarTxt h2 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.2em;
	letter-spacing: -0.02em;
	}
	
.sidebarTxt p {
	margin: 0;
	padding: 10px 0 0 0;
	}
	
/* --------------------sidebar related links, downloads-------------------- */	
	
.sidebarLink {
	border-top: 1px dashed #d5d0cb;
	border-bottom: 1px dashed #d5d0cb;
	border-left: 1px dashed #d5d0cb;
	border-right: 1px dashed #d5d0cb;
	padding: 0 10px 15px 10px;
	margin: 0 0 40px 0;
	background: #f7f4f1;
	}
	
.sidebarLink img,
.sidebarLink p img {
	padding: 0;
	margin: 0;
	}
	
.sidebarLink p {
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 0.9em;
	}
	
.sidebarLink a {

	}
	
/* --------------------sidebar more news, more events lists-------------------- */
	
.sidebarTxt ul {
	padding: 0 !important;
	border-top: 1px dashed #d5d0cb;
	}
	
.sidebarTxt li {
	border-bottom: 1px dashed #d5d0cb;
	letter-spacing: -0.01em;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	}
	
.sidebarTxt ul li a {
	margin: 0;
	padding: 10px 10px 6px 20px !important;
	background: url(../images/widgets/subnav-arrow.gif) left no-repeat;
    display: block;	
	color: #555 !important;
	}
	
.sidebarTxt ul li a:hover {
	background: #f7f4f1 url(../images/widgets/subnav-arrow.gif) left no-repeat;
	text-decoration: none;
	}
	
/* --------------------sidebar RSS icon-------------------- */
	
#sidebarRSS {
	border-top: 1px dashed #d5d0cb;
	border-bottom: 1px dashed #d5d0cb;
	border-left: 1px dashed #d5d0cb;
	border-right: 1px dashed #d5d0cb;
	padding: 10px 10px 8px 10px;
	margin: 0 0 40px 0;
	background: #f7f4f1;
	}
	
#sidebarRSSImg {
	float: left;
	padding: 2px 10px 0 0;
	width: 30px !important;
 	width /**/: 40px;
	}
	
#sidebarRSSTxt {
	float: left;
	padding: 8px 0 0 0;
	font-size: 0.9em;
	}

/* --------------------search-------------------- */

#searchHome {
 	width: 218px;
 	height: 34px;	
	padding: 0 0 0 0;
	position: absolute;
	margin-top: 178px;
	margin-left: 702px;
	z-index: 99;
	background: url(../images/structural/search.png) no-repeat;
	}
	
#search {
 	width: 218px;
 	height: 34px;	
	padding: 0 0 0 0;
	position: absolute;
	margin-top: 85px;
	margin-left: 702px;
	z-index: 99;
	background: url(../images/structural/search.png) no-repeat;
	}
	
.inputSearch {
	border: none;
	width: 169px;
	margin: 0 10px 2px 10px;
	padding: 0;
	font-size: 0.9em;
	}
	
.buttonSearch {
	padding: 0 0 0 0;
	position: relative;
	top: 7px;
	width: 22px !important;
 	width /**/: 34px;
	height: 22px;
	}
	
/* --------------------subnav-------------------- */

#subNav {
	border-bottom: 1px dashed #d5d0cb;
	padding: 0 0 20px 0;
	}
	
#subNav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	
#subNav li {
	letter-spacing: -0.01em;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	}
	
#subNav a:hover {
	text-decoration: none !important;
	}
	
#subNav ul li.parent a.parent {
	margin: 0;
	padding: 5px 10px 1px 20px !important;
	background: url(../images/widgets/subnav-arrow.gif) left no-repeat;
    display: block;	
	color: #555 !important;
	}
	
#subNav ul li.parent a.parent:hover {
	background: #f7f4f1 url(../images/widgets/subnav-arrow.gif) left no-repeat;
	text-decoration: none;
	}	
	
#subNav ul li.menuactivemenuparent a.menuactivemenuparent {
	margin: 0;
	padding: 5px 10px 1px 20px !important;
	background: url(../images/widgets/subnav-arrow.gif) left no-repeat;
    display: block;	
	color: #555 !important;
	font-weight: bold;
	}
	
#subNav ul li.menuactivemenuparent a.menuactivemenuparent:hover {
	background: #f7f4f1 url(../images/widgets/subnav-arrow.gif) left no-repeat;
	text-decoration: none;
	}
	
#subNav ul li.menuactivemenuparent ul li {
	margin: 0;
	padding: 0 !important;
	font-size: 0.8em;
	line-height: 0.9em;
	font-weight: normal;
	background: none !important;
	border-top: none;
	border-bottom: none;
	}
	
#subNav ul li.menuactivemenuparent ul li.menuactivemenuparent a.menuactivemenuparent {
	margin: 0;
	padding: 0 10px 1px 20px !important;
	background: none;
    display: block;	
	color: #555 !important;
	font-weight: bold;
	}
	
#subNav ul li.menuactivemenuparent ul li.normal a span {
	margin: 0;
	padding: 0 10px 1px 20px !important;
	background: none;
    display: block;	
	color: #555 !important;
	font-weight: normal;
	}
	
#subNav ul li.menuactivemenuparent ul li a {
	color: #555 !important;
	}
	
#subNav ul li.menuactivemenuparent ul li.menuactivemenuparent {
	margin: 0;
	padding: 0 !important;
	font-size: 0.8em;
	line-height: 0.9em;
	font-weight: bold;
	border-top: none;
	border-bottom: none;
	}
	
#subNav ul li.parent ul li {	
	display: none;
	}
	
#subNav ul li.menuactivemenuparent ul li.parent a.parent {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1em;
	font-weight: bold;
	}
	
#subNav ul li.normal a span {
	margin: 0;
	padding: 5px 10px 1px 20px !important;
	background: url(../images/widgets/subnav-arrow.gif) left no-repeat;
    display: block;	
	color: #555 !important;
	}
	
#subNav ul li.normal a span:hover {
	background: #f7f4f1 url(../images/widgets/subnav-arrow.gif) left no-repeat;
	}
	
#subNav ul li.menuactivemenuparent ul {
	margin: 0;
	padding: 0;
	}
	
#subNav ul li.menuactivemenuparent ul li.normal a span {
	margin: 0;
	padding: 0 0 1px 20px !important;
	font-size: 0.9em;
	line-height: 1em;
	color: #555 !important;
	}
	
#subNav ul li.menuactivemenuparent ul li.normal a span:hover,
#subNav ul li.menuactivemenuparent ul li.parent a span:hover {
	color: #555 !important;
	background: #f7f4f1;
	}
	
#subNav ul li.menuactivemenuparent ul li.parent {
	margin: 0;
	padding: 0;
	}
	
#subNav ul li.menuactivemenuparent ul li.parent a {
	color: #555 !important;
	}
	
#subNav ul li.menuactivemenuparent ul li.menuactivemenuparent a.menuactivemenuparent {
	padding: 0 0 -1px 20px !important;
	font-size: 0.9em;
	line-height: 1em;
	}
	
#subNav ul li.menuactivemenuparent ul li.menuactivemenuparent a.menuactivemenuparent:hover {
	background: #f7f4f1;
	}
	
/* --------------------homepage latest tabs-------------------- */	

#rotate {
	font-size: 0.9em;
	padding: 0;
	}
	
#rotate-banner {
	border-top: none !important;
	}
	
/* --------------------twitter-------------------- */

div #twtr-widget-1 {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1.1em !important;
	line-height: 1.3em !important;
	}

div.twtr-hd {
	display: none;
	}
	
div.twtr-tweets {
	padding: 0;
	}
	
div.twtr-tweet-wrap {
	padding: 0 0 0 0 !important;
	margin: 0 !important;
	}
	
div.twtr-tweet {
	background: url(../images/widgets/bullet-ul.gif) no-repeat;
	padding: 0 0 15px 20px !important;
	margin: 15px 0 0 0 !important;
	border-bottom: 1px dashed #d2cac2 !important;
	}
	
div.twtr-tweet-text p {
	padding: 0 0 0 20px !important;
	line-height: 1.3em !important;	
	}
	
div.twtr-tweet-text a {
	font-weight: bold !important;	
	}
	
div.twtr-ft {
	display: none;
	}
	
div.tweet-id-3 {
	padding: 0 50px 0 0;
	}

/* ====================FOOTER ELEMENTS==================== */

/* --------------------fading buttons-------------------- */

#supportWrapper {
	float: left;
	width: 110px;
	height: 125px;
	}
	
#signupWrapper {
	float: left;
	width: 127px;
	height: 125px;
	}

div.fadehover1 {
	position: relative;
	width: 110px;
	height: 125px;
	}
	
div.fadehover2 {
	position: relative;
	width: 127px;
	height: 125px;
	}

img.a {
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	}
	
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}
	
/* --------------------other footer elements-------------------- */

#footerL {
	float: left;
	width: 653px !important;
 	width /**/: 683px;	
	padding: 35px 0 0 30px;
	color: #999;
	font-size: 0.8em;
	line-height: 1.3em;
	}
	
#footerL p {
	padding: 0 0 10px 0;
	margin: 0;
	}
	
#footerL  a {
	color: #999 !important;
	}
	
#footerL  a:hover {
	color: #666 !important;
	text-decoration: none !important;
	}
	
#footerR {
	float: left;
	width: 237px !important;
 	width /**/: 257px;	
	padding: 0 20px 0 0;
	}