/*
	WSOL
	VERSION 1.0
	Author: Dennis Kardys 
	Contact: dkardys@wsol.com
	
	CONTENTS ----------
	
	   1. RESET
	   2. GENERAL
	   3. LAYOUT
	   4. SECTION STYLES
	   		4.1 	Toolbar
			4.2 	Masthead
			4.3		Branding
			4.4 	Horizontal Nav
			4.5 	Search
			4.6 	Section Banner
			4.7		Feature
			4.8		Promos
			4.9		Call To Actions
			4.10	Side Nav
			4.11	SideContent1 Pod
			4.12	MainContent
			4.13	SideContent2 Pod
			4.14	Upcoming Events
			4.15	Calendar
			4.16	Footer
					-  Contact Info
					-  Footer Nav
					-  Copyright
			4.17	Other Widgets
			4.18 	Pods
			4.19	Custom Buttons
	  5. FORM ELEMENTS
	  6. HOME PAGE ELEMENTS	
	  7. CUSTOM ELEMENTS 

			
				
	   
    -------------------
    
    COLORS -----------
    -------------------	
	
	display:
	position:
	float:
	clear:
	width:
	height: 
	margin:
	padding:
	background:
	border:
	color:
	font-family:
	font-size:
	font-style:
	text-align:
	text-decoration:
	text-transform:
*/



/* 1. =RESET CSS
-------------------------------------------------------------------------------- */

@import url(reset.css); /* RESET CSS */


/* 2. =GENERAL FORMATTING
-------------------------------------------------------------------------------- */

body { 
	background-color: #ddd; 
	color: #333; 
	font-family: Helvetica, Arial, Geneva, Sans-serif; 
	font-size: 14px; 
	/*text-align: center;*/ }
/*pop up window for right side buttons*/

body#popup {
	background: #ebf3a3 url(/core/images/ui/bkg_popup.jpg) repeat-x left top;}

body#map{
		
}

body#program{
	background:none;

}

body#program #pnControl{ padding:10px 15px; }
body#program #pnControl p{ line-height:1.4em;}
body#program #pnControl ul li{
	font-size:13px;
	padding-bottom:.9em;
	line-height:1.2em;
}

.colorSwatch {
	display:block;
	float:left;
	height:80px;
	margin-right:3px;
}

p { }

#mainContent p {  }
#mainContent p.callout {  }
#mainContent p.caption, #mainContent p .caption {  }

.left { float: left; }
.right { float: right; }
.pad { padding: 1em; }
.clear { clear:both; }

/* clear nested floats. Apply this class to the last element before the area that needs to clear. */
.clearfix:after, #container:after, .section:after, .pod:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix, #container, .section, .pod {display:inline-block;}
* html .clearfix, * html #container, * html .section, * html .pod {height:1%;}
.clearfix, #container, .section, .pod {display:block;}

.section { clear: both; }

.inner { width: 980px; margin: 0 auto;}

.main { width: 660px; float: left;}

.related {
	width: 300px;
	float: left;
	}

.column {
	width: 40%;
	float: left;
	margin-right: 5%;
	}

h1+p, h1+ul, h2+p, h2+ul, h3+p, h3+ul { margin: 0; }

.errorMessage {
	display: block;
    border:solid 1px #FFCC00; 
    padding:8px; 
    background-color:#FFFFCC; 
    color:#C60000; 
    margin:5px 0px;
    font-size:12px;
	}

/*use for emphasis other than callout */
.boldText{
	font-weight:bold;
	font-size:1.1em;
	margin:5px;
}

.dateStamp { font-size: 10px; color: #666; margin: 18px 0; }

ul { list-style-type: disc;}
ol { list-style-type: decimal;}

ol ol { list-style-type: lower-alpha; }
ul ul { list-style-type: circle; }

ul, ol { margin-left: 20px; }
ul ul, ol ol, ul ol, ol ul { margin-left: 24px; }

	

/* default horizontal nav list */

ul.hList { margin: 0; padding: 0; list-style-type: none;}
ul.hList li { margin: 0; padding: 0; list-style-type: none; float: left;}
ul.hList a { float: left; display: block; text-decoration: none;}

#mainContent ul li{font-size:13px;}
#mainContent ol li{font-size:13px;}

/* = DEFAULT SITE LINKS ------------------------ */

a:link { color: #0071bd;}
a:visited {color: #0071bd;}
a:hover, a.selected, a.selected:hover { color: #00aeff;}
a:active { color: #00aeff;}
a:visited:hover, a.selected:visited:hover {color: #00aeff;}


/* =infoLinks (jquery bubble) */

.info {
	position: relative; 
	display:block;
	float:left;
}

.info em.bubble, .info em.bubbleSmall {
background: url(/core/images/ui/jquery_bubble.gif) no-repeat top center;
display:none;
font-style:normal;
font-size: 12px;
color: #444;
left: -50%;
padding:7px 12px 8px 12px;
position:absolute;
text-align:center;
top:-85px;
height: 56px;
width:180px;
z-index: 999999;

}

.info em.bubbleSmall{
	left:-85px;	
}

.tags {
	position: relative; 
	display:block;
	float:left;
}


.tags em.bubble, .tags em.bubbleSmall {
background: url(/core/images/ui/jquery_bubble.gif) no-repeat top center;
display:none;
font-style:normal;
font-size: 12px;
color: #444;
left: 25%;
padding:7px 12px 8px 12px;
position:absolute;
text-align:center;
top:-85px;
height: 56px;
width:180px;
z-index: 999999;

}

.tags em.bubbleSmall{
	left:-85px;	
}

/* 3. =LAYOUT AND STRUCTURE
================================================================== */
#wrapper { 
	margin: 0 auto;
	}

#container {
	padding: 0;
	background: #fff url(/core/images/ui/bkg_container.jpg) repeat-x;
	text-align: left;	
	}

#masthead {
	position: relative;
	clear: both;
	padding: 1px 0 0 0;
	text-align: left;
	margin: 0 0 -11px 0;
	}
	
#contentWrapper {
	width: 960px;
	padding: 20px 10px 20px 10px;
	margin: 0 auto;
	background: transparent url(/core/images/ui/bkg_page.png) no-repeat center top;
	}

#mainContent {
	color: #333;
	line-height: 1.6;
	}

div[id="mainContent"] {
	min-height: 350px;
}

.home #mainContent {
	width: 940px;
	padding: 0 9px;	
}


.fullWidth #mainContent {
	padding: 0 16px;
	width: 924px
	}

.staywell #mainContent {
	padding: 0;
	min-height: 460px;
	}
	
.threeColumn #mainContent {
	float: left;
	width: 465px;
	margin-right: 20px;
	}

.sideColumnLeft #mainContent {
	float: left;
	width: 700px;
	}

.sideColumnRight #mainContent {
	float: left;
	width: 650px;
	margin-right: 50px;
	padding-left: 16px;
	}

#sideContent1 {
	float: left;
	width: 210px;
	margin-right: 20px;
	background: #eee;
	padding: 0 0 10px 16px;
	line-height: 1.6;
	background: transparent url(/core/images/ui/bkg_sideContent1.jpg) no-repeat 10px 10px;
	}

#sideContent2 {
	float: left;
	width: 218px;
	line-height: 1.6;
	}

#relatedContent {
	background: #19a0c9 url(/core/images/ui/bkg_relatedContent.jpg) repeat-x left top;
	padding: 20px 0 20px 0;
	color: #fff;
}

#Footer {
	margin: 0 auto;
	padding: 10px;
	background: #2c2c2c;
	color: #777;
	clear: both;
	}
	
/* 4. =SECTION STYLES
================================================================================= */

/* 4.1 =Toolbar
-------------------------------------------------------------------------------- */
#toolbar {
	padding: 0 14px 0 0;
	background: #000;
	text-align: left;
	color: #ddd;
}

#toolbar .inner{
	width:960px;
	position:relative;
	z-index:1100;
}	

#toolbar .hList {
	float: right;
	background: #222;
}

#toolbar a {
	display: block;
	text-decoration: none;
	color: #ddd;
	text-transform: uppercase;
	padding: 10px 20px;
	font-size: 12px;

}



/* 4.2 =Masthead
-------------------------------------------------------------------------------- */	
#masthead img {
	margin: 0;
	padding: 0;
	display: block;
}

#masthead .inner {
	position: relative;
}

#masthead h1 {
	color: #000;
	margin: 0;
}

#masthead h2 {
	font-style: italic;
	font-weight: normal;
	font-size: 16px;
	color: #666;
	text-indent: -9999px;
}


#masthead .login {
	clear: both;
	padding-right: 10px;
	color: #6f6f6f;
}

#tagline {
}

/* 4.3 =Branding
-------------------------------------------------------------------------------- */
#masthead h1#logo {
 	float: left;
}

a#logo {
	display: block;
}

#logo img{
	display: block;
	/*width: 270px;*/
	position: absolute;
	top: 0px;
	left: 10px;
}

/* 4.4 =Horizontal Nav
-------------------------------------------------------------------------------- */
#horizontalNav {
}

#horizontalNav ul{
}

/* 4.5 =Search
-------------------------------------------------------------------------------- */
#masthead .search {
	text-align: right;
	width: 300px;
	color: #fff;
	margin: 0;
	float: right;
}

#masthead input#searchField {
	color: #666;
	font-size: 12px;
	width: 250px;
	float: left;
}

#masthead .search img {
	display: block;
	float: left;
}

.searchLabel {
	line-height: 27px;
	float: left;
}

/* 4.52 =Search Page Styles
-------------------------------------------------------------------------------- */

/* search results */

#basicTerms {
	padding-top: 12px;
}

.ektronSearch div.searchWrapper div#basicTerms input {
	padding: 6px;
	font-size: 14px;
}

.ektronSearch h4 a {
	text-decoration: none;
}

.ektronSearch div.searchWrapper div#basicTerms select {
	font-size: 14px;
	margin-top: 6px;
}

.ektronSearch div.searchWrapper select option {
	font-size: 12px;
	color: #555;
}

.ektronSearch div.searchWrapper div.searchResultsHeader h3 {
	background-color: transparent;
	border: none;
	font-size: 12px;
	border-top: 1px solid #ddd;
	padding-top: 6px;
	text-transform: uppercase;
	font-family: Arial, Sans-serif;
}

.ektronSearch div.searchWrapper div.searchResultsHeader h3 span.resultslabel {
	text-transform: uppercase;
}

.ektronSearch div.searchWrapper {
	border: 1px solid #aaa;
}

.ektronSearch ul.searchNavigation li {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;

}

.ektronSearch ul.searchNavigation li a {
	background: #eee;
	color: #666;
	padding: 6px 18px;
}

.ektronSearch ul.searchNavigation li a.selected {
	background: #fff;
	color: #000;
	padding: 6px 18px;
}

.ektronSearch div.searchWrapper div.searchResults h4 {
	font-size: 16px;
	text-transform:  none;
	margin-top: 22px;
}

.ektronSearch div.searchWrapper div.searchResults h4 span.dateTime {
	font-size: 12px;
	font-style: italic;
}

.ektronSearch .resultPreview {
	border-bottom: 1px dotted #ddd;
	padding-bottom: 10px;
}

.resultPreviewDetails {
	font-size: 12px;
}

.ektronSearch div#navbar ul.ektronPaging li {
	border: 1px solid #ddd;
	background: #fff;
	float: left;
}


.ektronSearch div#navbar ul.ektronPaging li.page {
	padding: 4px 8px;
}

.ektronSearch div#navbar ul.ektronPaging li.next {
	border: none;
}

.ektronSearch div.searchWrapper div#advancedTerms ul li span {
	width: 200px;
	text-align: left;
}

.ektronSearch div.searchWrapper div#advancedTerms fieldset input {
	font-size: 13px;
	padding: 3px 6px;
	width: 200px;
}

.ektronSearch div.searchWrapper div#advancedTerms fieldset {
	border-bottom: 1px solid #ddd;
}

.ektronSearch div.searchWrapper div#advancedTerms fieldset legend {
	text-transform: uppercase;
	font-size: 16px;
	color: #999;
}

.ektronSearch div.searchWrapper div#advancedTerms fieldset input.addFilter {
	width: 100px;
	cursor: pointer;

}

.ektronSearch div.searchWrapper div#advancedTerms input.advancedSubmit, .ektronSearch div.searchWrapper div#advancedTerms fieldset select {
	cursor: pointer;
	font-size: 13px;

}

.ektronSearch div.searchWrapper div#advancedTerms input.advancedSubmit {
	margin-left: 13px;
}

#mainContent .ektronSearch div#navbar {
	min-height: 1%;
	clear: both;
	overflow: hidden;
	border-top: none;
}

/* 4.6 =Section Banner
-------------------------------------------------------------------------------- */
#sectionBranding {
	padding: 0 10px;
}


/* 4.7 =Feature
-------------------------------------------------------------------------------- */
#altContent a, #altContent img {  }

/* 4.8 =Promos
-------------------------------------------------------------------------------- */
/* 4.9 =Call To Actions
-------------------------------------------------------------------------------- */
/* 4.10 =Side Navigation
-------------------------------------------------------------------------------- */
/* 4.11 =sideContent1
-------------------------------------------------------------------------------- */

/* 4.12 =mainContent
-------------------------------------------------------------------------------- */

p {
	font-size: 13px;
	line-height: 1.6em;
	margin: .5em 0;
}

#mainContent h4 {
	background: url(/core/images/ui/rule_divider.gif) no-repeat  left bottom;
}

/* 4.13 =sideContent2
-------------------------------------------------------------------------------- */
#sideContent2 p {
	font-size: 12px;
	color: #555;
}

#sideContent2 .pod li { font-size: 12px; list-style-type: square; color: #999;}

/* 4.14 =upcomingEvents
-------------------------------------------------------------------------------- */
.events .event {
	clear: both;
	background: #efefef;
	margin-bottom:	8px;
	padding: 6px;
}

.events .date {
	color: #FF6600;
	float: none;
}

.events .title {
	color: #444;
	margin-top: 6px;
}

/* 4.15 =Calendar
-------------------------------------------------------------------------------- */

/* 4.16 =Footer
-------------------------------------------------------------------------------- */

.contactInfo {
	width: 200px;
	float: right;
	text-align: left;
	margin-right: 0;
	}

.copyright {
	clear: both;
	text-align: left;
	padding: 10px 0;
	font-size: 11px;
	}
	
.copyright p{
	font-size:11px;
	margin:0px;
	padding:0px;
}

#Footer .inner a:link,
#Footer .inner a:visited{
	color:#aaa;
}

#Footer .inner a:hover{
	color:#ccc;
}

#Footer .inner .footerNav {
	float: left;
	padding: 0 0 20px 0;
	
}

#Footer .inner .footerNav ul a { 
	padding-right: 30px;
	color: #fff;
}

#Footer .inner .footerNav ul a:hover{
	color:#ccc;
}

#Footer .footerNav ul.hList a {
	padding-top: 4px;
}

ul.socialMedia {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: -8px;
}

ul.socialMedia li {
	float: left;
	margin: 0;
	padding: 0;
}

#Footer ul.socialMedia a {
	float: left;
	display: block;
	text-indent: -9999px;
	margin: 0 4px 0 0;
	padding: 0;
	width: 34px;
	height: 34px;
}

#Footer ul.socialMedia a:hover {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
}


ul.socialMedia a.twitter { background: url(/core/images/ui/icon_twitter.png) no-repeat center center; }
ul.socialMedia a.facebook { background: url(/core/images/ui/icon_facebook.png) no-repeat center center; }
ul.socialMedia a.rss { background: url(/core/images/ui/icon_rss.png) no-repeat center center; }



/* 4.17 =widgets
-------------------------------------------------------------------------------- */
/* =Log In ---------------------*/
p.newMember {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dotted #ddd;
    text-align: center;
	}

#accountSignIn {
    margin: 14px 0 0 140px;
	}

#Login .label {
    width: 120px;
    text-align: right;
    float: left;
    margin-right: 18px;
    font-weight: normal;
    color: #666;
	}

#Login .cmErrorMessage {
    color: #660000;
    font-style: italic;
    color: #ff3300;
    margin: 4px 0;
    height: 24px;
    text-align: center;
    width: 380px;
	}

#ctl00_pageContent_login1_loggedIn {
    text-align: center;
	}


.loginInputs {
    margin: 8px 0;
	}

.loginInputs p.clear {
    padding: 0;
    height: 4px;
	}

.loginInputs input {
    float: left;
	}


.login a {
	color: #6f6f6f;
	font-size: 13px;
	text-decoration: none;
}

/* =Accordion Panel ------------*/
.readMore {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
}

.toggleSprite {
	color: #1d82b1;
	padding-right: 20px;
	margin-left: 6px;
	background: url(/core/images/ui/sprite_toggleArrow.gif) no-repeat  right -26px;
}

#mainContent .accordion h3{
	font-size:1.15em;
	margin-top: .55em;
	margin-bottom: .55em;
	position: relative;
	margin-left:1.6em;
}


/* =TabSwitcher -----------------*/
#mainContent .tabSwitcher { padding-top: 0; margin-top: 50px;}
#mainContent div.tabs { position: relative; top:0;}

#mainContent .tabContainer div { 
	color: #666;
	padding:10px;
}

#mainContent .tabContainer div div {
	padding: 0;
}

#mainContent div.tabContainer { 
	/*padding: 10px 10px 24px; */
	/*margin-top:-25px;*/
	padding-top:0;
	clear:both;
	border-left: 1px solid #ddd; 
	border-bottom: 1px solid #ddd; 
	border-right: 1px solid #ccc;
	border-top: 1px solid #eee;
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,.3);
	-webkit-shadow: 0 2px 2px rgba(0,0,0,.3);
	-o-box-shadow: 0 2px 2px rgba(0,0,0,.3); 
}

#mainContent .tabs ul.tabNavigation  { position: relative; top: 1px; float: left; margin-left:0; padding:0; }
#mainContent .tabs ul.tabNavigation li { float: left; margin: 0; padding: 0; background: none; list-style:none;}
#mainContent .tabs ul.tabNavigation a { 
	width: auto; 
	padding: 5px 12px; 
	float:left;
	margin-right: 2px; 
	font-size: 12px;
	text-decoration:none;
	line-height: 20px; 
	text-align: center; 
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topRight: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	}

#mainContent .tabs ul.tabNavigation a:link, .tabs ul.tabNavigation a:visited { 
	color: #eee; 
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0.22, rgb(107,159,194)), color-stop(0.74, rgb(33,102,148)));
	background:-moz-linear-gradient(center bottom, rgb(107,159,194) 22%, rgb(33,102,148) 74%);
	/*background: url(/core/images/ui/contentTabs-dash.gif) no-repeat right top;*/
	position:relative;
	background-color:#32548E;
}

#mainContent .tabs ul.tabNavigation a:hover, #mainContent.tabs ul.tabNavigation a:active { 
	color: #666; 
	/*background: url(/core/images/ui/contentTabs-dash.gif) no-repeat center top;*/
	position:relative;
	background:none;
	background-color:#fff;
}

/*#contentContainer ul.tabNavigation li a.selected, 
#contentContainer ul.tabNavigation li a.selected:hover {
	border-bottom:1px solid #FFFFFF;
	padding-top:9px;
	position:relative;
	top:1px;
}*/
#mainContent .tabs ul.tabNavigation a.selected:link, 
#mainContent .tabs ul.tabNavigation a.selected:visited, 
#mainContent .tabs ul.tabNavigation a.selected:hover,
#mainContent .tabs ul.tabNavigation a.selected:active  { 
	color: #004c8a; 
	background-color:#fff; background-image:none;
	/*background: url(/core/images/ui/contentTabs-dash.gif) no-repeat left top;*/
	border-bottom:1px #fff solid;
}

/*=====Tabs in footer======*/
#relatedContent.tabSwitcher { padding-top: 0; margin-top: 60px;}

#relatedContent div.tabs { position: relative; top: -26px;}
#relatedContent div.tabContainer div { color: #666; }
#relatedContent div.tabContainer { 
	background: #fff;
	/*padding: 12px;*/
	padding: 0;
	clear: both; 
	border-left: 1px solid #ddd; 
	border-bottom: 1px solid #ddd; 
	border-right: 1px solid #ccc;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.3);
	-webkit-shadow: 0 2px 2px rgba(0,0,0,.3);
	-o-box-shadow: 0 2px 2px rgba(0,0,0,.3);
}

#relatedContent .tabs ul.tabNavigation  { float: left; position: relative;}
#relatedContent .tabs ul.tabNavigation li { float: left; margin: 0; padding: 0; background: none;}

#relatedContent .tabs ul.tabNavigation a { display: block; width: 140px; padding: 3px 10px 0 10px; float: left; margin-right: 2px; line-height: 32px; text-align: center; border-bottom: none;}

#relatedContent .tabs ul.tabNavigation a:link, 
#relatedContent .tabs ul.tabNavigation a:visited { color: #d8e8f1; background: url(/core/images/ui/tabs-dash.gif) no-repeat right top; }

#relatedContent .tabs ul.tabNavigation a:hover,
#relatedContent .tabs ul.tabNavigation a:active { color: #fff; background: url(/core/images/ui/tabs-dash.gif) no-repeat center top; }

#relatedContent .tabs ul.tabNavigation a.selected:link, 
#relatedContent .tabs ul.tabNavigation a.selected:visited, 
#relatedContent .tabs ul.tabNavigation a.selected:hover,
#relatedContent .tabs ul.tabNavigation a.selected:active  { color: #004c8a; background: url(/core/images/ui/tabs-dash.gif) no-repeat left top; }


/* 4.18 =pods
-------------------------------------------------------------------------------- */
.pod img {
	display: block;
}

.pod {
	margin: 16px 0;
	padding: 10px;
}

.accordion {
	margin: 3px 0;
}

#mainContent .accordion div {
	border-bottom:1px dotted #CCCCCC;
}

#mainContent .accordion div div{
	border-bottom:none;
}

#mainContent .accordion p{
	padding-bottom:.2em;	
}

#mainContent .accordion .readMore {
	display:block;
	padding-bottom:12px;
	margin-left:35px;
	position:relative;
	text-align:left;
}

#mainContent .accordion .toggleSprite {
	background:url(/core/images/ui/contentAccord_plus.gif) no-repeat scroll 0 4px transparent;
	display:block;
	float:left;
	left:-30px;
	position:absolute;
	text-indent:-9999px;
	width:25px;
	height:25px;
}
#mainContent .accordion .toggleSprite:hover {
	background:url(/core/images/ui/contentAccord_plus.gif) no-repeat scroll 0 -28px transparent;
}
#mainContent .accordion a.close {
	background:url(/core/images/ui/contentAccord_plus.gif) no-repeat scroll 0 -60px transparent;
}
#mainContent .accordion a.close:hover {
	background:url(/core/images/ui/contentAccord_plus.gif) no-repeat scroll 0 -92px transparent;
}

#sideContent2 .pod {
	background: url(/core/images/ui/bkg_pod.gif) repeat-x left bottom;
	width: 204px;
	padding: 0 6px; 
	margin-left: 0;
	border: 1px solid #ddd;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
	box-shadow: 0 0 2px rgba(0,0,0,.2);	
}

#sideContent2 .pod h2 { 
	margin: 8px 0; 
	color: #666; 
	font-size: 16px; 
	border-bottom: none; 
}

#sideContent2 .pod h3 { 
	font-size: 20px; 
	font-weight: bold;
}

#sideContent2 .accordion h2 { 
	background: url(/core/images/ui/sprite_toggleArrow.gif) no-repeat right 0;
}

#sideContent2 .accordion h2:hover {
	background: url(/core/images/ui/sprite_toggleArrow.gif) no-repeat  right -26px;
	color: #1d82b1;
}

#sideContent2 .accordion h2.selected { 
	background: url(/core/images/ui/sprite_toggleArrow.gif) no-repeat  right -51px;
	color: #1d82b1;
}

#sideContent2 .accordion .pod-inner {
	background: url(/core/images/ui/rule_accordionDivider.gif) repeat-x center top;
	padding-top: 12px;
}

#sideContent2 .pod-inner p:first-child {
	margin-top: 0;
}
#sideContent2 .pod-inner {
	padding-bottom: 8px;
	font-size: 12px;
}

#relatedContent .pod {
	float: left;
}

#relatedContent .pod h3 { color: #c6c6c6; font-weight: bold;} 

#relatedContent .p1 { width: 452px; padding: 0 16px 0 16px;}
#relatedContent .p2 { width: 238px; padding: 0 14px;}
#relatedContent .p3 { 
	width: 190px; 
	padding: 9px; 
	background: #127492 url(/core/images/ui/bkg_relatedContentOuter.jpg) repeat-x;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);	
	}

.p3 .pod-inner { 
	padding: 4px 4px 8px 4px;
	background: #b6dde9 url(/core/images/ui/bkg_relatedContentPod.jpg) repeat-x; 
	border: 1px solid #f0f4f6; 
	color: #203960; 
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#relatedContent ul { list-style-type: none; margin: 0; padding: 0 0 0 0; }
#relatedContent li { background: url(/core/images/ui/icon_bullet1.gif) no-repeat left 4px; list-style-type: none; margin: 0; padding: 0 0 0 0;}
#relatedContent li:hover { background: url(/core/images/ui/icon_bullet1.gif) no-repeat left -86px; }
#relatedContent ul li a { background: transparent url(/core/images/ui/hr_faded.png) no-repeat left bottom;  display: block; padding: 8px 0 8px 20px; text-decoration: none; color: #ddd;}

#relatedContent ul li a:hover, #relatedContent ul li a:visited:hover { color:#fff; text-shadow: -1px 1px 1px rgba(0,0,0,.4);}

#relatedContent .p3 h3 {
	margin: .5em 0 1em 0;
	color: #023960;
	font-size: 22px;
}


#relatedContent .p3 h5 {
	margin: 1em 0;
}

#relatedContent a { color: #fff; }


/* 4.19 = CUSTOM BUTTONS
================================================================================= */
	 input[type=submit]{
		 cursor:pointer;
		 font-family:Arial, Helvetica, sans-serif;
	 }



/* 5. =FORM ELEMENTS
================================================================================= */

a.btn-login { display: block; margin: 1em 0; background: url(/core/images/ui/btn_login.png) no-repeat left top; text-indent: -9999px; width: 182px; height: 37px; overflow: hidden; }




/* =REFERRAL FORMS


/* =ReferralForm ------ */
.formWrapper #referralForm form{
	margin:0;
	padding:0;
}

div#referralForm {
	padding: 0;
	margin: 10px auto;
	width: 400px;
}

#popup h2 {
	font-size: 32px;
	margin: 16px auto;
	border-bottom: none;
	color: #5f6243;
	text-align: left;
	padding: 0 20px;
	width: 400px;
}


#referralForm h3.fieldTitle {
	font-size: 20px;
	text-align:left;
	margin: 0 0 12px 0;
	clear: both;
	color: #a3aa67;
}
#referralForm h3.fieldTitle span {
	color: #8d9357;
	font-weight: bold;
}

div#referralForm fieldset, div#contactMethod {
	position: relative;
	margin: 0 0 20px 0;
	width: 380px;
	padding: 8px 0 8px 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: rgba(255,255,255,0.5);
}

div#contactMethod {
	font-size: 12px;
	color: #555;
	text-align: left;
}

div#referralForm fieldset div {
	float: left;
	width: 180px;
	margin-right: 5px;
}

div#referralForm fieldset img.validate-icon {
	position: absolute;
	left: -50px;
	top: -5px;
	width: 41px;
	height: 40px;
}

div#referralForm fieldset label {
	display: block;
	font-size: 16px;
	text-align: left;
	float: left;
	width: 130px;
	color: #A3AA67;
	line-height: 30px;
}

div#referralForm fieldset label.smLabel {
	width:90px;
}

div#referralForm fieldset#name label,
div#referralForm fieldset#address label {
	display: block;
	font-size: 12px;
	text-align: left;
	display: none;
	width: 180px;
}

div#referralForm fieldset input {
	display: block;
	padding: 4px 2px;
	margin: 0 0 0 0;
	width: 170px;
	color: #666;
	font-size: 14px;
}


div#referralForm fieldset#contact-tel input,
div#referralForm fieldset#contact-email input {
	display: block;
	padding: 4px 2px;
	margin: 0 0 0 0;
	width: 200px;
	color: #666;
	font-size: 14px;
	float: left;
}

div#referralForm fieldset#contact-tel div,
div#referralForm fieldset#contact-email div {
	width: auto;
	margin: 0;
}

div#referralForm fieldset#contact-tel div,
div#referralForm fieldset#contact-email div {
	margin-left: 15px;
}

div#referralForm fieldset input.invalid {
	color: #840200 !important;
}

div#referralForm div.street {
	width: 370px;
	margin-bottom: 10px;
}
div#referralForm div.street input {
	width: 360px;
}

div#referralForm div.city {
	width: 180px;
}

div#referralForm div.city input{
	width: 170px;
}

div#referralForm div.state {
	width: 70px;
}

div#referralForm div.state  input {
	width: 60px;
}

div#referralForm div.zip {
	width: 60px;
}

div#referralForm div.zip input{
	width: 50px;
}

div#referralForm fieldset .btnSubmit {
	float: none;
	clear: both;
}

/*-------- Viewing the Referral ----------*/

div.viewReferral{
	padding:17px;
}

div.viewReferral p{
	float:left;
}

div.viewReferral p.referralInfo{
	display:block;
	clear: both;
}

div.viewReferral p.name{
	font-size:1.2em;
	color:#5f6142;
	padding-right:20px;
	border-bottom:#B2B250 double 4px;
	padding-bottom:.2em;
}

div.viewReferral span.contact{
	font-size:1em;
	color:#444;
	float:left;
	margin: 0 0 20px 0;
	width: 380px;
	padding: 8px 0 8px 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: rgba(255,255,255,0.5);
}



/* 6. =HOME PAGE ELEMENTS
================================================================================= */

#altFlashContent h1 { border-bottom: 1px solid #ddd; }
#altFlashContent a.image { display: block;}
#altFlashContent a.image img{ width: 100%;}
#altFlashContent .related { width: 920px; padding: 10px; clear: both;}
#altFlashContent .callout { float: left; width: 210px; margin: 24px 30px 24px 0; font-size: 14px; font-style: italic; }
#altFlashContent ul.links { float: right; width: 200px; margin-top: 24px; margin-bottom: 14px; }
#altFlashContent .column {
	width: 430px;
	float: left;
	margin-right: 10px;
}
#altFlashContent .column h3 { margin-top: 24px; }
#altFlashContent a.button { float: right; display: block; width: 160px; padding: 12px 14px; color: #fff; text-decoration: none; font-size: 16px; text-align: center; background: url(/core/images/ui/button_red.gif) no-repeat 0 0;}
#altFlashContent a.button:hover { background: url(/core/images/ui/button_red.gif) no-repeat -375px 0;}

/* 7. =CUSTOM ELEMENTS
================================================================================= */

.videoContent {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

input.error, select.error, textarea.error/*, .radio.error, input [type="checkbox"] */
{
    background-color: #ffeedd; 
    border: 1px solid red !important;
}

.loader {   width: 16px;    height: 16px;    float: none !important;}

.hide {display: none;}