html {min-height: 100%; margin-bottom: 1px; background: none; }/*resolves firefox scrollbar issue*/
body {background:#fff; font: 62.5% tahoma, helvetica, sans-serif;  color:#000; text-align:center;}
input, select {font-family: tahoma, helvetica, sans-serif;}

/*LINKS*/
a:link, a:visited {color: #00656B; text-decoration: none;}
a:hover, a:focus {color: #333; text-decoration: underline;}
a.arrow {color: #00656B; font-weight:bold; text-decoration: none; background:url(../../../../images/bg_grey_arrow.gif) 0 50% no-repeat; padding-left:10px;}
a.arrowWhite {color: #fff; font-weight:bold; text-decoration: none; background:url(../../../../images/bg_white_arrow.gif) 0 50% no-repeat; padding-left:10px;}

/*VARIOUS GLOBAL STYLES*/
.floatRight {float:right;}
.floatLeft {float:left;}
.clearBoth {clear: both;}
ul.horizontal li {display: inline;}
ul.bullets li{list-style-type:disc; list-style-position:inside; padding-bottom:.5em;}
img {border: none;}
p{margin:.5em 0 .5em 0; font-size:1.2em;}
p.first{margin-top:2em;}
p.narrow{width:50%;}
.noMargin{margin:0;}
.topMargin{margin-top:2em;} 
.hidden {position:absolute; top:-9999px; left:0;}

h1 {font: 3em Tahoma; margin: 15px 0 10px 15px; font-weight: bold;}
h1 span {font-weight: bold;}
h1.main {float: left; font-weight: normal; color: #fff; line-height: 1em; width: 721px; height: 151px; padding: 100px 0 0 30px; margin: 0 0 .2em 3px;}
h1.main span {display: block;}
/*h1.head-1 {background: #000 url(../../../../images/headers/header-01.jpg) left top no-repeat;}
h1.head-2 {background: #000 url(../../../../images/headers/header-02.jpg) left top no-repeat;}
h1.head-3 {background: #000 url(../../../../images/headers/header-03.jpg) left top no-repeat;}
h1.head-4 {background: #000 url(../../../../images/headers/header-04.jpg) left top no-repeat;}
h1.head-5 {background: #000 url(../../../../images/headers/header-05.jpg) left top no-repeat;}
h1.head-6 {background: #000 url(../../../../images/headers/header-06.jpg) left top no-repeat;}
h1.head-7 {background: #000 url(../../../../images/headers/header-07.jpg) left top no-repeat;}
h1.head-8 {background: #000 url(../../../../images/headers/header-08.jpg) left top no-repeat;}*/

h2 {font-size:1.8em; margin-bottom: 1em; font-weight: normal;}
h2 span {font-weight: normal;}

h3 {font-size:1.4em; margin-top: 1em; font-weight: bold;}
h4 {font-size:1.1em; margin: 0 0 .5em;}
p.intro {color:#00656B; font-weight:bold; margin-bottom: 1.5em;}


/* WRAPPERS */
.wrapperFull {width: 100%; min-width: 995px; background:#fff;}
.wrapperMaxWidth {max-width:1024px; margin:0 auto; text-align:left;}

.wrapperNarrow {width: 400px; background:#fff; text-align:left; margin-left:30px}

/* BACKGROUNDS */
.bgHomeHeader { background: url(../../../../images/bg_search.gif) 0 0 repeat-x;}
.bgMainNav { background: url(../../../../images/bg_mainNav.gif) left bottom  repeat-x;}


/* HEADER */
#header {margin-bottom: 1.5em; max-width:1024px; position:relative;}
#header	h1 {float: left; height: 175px; margin: 0;}
#header	h1 img { padding-top:10px;}
#header	h1 span {position: absolute; left: -9999px;}

.submitBtn, a.action {width: auto; background:#a4dbfe url(../../../../images/bg_go_button.gif) 0 0 repeat-x; border:1px solid #82b8db; padding: 1px 15px; font-size:1.1em; color: #000;}
a.action:link, a.action:visited, a.action:active, a.action:hover {color: #000;}
input.searchField {font-size:1.1em; width:150px; margin-right: .2em;}

/* QUICKLINKS BOX AND TOP LINKS */
#quickLinks	{float: right; font-size: 1.2em; text-align: right;}

#quickLinks li {display:inline; margin: 0;padding: 0;margin-right: .2em; float:left;}
#quickLinks a {display:block; color:#736955; background: url(../../../../images/bg_search_list.gif) right 0 repeat-x; font-weight:bold;}
#quickLinks a span {display: block; padding:7px 11px; background: url(../../../../images/bg_search_list_1.gif) 0 1px no-repeat;}
#quickLinks a:hover {text-decoration: none; color:#000;}
#quickLinks a.on {background: #7C5420 url(/imgs/navMain_bg_over.jpg) top right repeat-x; text-decoration: none;}
#quickLinks a.on span {background: url(/imgs/navMain_left_over.jpg) top left no-repeat;}

#quickLinksBox {background: url(../../../../images/bg_quicklist_1.gif) 0 1px no-repeat; float:right; padding:0 0 10px 10px; margin-right:50px;}
#quickLinksBox .quickLinksForm {float: left; background: url(../../../../images/bg_search_list.gif) right top no-repeat; padding:3px 10px 10px 0; min-width: 3em;}
#quickLinksBox .quickLinksForm fieldset {float: left;}
#quickLinksBox .quickLinksForm label{float: left; margin-top: 4px;}
#quickLinksBox .quickLinksForm select{float: left; font-size:1em; margin-right: 3px;}

#searchContainer {position:absolute; top:30px; right:50px; width:240px; font-weight: bold;}
#searchContainer a:hover {color:#000;}
#searchContainer fieldset {margin:5px 0;}
#searchContainer legend {padding:0; color:#00656B; font-size:1.4em; font-weight:bold; margin: 0 0 .3em 0; width: auto; height: auto;}
#searchContainer label {position: absolute; left: -9999px;}

#textSizer {display: none; margin: .5em 0; position: relative; left: -80px;}
#textSizer a {margin-right: .3em;}
#textSizer a.small {font-size:12px; background:url(../../../../images/bg_grey_arrow.gif) 0 50% no-repeat; padding-left:10px;}
#textSizer a.medium {font-size:14px;}
#textSizer a.large {font-size:16px;}

.siteSearch {background: url(../../../../images/bg_search_top.gif) left top no-repeat; float: left; width: 100%; position: relative; top: -22px;}
.siteSearch .inner {background: url(../../../../images/bg_search_bottom.gif) left bottom no-repeat; float: left; width: 220px; padding: 0 10px 20px; position: relative; bottom: -10px;}

/* TOP NAV */
#topNav ul {margin: 0;padding: 0; float: left; position: relative; top: -10px;}
#topNav li {display: inline; margin:0 11px 0 0; float: left; background: url(../../../../images/nav-bg.png) left top no-repeat;}
#topNav a:link, #topNav a:visited {display: block; position: relative; right: -8px; color:#000; font-size: 1.1em; text-decoration:none; background: url(../../../../images/nav-bg.png) right top no-repeat; padding:5px 6px 12px 0;}
#topNav li.on {background: url(../../../../images/nav-bg-on.png) left top no-repeat;}
#topNav li.on a:link, #topNav li.on a:visited {background: url(../../../../images/nav-bg-on.png) right top no-repeat; color: #000;}

.topNav a.on span.on {display: block; padding: .5em 1em; background:none;}
.topNav a:hover { color:#e85c2c; text-decoration:none;}

.topNav a.on {background: none; text-decoration: none;}
.topNav a.on span.on {display: block; padding: .5em 1em; background: url(../../../../images/bg_mainNav_list_1_on.gif) right 0 no-repeat; height:26px;}
.topNav a.on span {background: url() top left no-repeat;}

#subNav {float: left; width:217px;background:url(../../../../images/bg_subNav_bottom.gif) left bottom  repeat-x; position: relative; margin: 0 0 20px 3px; padding-bottom: 5px; display: inline;}
	#subNav a.on {color: #00656B;}
	#subNav ul ul a.on {background: url(../../../../images/bg_orange_arrow.gif) -1px 1px no-repeat;}
	#subNav ul {float: left; width: 100%; min-height: 247px; list-style: none; background:#eff9ff url(../../../../images/bg_subNav_grad.gif) left top repeat-x; border-right:1px solid #9cc6e6;}
		#subNav ul li {float: left; width: 198px; background: url(../../../../images/bg_subNav_list_top.gif) left top no-repeat; padding: 10px 0 0 0; margin: 0 0 .4em; clear: both;}
		#subNav ul li a {float: left; width: 178px; background: url(../../../../images/bg_subNav_list_bottom.gif) left bottom  no-repeat; padding: 0 10px 10px; font-weight: bold; color: #000;}
		#subNav ul li a:hover, #subNav ul li a:active {text-decoration: none; color: #00656B;}
	
	#subNav ul ul {min-height: 0; border: none; background: url(../../../../images/bg_subNav_list_bottom.gif) left bottom no-repeat; position: relative; margin-top: -10px; padding: 5px 0 10px;}
		#subNav ul ul li {background: none; padding: 0 5px 0 10px; width: auto; margin: 0 0 .2em; width: 90%;}
		#subNav ul ul li a {background: none; padding: 0 0 0 10px; background: url(../../../../images/bg_arrow_black.gif) 0 3px no-repeat; width: auto; font-weight: normal;}
		#subNav ul ul li a:hover, #subNav ul ul li a:active {background: url(../../../../images/bg_orange_arrow.gif) -1px 1px no-repeat;}
			#subNav ul ul ul {background: none; margin-top: 0;}
		

/* PAGE CONTENT */
#pageContentShadow { background:url(../../../../images/bg_page_shadow.gif) 0 0 repeat-y;}
#pageContent {padding:10px 10px 10px 25px;font-size: 1.1em; width:950px; position:relative;}
 

/* HOME PAGE */
.home #pageContent{
	padding: 0;
	width: 975px;
}	

#introBox {position: relative;margin-bottom: 0; margin-left:3px; width: 968px; height: 257px; border-bottom-width: 10px; border-bottom-style: solid; padding-top: 25px;}
	#introBox h2 {color: #fff; font-size: 2.4em; font-weight: bold;}
	#introBox h4 {font-size: 1.4em; color: #fff;}
	#introBox a {color: #fff; text-decoration: underline;}
	#introBox ul {list-style: none;}
	#introBox ul a {font-size: 1.3em; font-weight: bold; text-decoration: none;}
	#introBox p {color: #fff; font-size: 1.2em; margin: 0 0 .8em;}
	
	/*
	.slideNav {float: right; overflow: hidden; width: 170px; position: relative;}
		.slideNav a {display: block; padding: 14px 35px 14px 20px;}
		.slideNav li {float: left; clear: both; width: 100%; position: relative; right: -25px;}
		.slideNav li:hover, .slideNav .activeSlide {right: 0;}
	*/
	
	.slideNav {float: right; overflow: hidden; width: 200px; position: relative;}
		.slideNav a {display: block; padding: 0 0 27px 20px;}
		.slideNav li {float: left; clear: both; width: 200px; position: relative; margin-left: 25px; display: inline;padding-top:27px;}
		.slideNav li:hover, .slideNav .activeSlide { width: 200px; margin-left: 0;}
		
		.slideNav .nav01 {background: url(../../../../images/slideNav01-top.png) left top no-repeat;}
		.slideNav .nav01 a {background: url(../../../../images/slideNav01-bttm.png) left bottom no-repeat;}
		.slideNav .nav02 {background: url(../../../../images/slideNav02-top.png) left top no-repeat;}
		.slideNav .nav02 a {background: url(../../../../images/slideNav02-bttm.png) left bottom no-repeat;}
		.slideNav .nav03 {background: url(../../../../images/slideNav03-top.png) left top no-repeat;}
		.slideNav .nav03 a {background: url(../../../../images/slideNav03-bttm.png) left bottom no-repeat;}
		.slideNav .nav04 {background: url(../../../../images/slideNav04-top.png) left top no-repeat;}
		.slideNav .nav04 a {background: url(../../../../images/slideNav04-bttm.png) left bottom no-repeat; color: #000 !important; }
		.slideNav .nav05 {background: url(../../../../images/slideNav05-top.png) left top no-repeat;}
		.slideNav .nav05 a {background: url(../../../../images/slideNav05-bttm.png) left bottom no-repeat;}
	
	.slides {width: 435px; height: 200px; padding: 10px 25px; float: left;}	
	#introBox .slides {width: 485px; height: 200px; padding: 10px 35px 10px 25px; float: left;}
	.slides h2 {margin-bottom: .4em; color: #F15A29}
	.slides p {color: #000;}
	.slides img {float: left; margin-right: 1em; border: 4px solid #F15A29;}
	
	.slide01 {background: #00656B url(../../../../images/header-01.jpg) left top no-repeat; border-bottom-color: #00656B;}
	.slide01 img {border-color:  #00656B;}
	
	.slide02 {background: #0066CC url(../../../../images/header-02.jpg) left top no-repeat; border-bottom-color: #0066CC;}
	.slide02 img {border-color:  #0066CC;}
	
	.slide03 {background: #003366 url(../../../../images/header-03.jpg) left top no-repeat; border-bottom-color: #003366;}
	.slide03 img {border-color:  #003366;}
	
	.slide04 {background: #99CC00 url(../../../../images/header-04.jpg) left top no-repeat; border-bottom-color: #99CC00;}
	.slide04 img {border-color:  #99CC00;}
	.slide04 .slides h4, .slide04 .slides p, .slide04 .slides a { color: #000 !important; }
	
	.slide05 {background: #736955 url(../../../../images/header-05.jpg) left top no-repeat; border-bottom-color: #736955;}
	.slide05 img {border-color:  #736955;}
			
#news {
	margin-top: 2em;
	padding: 0 25px 25px;
	float: left;
	width: 925px;
}
	#news h2 {color: #4CD3FF; float: left; font-size: 2.2em; font-weight:bold;}	
	.newsNav, .newsItems {list-style: none; float: left;}
	.newsNav li, .newsItems li {float: left;}
	.newsNav { float: right;}
		.newsNav a:link, .newsNav a:visited {color: #333; font-size: 1.1em; font-weight: bold;}
		.cnrTL {background: url(../../../../images/news-nav-bl.jpg) left bottom no-repeat; margin: 0 5px;}
		.cnrTL a{background: url(../../../../images/news-nav-br.jpg) right bottom no-repeat; display: block;}
		.cnrTL span{background: url(../../../../images/news-nav-tl.jpg) top left no-repeat; display: block;}
		.cnrTL span span{background: url(../../../../images/news-nav-tr.jpg) top right no-repeat; padding: 11px;}
	.newsItems {clear: both; width: 100%;}
		
		.newsItems a.arrow {}
.newsItems{
	border-top: 5px solid #4CD3FF;
	border-bottom: 5px solid #4CD3FF;
	background: #f0f5f1;
	padding-left: 15px;
	width: 910px;
}
.newsItems li{
	float: left;
	width: 280px;
	padding: 15px 0;
}
.newsItems li.center {
	width: 270px;
	padding: 15px;
	margin: 0 15px;
	border: 1px dotted #73CBE5;
	border-width: 0 1px;
}
.newsItems li.first{
	border: none;
}
.newsItems img{
	margin-left: 5px
}
.newsItems h3{
	margin-top: 0;
	font-weight: normal;
}
.newsItems p{
	color: #666;
}
.newsItems img {
	border: 3px solid #73CBE5;
	float: right;
}
.events{
	display: inline;
	float: left;
	border-top: 1px solid #cfcfcf;
	width: 970px;
	position: relative;
	margin-left: 2px;
}
.carousel{
	float: left;
}
.events ul{
	margin-left: 23px;
	background: none;
	border: 0;
}
.events .carousel ul{
	margin: 0;
}
.events .carousel li, .events .carousel li.center{
	height: 13.5em;
	padding: 10px 0 1px;
	margin: 0;
	width: 300px;
	border: 1px dotted #cfcfcf;
	border-width: 0 1px 0 0;
}
.events h3{
	float: left;
	color: #fff;
	background-color: #00656B;
	font-size: 1.5em;
	margin-right: 10px;
}
.events h3 span{
	float: left;
	color: #fff;
	padding: 5px 15px 5px 10px;
}
.events h4{
	float: left;
	width: 70%;
	color: #00656B;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
}
.events p, .events a.arrow{
	float: left;
	clear: both;
	width: 90%;
	margin-left: 15px;
	margin-right: 15px;
	display: inline;
}
.prev, .next{
	float: left;
	display: block;
	border: 1px solid #cfcfcf;
	border-width: 0 1px;
}
.prev img, .next img{
	float: left;
}
.next{
	position: absolute;
	right: 0;
}

#pageContent #leftCol{float:left; width:150px;}
#pageContent #leftCol ul{margin-top:30px;}
#pageContent #leftCol ul li{padding-bottom:5px;}

#intro{padding:15px; background:#FCF8A7 url(../../../../images/internal_intro.png) 0 0 repeat-x; border:1px solid #e9e486; margin: 0 0 10px 0;}
#intro h2 {margin: 0; height: auto; width: auto;}
#pageContent #mainCol .mainColBox{ background:#d6f0fd url(../../../../images/bg_blueBox_grad.gif) 0 0 repeat-x; border:1px solid #a9ccde; float:left; width:212px; padding:6px; margin-right:11px; }
.mainColBox a {font-weight:bold; text-decoration: none; background:url(../../../../images/bg_orange_arrow.gif) 0 5px no-repeat; padding-left:10px;}
#pageContent #mainCol .mainColBox.noRightMargin{ margin-right:0;}
#pageContent #mainCol .mainColBox img{float:left; padding-right:5px;}

#breadcrumb {float:right; margin: .5em 0 1.5em;}
#breadcrumb ul {list-style: none;}
#breadcrumb li {float: left; margin-right: .3em;}
#breadcrumb .last{font-weight:bold;}
#breadcrumb a {color: #00656B;}


#pageContentInternal {padding:0 0 2em; font-size: 1.1em; width:973px; min-height: 330px; position:relative;}
#pageContentInternalNarrow {padding:0;font-size: 1.1em; width:420px; }
#pageContentInternal #leftCol{float:left; width:217px;}

#siteTools {float: left; margin:20px 0 0 20px; list-style: none;}
#siteTools li {padding-bottom:5px;}
#siteTools a:link, #siteTools a:visited, #siteTools a:hover, #siteTools a:active {color: #00656B; font-weight:bold; text-decoration: none; background:url(../../../../images/bg_orange_arrow.gif) 0 50% no-repeat; padding-left:10px;}

#pageContentInternal #mainCol {float:right; width:730px; margin-right:22px; display: inline;}
#pageContentInternal #mainCol.fullWidth{width:950px;}
#pageContentInternal #mainCol #mainColContent{margin-left:20px;}
#pageContentInternal #mainCol #intro{padding:15px; background: #FCFCD8 url(../../../../images/internal_intro.jpg) left bottom repeat-x; border:1px solid #e9e486; margin: 0 0 10px 0;}

#mainColContent ul {font-size: 1.1em; margin-left: 1.3em;}
#mainColContent ul li {margin-bottom: .5em;}

#pageContentInternal #mainCol .mainColBox{ background:#d6f0fd url(../../../../images/bg_blueBox_grad.gif) 0 0 repeat-x; border:1px solid #a9ccde; float:left; width:215px; padding:6px; margin-right:11px; min-height: 120px;}
#pageContentInternal #mainCol .mainColBox.noRightMargin{ margin-right:0;}
#pageContentInternal #mainCol .mainColBox img{float:left; padding-right:5px;}

#pageContentInternal #mainCol .caseBox {float:left; margin-right:2px;}
#pageContentInternal #mainCol .caseBox p{ background:#00656B; color:#fff; margin-top:0; padding:5px;}
#pageContentInternal #mainCol .caseBox p a{color:#fff;background:url(../../../../images/bg_arrow_white.gif) 0 center no-repeat; padding-left:10px;}

#caseStudies {list-style: none; float: left; width: 100%; clear: both; margin-bottom: 1em;}
#caseStudies li {float: left; margin-right: 2px; padding-top: 142px;}
#caseStudies li a {float: left; font-weight: bold; width: 210px; padding: 8px 0 8px 20px; background: #00656B url(../../../../images/bg_arrow_white.gif) 5% 50% no-repeat; color: #fff; display: block; border-top: 2px solid #fff;}
#caseStudies li.case01 {background: url(../../../../images/internal4.jpg);}
#caseStudies li.case02 {background: url(../../../../images/internal5.jpg);}
#caseStudies li.case03 {background: url(../../../../images/internal6.jpg);}

.alt {background: #D6F0FD url(../../../../images/bg_blueBox_grad.gif) left top repeat-x;}

#popup {float: left; width: 100%; background: #fff; text-align: left; width: 560px; margin-left: 2em;}
#popup h2 {margin-left: 0;}

.containerBox {float: left; width: 100%; background: #FEF9EB; border-top: 3px solid #FBE3A7; margin: 1em 0;}
.containerBox .bottom {float: left; width: 100%; padding: 1.5em 0;}
.containerBox p {margin: .5em 1em;}

.formGeneric {padding: 0 1em;}
.formGeneric .formRow {float: left; width: 100%; clear: both; margin: 0 0 1.5em;}
.formGeneric .formRow p {margin-bottom: 1.5em;}
.formGeneric legend {display: none;}
.formGeneric label, .formGeneric p.label {font-size: 1.2em; font-weight: bold; color: #00656B; margin: 0 .5em .5em 0; width: 200px; float: left; text-align: right;}
.formGeneric input, .formGeneric textarea {width: 430px; margin-left: 1em;}
.formGeneric select {width: 435px; margin-left: 1em;}
.formGeneric input.submitBtn, .formGeneric.multi input.submitBtn, .formGeneric.half input.submitBtn {width: auto; float: right; font-size: 1em; margin-right: 37px; display: inline;}
.formGeneric .errorMssg {float: left; clear: both; margin-left: 20em; display: inline;}

.formGeneric.multi .formRow {width: 49%; clear: none;}
.formGeneric.multi input, .formGeneric.multi select {width: 310px; margin-left: 0;}
.formGeneric.multi label {display: block; text-align: left;}

.formGeneric.half {float: right; width: 48%;}
.formGeneric.half .formRow {width: 100%; clear: both;}
.formGeneric.half input, .formGeneric.half select {width: 310px;}
.formGeneric.half label {display: block; text-align: left;}

.formGeneric .selectDay, .formGeneric.half .selectDay {float: left; width: 60px; margin: 0 5px 0 15px;}
.formGeneric .selectMonth, .formGeneric.half .selectMonth {float: left; width: 100px; margin: 0 5px 0 0;}
.formGeneric .selectYear, .formGeneric.half .selectYear {float: left; width: 60px; margin: 0;}
.formGeneric .selectTime {float: left; width: 60px; margin: 0 5px 0 15px;}
.formGeneric .selectTime.minutes {margin-left: 0;}

.formGeneric .formRow.full .fieldContainer {width: auto;}
.formGeneric .formRow.full .fieldContainer label {width: auto; font-weight: bold; color: #00656B;}

.formGeneric .fieldContainer {float: left; width: 470px;}
.formGeneric .fieldContainer label {text-align: left; color: #000; margin-top: 1px; font-weight: normal;}
.formGeneric .fieldContainer label.selected {font-weight: bold;}
.formGeneric .fieldContainer ul {list-style: none;}
.formGeneric .fieldContainer li {float: left; width: 100%; clear: both;}
.formGeneric .fieldContainer.multi ul {width: 50%; float: left;}
.formGeneric .fieldContainer.multi label {width: 170px;}
.formGeneric .fieldContainer ul.subSelect {float: left; width: 95%; margin: 0 0 0 1em; padding: .5em 0 1.5em 0; border-top: 1px dotted #999;}
.formGeneric .additional {float: left; width: 100%; margin-top: 1em; border-top: 1px dotted #999; padding-top: 1em;}
.formGeneric .fieldContainer input.textField {width: 190px;}
.formGeneric .fieldContainer .errorMssg {margin: .2em 0 1.5em 1.3em; padding-top: 0;}
.formGeneric .fieldContainer ul .errorMssg {margin: 0 0 1.5em 3em; padding-top: 0;}
.formGeneric .fieldContainer .submitBtn {margin-right: 25px;}
.formGeneric .fieldContainer .selectAll {margin-bottom: 1em;}
.formGeneric .fieldContainer .disabled {color: #999;}

#registration fieldset {border-top: 1px dotted #999; padding-top: 1em;}
	#registration #main, #registration #details, #registration #trusts {border: none; padding-top: 0; padding-bottom: 1em;}
	#region label {width: 150px;}
	select {margin-bottom: 1em;}

#serviceInteretsts label {width: auto;}

#logIn ul {list-style: none; display: inline;}
#logIn li {margin-bottom: .5em;}
#password .formRow {width: 60%;}
#password input {float: left;}
#password .submitBtn {float: left; margin: 0 0 0 .3em; height: 22px;}
#password a {font-weight: bold;}

.formGeneric .checkbox {width: auto; float: left; margin-right: .5em;}


.calendar {float: left; width: 45%; margin-left: 16px; display: inline;}
.calendar table {background: #fff; width: 100%; border: 1px solid #8ec3e8; border-collapse: separate; border-spacing: 3px;}
.calendar table caption { font-size: 1.2em; font-weight: bold; padding-bottom: .5em; text-align: left; color: #00656B;}
.calendar table th {font: 1.2em tahoma, helvetica, sans-serif; font-weight: bold; text-align: center; width: 30px; height: 25px; padding: 3px;}
.calendar table th.first {}
.calendar table th.last {}
.calendar table td {width: 30px; height: 30px; background: #E7F5FE; padding: 3px 4px 3px 2px; vertical-align: top; text-align: right;}
.calendar table td.on { color: #fff; background: #00656B;  font-weight: bold;}
.calendar table td.on a { position:relative;  color: #fff; display: block;}
.calendar table td.off { background: #F5F5F5; }

.mandatory {color: #f00; font-weight: bold;}
.detail {font-size: 1em;}
.errorMssg {display: block; color: #f00; font-weight: bold; padding-top: .5em;}
.comment {display: block; color: #000; font-weight: normal; font-size: .8em;}

#mainColContent ul.listing {font-size: 1em; margin-left: 0;}
#mainColContent ul.listing li {margin-bottom: 0;}
.listing {float: left; width: 100%; clear: both; margin-top: 1.5em; list-style: none; border-bottom: 1px solid #A9CCDE;}
.listing li {float: left; width: 100%; clear: both; border-top: 1px solid #A9CCDE; padding: .8em 0;}
.listing a {font-size: 1.1em; float: left; font-weight: bold; margin-left: .5em; display: inline;}
.listing span {float: left; margin-left: .5em; display: inline; color: #666666; padding: 2px 0;}
.listing p {float: left; clear: both; margin-left: .5em; display: inline; width: 98%;}
.listing .detail p {margin-bottom: 0;}

.listing.multi li {width: 46%; clear: none; margin-left: 1%; display: inline;}
.listing.multi a {padding: 2px 0 2px 0;}
.listing.multi p, .listing.multi span {font-size: 1.1em; margin-left: .5em;}
.listing.multi p {font-weight: bold; float: none; display: block; margin-bottom: .2em;}
.listing.multi span {float: none;}

.listDisplay div {list-style: none; border-bottom: 1px solid #A9CCDE; float: left; width: 100%;}
.listDisplay a {font-weight: bold; font-size: 1.1em; background: url(../../../../images/icon-question.gif) left top no-repeat; padding-left: 20px; display: block;}
.listDisplay a:hover, .faq a:focus {text-decoration: none;}
.listDisplay h2 {font-size: 1.4em; font-weight: bold; margin-bottom: .5em; padding: .5em .5em 0 .5em; border-top: 1px solid #A9CCDE;}
.listDisplay p {padding: 0 .5em;}

.faq li div {padding-left: 2em;}
.faq legend {position: absolute; left: -9999px; display: none;}
.faq fieldset {float: left; width: 100%;}
.faq label {font-size: 1.6em; font-weight: bold; color: #00656B; float: left; margin-left: .8em; display: inline;}
.faq span {float: right; margin-right: 1em; display: inline;}
.faq input {font-size: 1em;}

.faq .listing li p {margin-left: 2em;}
.contacts .listing a {background: url(../../../../images/icon-contact.gif) left top no-repeat; padding-left: 22px;}
.contacts .listing p, .contacts .listing span {padding-left: 28px; font-size: 1.1em; margin-left: 0;}

.detail h2 {color: #00656B; font-size: 2em; margin: 0; border-bottom: 1px dotted #ccc; padding-bottom: .3em;}
.detail dl {font-size: 1.2em; margin-top: 1em;}
.detail p {font-size: 1em; margin: .2em 0;}
.detail p {font-size: 1em; margin: .2em 0;}
.detail dt {font-weight: bold; border-bottom: 1px solid #00656B; padding: .5em 0 .5em .8em; margin-top: .5em;}
.detail dd {padding: .5em 1em;}

a.pdf {background: url(../../../../images/icon-pdf.gif) 0 50% no-repeat; padding: 2px 0 2px 22px;}
a.doc {background: url(../../../../images/icon-word.gif) 0 50% no-repeat; padding: 2px 0 2px 22px;}
a.htm {background: url(../../../../images/icon-page.gif) 0 50% no-repeat; padding: 2px 0 2px 22px;}
a.xls {background: url(../../../../images/icon-excel.gif) 0 50% no-repeat; padding: 2px 0 2px 22px;}

.contentContainer {float: left; width: 100%; clear: both;}
.contentContainer h2 span {font-size: .6em; color: #666666;}

#events {float: left; clear: both; width: 100%; position: relative;}
	#events table {width: 710px; border: 1px solid #82B8DB; margin-bottom: 1em;}
	#events caption {position: absolute; left: -9999px;}
	#events thead th {background: url(../../../../images/bg_blueBox_grad.gif) 0 50% repeat-x;}
	#events thead th.title {width: 200px;}
	#events th, #events td {border-bottom: 1px solid #82B8DB; vertical-align: top;}
	#events th {padding: 8px 5px; text-align: left;}
	#events td {padding: 5px;}
	#events table img{position:absolute ;margin: -2px 0 0 15px;}
	#events.detail table, #expert.detail table {width: 710px; margin-top: 1.5em; border: none; border-top: 14px solid #D0EDFF;}
	#events.detail th, #expert.detail th {text-align: right; width: 120px;}
	#events.detail th, #events.detail td, #expert.detail th, #expert.detail td {border-bottom: 1px solid #00656B; vertical-align: top; padding: 8px 5px;}
	
	#events a {font-weight: bold;}	

#eventSearch input.submitBtn {float: left; margin: 0 0 0 5px;}

#comments {float: left; width: 100%; clear: both; margin-top: 2em;}
#comments h2 {margin-bottom: 1.5em; font-size: 1.4em; font-weight: bold;}
#comments .CommonContentBox {float: left; width: 100%;}
#comments .CommonCommentArea {float: left; width: 97%;}
.commentsForm {font-size: 1.1em;}
.commentsForm .formRow {float: left; width: 100%; clear: both; margin-bottom: 1em;}
.commentsForm label {float: left; font-weight: bold; margin: 0 1em .7em 0;}
.commentsForm label#lblComment span {font-weight: normal;}
.commentsForm input {width: 30em;}
.commentsForm input.submitBtn {width: auto; font-size: .9em;}
.commentsForm .textArea {float: left; width: 100%; clear: both;}
.commentsForm textarea {float: left; width: 96%; height: 10em;}
#comments input.delete {width: auto; position: absolute; right: .8em; background: url(/cs/themes/boxwood/images/common/x-delete-icon.gif) left top no-repeat; cursor: pointer; border: none; width: 16px; height: 16px;}
#comments .errorMssg {margin-bottom: 1em; float: left; clear: both;}
#comments .showMore {float: left; width: 97%; clear: both; text-align: right; font-weight: bold;}
#comments a {color: #00656B;}
#comments .CommonCommentBubble {float: left; width: 89%; margin-left: 0;}

.join {float: right; width: 30%; text-align: center; background: #FEF9EB; border-top: 3px solid #FBE3A7; margin: 0 0 .5em 1em;}
.join .inner {padding: .5em 0 1.5em;}
.join p {color: #00656B; font-weight: bold;}
.join .action {float: none;}

/* SEARCH RESULTS */
.searchResults {border-top: 3px solid #FBE3A7;}
.searchResults table {float: left; width: 100%; background: #FEF9EB;}
.searchResults td {padding: 10px;}
.searchResults label {font-size: 1.2em; color: #00656B;}
.searchResults input, .searchResults select {margin: 0; font-size: 1em;}
.searchResults .searchListing {padding: 1em; border-bottom: 1px solid #A9CCDE;}
.searchResults .searchListing a {font-weight:bold; text-decoration: none; background:url(../images/bg_orange_arrow.gif) 0 50% no-repeat; padding-left:10px;}

#newsListing p {margin-bottom: 0;}
#newsListing p.date {font-weight: bold; font-size: 1em; margin-bottom: .5em;}

.rating {float: left; margin: 1em 0; width: 100%;}
p.size {float: left; font-weight: bold; color: #666666;}

.logOut {list-style: none;}
.logOut li {margin-bottom: 1em;}
.logOut a {font-size: 1.2em; font-weight: bold; background: url(../../../../images/bg_orange_arrow.gif) 0 50% no-repeat; padding: 0 0 0 10px;}

#popUp h2 {margin-top: 1.5em;}
#popUp form {margin: 0; padding: 0;}
#popUp ol {list-style: none;}
#popUp li {clear: both;}
#popUp label {padding-left: 0; font-size: 1.2em; font-weight: bold; color: #00656B; width: 170px; text-align: right;}
#popUp input, #popUp textarea {float: right;}

/*PAGINATION STYLING*/
#pagination {float: right; width: 100%; margin-top: 1em; font-weight: bold;}
#pagination p {float: left; margin: 0; font-size: 1em; color: #666666;}
#pagination ul {float: right; width: auto; list-style: none;}
#pagination ul li {float: left; margin-right: .5em;}

/* COMMUNITY SERVER */
#communityServer  {}
#communityServer  {font-size: 1.2em;}
#communityServer p {font-size: 1.1em;}

.printOnly{ display:none;}

/*STANARD FORM*/
form.standard{ margin:2em 0 1em 0em; padding:0em; clear:both; text-align:left;}
form.standard fieldset legend{display:none;}
form.standard ol li{padding:.5em 0;}
form.standard ol li.borderTop{margin-bottom:0;border-top:1px dotted #a6adc9; }
form.standard ol li.borderBottom{margin-bottom:0; border-bottom:1px dotted #fff;}
form.standard input{margin-left:1em;}
form.standard input.left{ float:left;}
form.standard input.text{background:url(../imgs/text_input_bg.gif) 0 0 repeat-x; border:1px solid #ccc; border-top:1px solid #999; margin:0 5px 0 5px; padding:1px; width:15em; }
form.standard textarea{border:1px solid #ccc; border-top:1px solid #999; margin:0 5px 0 5px; padding:1px; width:15.5em;}
form.standard select{width:auto; margin-left:1em;}
form.standard label{width:8em; float:left; vertical-align:top; padding-left:1em;}
form.standard label.longer{width:12em; float:left; vertical-align:top; padding-left:1em;}
form.standard label.noFloat{ float:none;}
form.standard label.short{width:4em; padding-left:3px; float:none;}

form.standard ol li.radioButtons input.radio{ float:left;}
form.standard ol li.radioButtons label{float:left; vertical-align:top; padding-left:1em;}
form.standard input.submit{ width:auto; background:#a4dbfe url(../../../../images/bg_go_button.gif) 0 0 repeat-x; border:1px solid #82b8db; padding:0 15px; margin-left:2px;}
form.standard input.submit.right{ float:right;}
form.standard p{padding-left:1em;}

.category .group {font-weight: bold; text-indent: 0; background: #D0EDFF; line-height: 1em;}


/* COMMUNITY SERVER PROFILE ADDITIONS */
h5 {color: #00656B;}
#addOns .CommonContentBox {border-color: #A984A4; background-color: #F5F1F5;}
#addOns .CommonContentBoxHeader, #addOns ul.CommonContentBoxList li, #addOns ul.CommonSidebarList li {border-color: #A984A4;}

/* TOOLTIPS */
span.tooltip {display: block; border-bottom: 1px dotted #00656B; text-decoration: none; cursor: help;}
#tooltip {background:#333 none repeat scroll 0 0; font-size: 1.1em; color:#fff; display:none; padding:6px 8px; position:absolute; max-width: 300px; text-align: left;}

/* SITEMAP */
#siteMap ul {list-style: none; font-weight: bold; width: 90%; margin-left: .5em;}
#siteMap ul li {border-bottom: 1px dotted #F7C74A; padding: .5em 0;}
#siteMap ul ul {margin-left: 1em; font-weight: normal; width: 100%;}
#siteMap ul ul li {border-bottom: none; padding: .2em 0; background:transparent url(../../../../images/bg_orange_arrow.gif) no-repeat scroll 0 4px; padding-left:10px; font-size: .9em;}
#siteMap ul ul ul {margin-left: 1em;}
#siteMap ul ul ul li {padding-left:0; background:none; font-size: .9em; margin-bottom: 0;}
#siteMap ul ul ul ul {margin-left:2em;}

/* FOOTER */
#footer { position:relative; font-size: 1.1em; background:#50d4ff url(../../../../images/bg_footer_grad.gif) 0 0 repeat-x; border:1px solid #50d4ff; border-bottom:0; width:968px; padding:5px 0 0 0; margin-left:2px;}
#footer ul{margin-left:10px;}
#footer a {margin:1em 0 1em 0; color:#000;}
#footerBottom{ background: url(../../../../images/bg_footer_bottom.gif) 1px 0 no-repeat; width:972px; height:12px; display:block;}

.videoPlaceholder {background: #ccc; display: none;}

/*CLEARFIX*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac*/

/* HOME PAGE */
.introBox {position: relative;margin-bottom: 2em; margin-left:3px;}
.introBox .text {position: absolute;top: 0;left:90px; width:32em; padding:15px; background:url(../../../../images/bg_transparent.png) 0 0 repeat; color:#000;}
.introBox p {color: #000; font-size:1.2em;}
.introBox a:hover{}
.introBox h2{ color:#00656B; font-size:2em;}
.introBox span { font-size:1.5em; display:block;}