body {
background: #f0f0f0 url(../images/bkg_body.jpg) repeat-x;
margin: 0;
padding: 0;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color: #777;
}

#container {
width: 972px;
border: 1px solid #999;
margin: 6px auto;
text-align: left;
background: #fff;
padding-bottom: 8px;
}

#pageTop {
width: 972px; 
line-height: 20px; 
color: #666; 
font-size: 12px; 
margin: 6px auto; 
text-align: right;
}

#masthead {
background: url(../images/bkg_masthead.gif) no-repeat left top;
width: 971px;
height: 120px;
position: relative;
padding-top: 7px;
z-index: 5000;
}

#masthead .logo { width: 320px; height: 72px; float: left;}
#masthead .logo img { padding: 0; margin: 0; border: 0; display: block;}
#masthead .headerFeat {
float: left;
width: 234px;
}

#masthead p { margin: 0; padding: 0;}

#masthead .functions 
{
float: right; padding: 15px 12px 0 0; position: relative;
z-index: 8000;
}


#masthead #quickSearch {
width: 250px;
margin: 0;
padding: 0;
z-index: 15000;
}

#quickSearch input{
float: left;
border: 2px solid #a2b5c5;
font-size: 14px;
color: #888;
text-indent: 5px;
width: 181px;
height: 19px;
line-height: 17px;
margin: 0;
padding: 0;
}

#quickSearch a.button{
background: url(../images/bkg_search.gif) no-repeat left top;
width: 65px;
color: #fff;
height: 24px;
line-height: 24px;
display: block;
float: left;
font-weight: bold;
font-size: 13px;
text-indent: 8px;
text-decoration: none;
margin: 0; padding: 0;
}

#quickSearch a.button:hover {
background: url(../images/bkg_search.gif) no-repeat right top;
color: #fff;
}


#primaryContent {
width: 690px;
float: left;
margin: 10px 10px 10px 0;
padding-left: 10px;
padding-bottom: 15px;
}

#primaryContent .column {
width: 300px;
float: left;
margin-right: 20px;
padding-left: 12px;
}


#primaryContent .column2 {
width: 320px;
float: left;
margin-right: 10px;
padding-left: 12px;
}

#fullContent {
width: 950px;
}

#freeTemp 
{
width: 970px;
overflow: hidden;
float: left;
}


.date {
color: #999;
font-size: 12px;
}

#secondaryContent{
width: 250px;
float: left;
margin-top: 10px;
}

.int {
padding-left: 10px;
}

.widgetBlock {
margin-bottom: 10px;
width: 250px;
}

#footer {
clear: both;
background-color: #e0e7ef;
margin: 0 10px;
line-height: 40px;
}

#footer ul { margin: 0; padding: 0; list-style-type: none; float: left; }
#footer li { margin: 0; padding: 0; list-style-type: none; float: left; }
#footer a { color: #0071bd; margin: 0; padding: 0 10px; text-decoration: none; float: left; }

.copyright { float: right; text-align: right; padding: 0 10px;}


/* =GENERAL STYLES */
.clear { clear:both; }
.left { float: left; }
.right { float: right; }
.inlineTextPad { padding: 0 20px }
.pad { padding: 12px }

#primaryContent ul, #fullContent ul {
list-style-type: none;
margin: 0;
padding: 0;
}

/*#primaryContent ul li, #fullContent ul li, #menu .tabPanels ul li  {
background: url(../images/icon_bullet.gif) no-repeat left top;
padding-left: 12px;
margin: 6px 0;
}*/

#menu ul li, #footer ul li { background: none; }

#menu .tabPanels ul li  {
background: url(../images/icon_bullet.gif) no-repeat left top;
padding-left: 12px;
margin: 6px 0;
}

ul li 
{
background: url(../images/icon_bullet.gif) no-repeat left top;
padding-left: 12px;
margin: 6px 0 6px 12px;   
}


.tabs-nav li { background: none !important; margin: 0; padding: 0; }

p { margin: 0 0 6px 0; }

/* =HEADERS */

h1 {
font-size: 20px;
}

.featureBlock .title {
font-weight: bold;
font-size: 16px;
color: #666;
display: block;
margin: 6px 0;
}

#primaryContent .column .title, #primaryContent .column2 .title {
color: #ed4423;
font-size: 18px;
display: block;
font-weight: bold;
margin: 12px 0;
}

.sectionHeader {
padding: 10px 20px 5px 20px;
margin: 8px 12px 0 10px;
font-size: 28px;
color: #fff;
font-weight: bold;
background: #f1c622;
}
/* =MENU
notes: see new file sheet specifically for the interactive nav
/////////////////////////////////////////////////////////////////// */

/* =SECONDARY NAVIGATION 
////////////////////////////////////////////////////////////////// */

#secondaryNav {
background-color: #f3f6f9;
margin-bottom: 10px;
clear: both;
}
#secondaryNav ul 
{
margin: 0; padding: 0;
}

#secondaryNav li 
{
	margin: 0; padding: 0;
	background: none;
}


/* =PROMO AREA 
//////////////////////////////////////////////////////////////// */

#promoRegion {
background: #e0e7ef;
width: 690px;
height: 260px;
margin-bottom: 20px;
}

.promoImg {
width:465px;
height: 260px;
}

.promoText {
width: 190px;
height: 220px;
margin: 20px 10px;
overflow: hidden;
}

#promoRegion .title{
font-size: 20px;
font-weight: bold;
display: block;
margin: 4px 0;
font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
}

#promoRegion .subtitle{
font-size: 14px;
font-weight: bold;
display: block;
margin: 2px 0;
font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;

}




/* =CONTENT REGION
///////////////////////////////////////////////////////////////// */

.contentRegion {
font-size: 13px;
line-height: 1.5;
padding: 20px;
}

.contentRegion p {
font-size: 13px;
margin: 0 0 12px 0;
}

.contentRegion .title, .title {
font-weight: bold;
font-size: 24px;
margin: 4px 0 8px 0;
display: block;
color: #333;
font-family: Arial, Helvetica, Verdana, sans-serif;
}

.contentRegion .subtitle, .subtitle {
font-weight: bold;
font-size: 16px;
margin: 4px 0 12px 0;
display: block;
color: #666;
font-family: Arial, Helvetica, Verdana, sans-serif;

}

.contentRegion ul li
{
background: url(../images/icon_bullet.gif) no-repeat 0 3px;
padding-left: 12px;
margin: 6px 0 6px 20px;
}

.contentRegion strong {
	color: #444;
}

.contentRegion b {
 color: #666;
 }

.contentRegion img {
display: block;
margin: 20px;
}

#article p {
line-height: 1.4;
}


/* =WIDGETS 
///////////////////////////////////////////////////////////////// */
/* =HOME PAGE EVENTS */

.eventItem {
background: #f3f6f9;
color: #666;
clear: both;
padding: 10px;
margin-bottom: 10px;
width: 310px;
}

.eventDesc {
color: #666;
clear: both;
width: 270px;
font-size: 12px;
}

.eventTitle, .eventTitle a {
color: #0071bd;
font-weight: bold;
font-size: 13px;
float: left;
width: 150px;
}

.eventDate, .eventDate a {
color: #0071bd;
font-size: 11px;
float: right;
width: 130px;
text-align: right;
}


/* FEATUREBLOCK ROWS */
.featureBlock .left img {
padding-right: 0;
display: block;
}

.featureBlock .right img {
padding-left: 0;
}

.divider {
border-bottom: 1px solid #ccc;
clear: both;
height: 6px;
}

.featureBlock 
{
padding-top: 14px;
}


#article #subFeatures .featureBlock {
border-top: 1px solid #ccc;
padding-top: 20px;
clear:both;
}

#search #subFeatures .featureBlock {
margin-top: 20px;
}


.featureDesc {
margin: 0 8px 0 8px;
font-size: 12px;
width: 450px;
}

.fullFeat 
{
width: 640px;
}

.featImage 
{
width: 215px;
overflow:hidden;
}


.featureDesc .relatedLinks ul {
font-size: 12px;

}

#subFeatures .featureDesc .relatedLinks  li {
float: left;
margin: 2px 0 2px 12px;
}

.featureDesc .relatedLinks ul a {
display: block;
float: left;
width: 200px;
font-size: 12px;
}

/* =WIDGETBLOCKS SECONDARY CONTENT */


#secondaryContent .heading {
padding: 20px 20px 7px 20px;
margin: 0;
font-size: 20px;

}

#secondaryContent .featureBlockContent {
margin: 0;
padding: 20px 20px 20px 20px;
font-size: 13px;
position: relative;
}

#secondaryContent .featureBlockContent .subtitle{
font-size: 18px;
color: #0071bd;
display: block;
margin: 10px 0 6px 0;
}

.primaryTheme .heading{
background: #70afda;
color: #fff;
border-bottom: 1px solid #0071bd;
}

.secondaryTheme .heading {
background: #f1c622;
color: #993333;
border-bottom: 1px solid #993333;
}

.primaryTheme .featureBlockContent {
background: #bfdbee;
color: #777;
}

.secondaryTheme .featureBlockContent {
background: #faeaaf;
color: #777;

}

.featureBlockContent .featImage {
width: 210px;
display: block;
margin-bottom: 15px;
}

#promoRegion .promoText ul li 
{
    background: url(/images/icon_bullet2.gif) no-repeat left top; 
}

#secondaryContent .widgetBlock ul { 
margin: 0; 
padding: 0; 
list-style-type:none; }

#secondaryContent .widgetBlock li {
background: url(../images/icon_bullet-arrow.gif) no-repeat left top;
margin-left: 0;
/*padding-left: 20px;
/margin: 6px 0;*/
}

#secondaryContent .secondaryTheme .featureBlockContent ul li {
background: url(../images/icon_bullet-arrow2.gif) no-repeat left top !important;
margin-left: 0;
}

/* =SEARCH 
//////////////////////////////////////////////////////////// */

#search {
padding: 30px;
margin-bottom: 20px;

}
#search .title {
font-weight: bold;
font-size: 20px;
margin: 4px 0 8px 0;
display: block;
color: #333;
font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
}

#search .subtitle {
font-weight: bold;
font-size: 14px;
margin: 4px 0 12px 0;
display: block;
color: #666;
font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
}

.searchResultHeader {
font-size: 16px;
}

.searchResultHeader .keyword {
font-weight: bold;
color: #ed4423;
}


#searchResultItems, #searchResultItems p {
font-size: 12px;
color: #333;
}

#searchResultItems img {
width: 130px;
height: 90px;
display: block;
margin: 0 10px;
}


.searchTitle {
font-size: 16px;
font-weight: bold;
color: #0071bd;
margin-top: 20px;
}

#search #subFeatures .featureBlock {
width: 500px;
border-left: 20px solid #f1c622;
}

.returnedResults {
background-color: #ededed;
clear: both;
font-size: 14px;
color: #666;
line-height: 24px;
margin: 20px 0;
padding: 0 12px;
}

.resultTotals {
float: left;
}

.resultPager {
float: right;
}

/* =HOMEPAGE FEATURE STYLES
/////////////////////////////////////////////////////////// */
.PhotoArea{
width:691px; border: 1px solid #ccc; height:263px; position: relative;
 }

.photoArea img 
{
border: 0;
padding: 0;
display: block;
}



.photoTitle {
position: absolute;
top: 114px;
left: 45px;
font-weight: bold;
color: #fff;
font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
font-size: 24px;
}

.photoText{
position: absolute;
top: 148px;
left: 45px;
font-family: arial, helvetica, sans-serif;
color: #fff;
font-size: 14px;
width: 340px;
}

.photoDesc {
font-family: arial, helvetica, sans-serif;
color: #fff;
font-size: 14px;
width: 340px;
}

.photoLink {padding-top: 10px;}


/* =LINKS 
/////////////////////////////////////////////////////////// */
a:link, a:visited, #menu .tabPanels ul a { 
color: #0066cc;
text-decoration: none;
}

a:hover, a:active, a:visited:hover 
{
color: #16b5f0;
text-decoration: none;
}

.contentRegion a {
	text-decoration: underline;
}

#menu .tabPanels ul a:visited {
color: #0066cc;
}

a.moreInfo {
display: block;
color: #666;
text-decoration: underline;
padding-left: 30px;
font-size: 12px;
}

.calendar a.moreInfo {
background: url(../images/icon_cal.gif) no-repeat left center;
}

.breadcrumbs {
display: block;
padding: 3px 0 10px 0;
}

.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a:visited:hover {
font-size: 14px;
font-weight: bold;
color: #666;
text-decoration: underline;
}

#promoRegion a {
color: #666;
text-decoration: underline;
}

.photoLink a, .photoText a {
font-family: arial, helvetica, sans-serif;
color: #fff !important;
font-size: 14px;
text-decoration: underline;
}





/* Class for clearing floats */
.clear {
	clear:both;
}

/* advanced clearing technique */
.clearfix:after  {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix  {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix  {display:block;}


/* = BLOG
=========================================================
======================================================= */
#siteBlog .sidePod 
{
	background: none;
}

#siteBlog .blogSidebar 
{
	padding: 0;
}

#siteBlog .blogSidebar h4 
{
	font-size: 18px;
	color: #666;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	text-indent: 10px;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	margin: 30px 0 10px 0;
}

#siteBlog .blogSidebar ul 
{
	padding: 0 5px 0 0;
	margin: 0 0 0 12px;
	list-style-type: none;
}
#siteBlog .blogSidebar li 
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: url(/images/icon_bullet3.gif) no-repeat 0 8px;
}

#siteBlog .blogSidebar ul a 
{
	padding: 4px 0 4px 12px;
	display: block;
}

#siteBlog .blogCalendar 
{
	padding: 5px;
	width: 240px;
	background-color: #eee;
	clear: both;
	margin-left: 0;
}

#siteBlog .blogCalendar table, #siteBlog .blogCalendar td
{
	text-align: center;
}


#siteBlog .blogCalendar .monthRow td 
{
	width: 240px;
	background: #0071bd;
	color: #fff;
	padding: 5px 0;
}

#siteBlog .blogCalendar .weekRow td 
{
	background-color: #fff;
	width: 13%;
	border: 1px solid #eee;
	padding: 5px 0;
}

#siteBlog .blogCalendar  .weekRow td.activeDay 
{
	background:  #F1C622;
}

#siteBlog .blogCalendar  .weekRow td.activeDay:hover
{
	background-image: none;
	background-color: #eedf7a;
}

#siteBlog .blogCalendar  .weekRow td.activeDay a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#siteBlog .blogCalendar  .weekRow td.activeDay a:hover
{
	color: #fff;
}


#siteBlog .blogCalendar .monthRow td.prevMonth, #siteBlog .blogCalendar .monthRow td.nextMonth 
{
	width: 20px;
}

#siteBlog .blogCalendar .monthRow td a
{
	font-size: 14px;
	padding: 4px 0;
	color: #fff;
	text-decoration: none;
}

#siteBlog .blogEntries {
	padding: 20px;
}

#siteBlog .blogCalendar .monthRow td a:hover 
{
	color: #ccefff;
}

#siteBlog .entryFooter 
{
	color: #666;
	font-style: italic;
	display: block;

	margin: 6px 0;
	padding: 7px 0;
	border-top: 1px solid #efefef;
	font-size: 11px;
	border-bottom: 1px solid #efefef;
}


#siteBlog .entryBody strong
{
	color: #333;
}

#siteBlog .entryBody a {
	text-decoration: underline;
}

h1.blogTitle {
	color: #333;
}

h3.entryTitle {
	font-size: 16px;
	border-bottom: 4px solid #ddd;
	padding-top: 12px;
	padding-bottom: 3px;
}

h3.entryTitle + a {
	display: block;
	margin: -6px 0 12px 0;
}
#siteBlog .ekcommentheader 
{
	font-weight: bold;
	color: #000;
	font-size: 14px;
	margin: 6px 0;
}

#siteBlog .ekcommentlabel 
{
	color: #336699;
	font-weight: bold;
	font-size: 12px;

}

#siteBlog .ekcommenttext textarea, #blog .ekcommentdata input
{
	margin-top: 8px;
}

#siteBlog .ekcommenttext, #blog .ekcommentdata 
{
	margin-top: 18px;
}

#siteBlog .rss_subscribe
{
	border: 1px solid #ddd;
	padding: 12px;
	margin: 25px 0 20px 0;
	
}

#siteBlog .blogRSS 
{
	float: left;
}

#siteBlog a.imgDesc
{
	float: left;
	padding: 0 20px;
}





/* =ERROR MESSAGES 
/////////////////////////////////////////////////////////// */
.errorMessage {
    border:solid 1px #FFCC00; 
    padding:15px; 
    background-color:#FFFFCC; 
    color:#C60000; 
    margin:5px;
    font-size:12px;
    height:30px;
}

/* =EKTRON BUG FIXES  
/////////////////////////////////////////////////////////// */

.tabs-nav 
{
z-index: 1;
}