/*

CSS for OUC
Version 0.95.0
Hooah LLC
Developer: Alfonso Surroca

Changelog:
v0.95.0		Fixed "Pay your Bill" navigation and Site Map
v0.94.9		Fixed some positioning issues on the top navigation
			Added definition list styling
v0.94.8		Fixed H4 tag letting across site
v0.94.7		Pay Your Bill navigation menu changes
v0.94.6		No Change
v0.94.5B	BRANCH: Implemented navigation for Spanish site. (Do not use on English site)
v0.94.4		Added CSS for regular Site Map
v0.94.3		Additional tweaks to forms to account for ASP.NET form output
v0.94.2		Tweaks to forms to account for ASP.NET form output
v0.94.1		Added image for Green Site Map icon link
v0.94.0		Fixed CSS to account for image positioning in breadcrumbs div
v0.93.9B	BRANCH: Added CSS for Green Site Map
v0.93.9		Added CSS to account for image positioning in breadcrumbs div.
v0.93.8		Changed list behavior to account for radio boxes in list items on forms.
v0.93.7		Table styling changes to tsh class and tfoot element.
v0.93.6		Removed text-shadow property for intro callouts.
v0.93.5		Changed #breadcrumbs position to relative for proper z-index order.
v0.93		Changed all instances of hr.jpg to hr.png.

*/

/*reset*/
html {background:transparent; color:#000}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0; padding:0}
table {border-collapse: collapse; border-spacing: 0}
fieldset, img {border:0}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {font-style:inherit; font-weight:inherit}
del, ins {text-decoration:none}f
li {list-style:none}
caption, th {text-align:left}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal}
q:before, q:after {content: '';}
abbr, acronym {border:0; font-variant:normal}
sup {vertical-align:baseline}
sub {vertical-align:baseline}
legend {color:#000} /* IE: legend doesn't inherit value */
input, button, textarea, select, optgroup, option {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
input, button, textarea, select {*font-size:100%} /* IE6-Win, IE7-Win: To enable resizing */

/*main*/
html { }
body { background:#fff; color:#666; font:0.9em/1.4em Arial, Helvetica, sans-serif; }

/*top-level body identifiers*/
#home { }
#residential { }
#commercial { }
#news { }
#contact { }
.ouc_content { }

/*banners*/
#heroes{} /*wrapper for main banners*/
.banners{} /*standard banners*/
.small-banners{ border-right:1px dotted #ddd; float:left; margin-right:50px; padding-right:50px;}
.small-banners.last { border:0; margin:0; padding:0; }
.small-banners a img { border:0; }

/*structure*/
#header { background:url(/images/hr.png) no-repeat bottom; height:120px; margin:0 auto -10px auto; padding: 30px 0; position:relative; width:960px; } /* Changed; AS; 10/1 */
#logo { background:transparent; float:left; height:100px; margin:0; padding:0; width:220px; }
#content { background:transparent; height:auto; margin:10px auto 0; overflow:hidden; position:relative; width:960px; } /* Changed; AS; 10/1 */
#page { background:#fff; float:right; margin:0 auto; padding:0; position:relative; width:690px; }

/*footer*/
#footer { background:url(/images/footer_bg.gif) no-repeat; clear:both; font-size:0.8em; height:120px; margin:30px auto 0; padding: 20px 0 0 0; position:relative; width:970px; }
#footer h2 { color:#777; font-weight:bold; padding-left:30px; } /*Change requested by Fnzo 09/17/2009*/
#footer a, #footer a:visited { color:#999; cursor:pointer; text-decoration:none; }
#footer a:active, #footer a:hover { color:#0a0; text-decoration:underline; } 
#copyright { clear:both; color:#999; font-size:0.9em; height:auto; margin:5px auto 0 auto; padding:0 0 30px 0; width:960px; } /* Changed 9/21/09 -AS */
#copyright a, #copyright a:visited { color:#669933; text-decoration:none; } /*Change requested by Fnzo 09/17/2009*/
#copyright a:active, #copyright a:hover { color:#0a0; text-decoration:underline; } /*Change requested by Fnzo 09/17/2009*/
#copyright a[target] { padding:0; }
#copyright .greensitemap { background:url(/images/icons.gif) -34px 0; padding-left:12px !important; }

/*news on front page */
#news { height:320px; overflow:hidden; } /* Changed; AS; 10/1 */
.newsHeader { background:#fff url(/images/newsheader.gif) no-repeat; height:40px; }
.newsArticle{ background:url(/images/news_bg.gif) top no-repeat; font-size:1.0em; height:94px; margin:0; overflow:hidden; padding:0; position:relative; }
.newsArticle .newsCat { background: url(/images/news-icons.gif) no-repeat; height:40px; left:2px; position:absolute; top:26px; width:40px; } /* Changed; AS; 10/1 */
.newsCat.catCommercial { background-position: 0 0; }
.newsCat.catElectric { background-position: 0 -90px; }
.newsCat.catGreen { background-position: 0 -180px; }
.newsCat.catJobs { background-position: 0 -270px; }
.newsCat.catResidential { background-position: 0 -360px; }
.newsCat.catSolar { background: url(/images/news-icons.gif) no-repeat 0 -450px; }
.newsCat.catWater { background-position: 0 -540px; }
.newsCat span { display:none; }
.newsContent { font-size:0.75em; margin-left:46px; padding:15px 0; } /* Changed; AS; 10/1 */
.newsContent h3 { color:#ff7a21; font-weight:bold; line-height:1.2em; text-transform:uppercase; }
.newsContent h3 a, .newsContent h3 a:visited, .newsContent p a, .newsContent p a:visited{ color:#ff7a21; }
.newsContent h3 a:hover, .newsContent p a:hover { color:#ff3300; }
.newsContent h3 a:active, .newsContent p a:active { color:#ff3300; }
.newsContent p { color:#333; font-size:1.1em; line-height:1.2em; margin:0; padding:2px 0 0 0; }
.newsContent p a, .newsContent p a:visited { font-size:0.85em; font-weight:bold; text-decoration:none; text-transform:uppercase; }
.newsContent p a:hover { text-decoration:underline; }

/*news list page*/ /* Added by Josh: 9.25.09 */
.newsArticleList{ margin:0; padding:0; position:relative;  border-bottom:dotted 1px #b1b0b0 }
.newsArticleList.bottom {background:none}
.newsArticleList .newsCat { background: url(/images/news-icons.png) no-repeat; height:40px; left:0px; position:absolute; top:15px; width:40px; }
.newsContentList { margin-left:60px; padding:20px 0;}
.newsContentList h3 { color:#003864; font-weight:Normal; font-size: 1.1em; line-height:1.2em; }
.newsContentList h3 a, .newsContentList h3 a:visited, .newsContentList p a, .newsContentList p a:visited{ color:#ff7a21; }
.newsContentList h3 a:hover, .newsContentList p a:hover { color:#ff3300; }
.newsContentList h3 a:active, .newsContentList p a:active { color:#ff3300; }
.newsContentList p { color:#333; line-height:1.2em; margin:0; padding:2px 0 0 0; }
.newsContentList p a, .newsContentList p a:visited { font-size:0.85em; font-weight:bold; text-decoration:none; text-transform:uppercase; }
.newsContentList p a:hover { text-decoration:underline; }
.newsContentList .newsListAuthor{color:#0083cb} 
.newsContentList .newsListDate, .newsListCategory{margin:0; font-style:italic; font-size:0.75em}

/*news content page*/ /* Added by Josh: 9.25.09 */
#newsPage { background-color:#eee; height:320px; overflow:hidden; }
.newsPageArticle .newsCatPage { background: url(/images/news-icons.png) no-repeat; height:40px; width:50px; float:left; margin-right:20px; border-right:dotted 1px #b2b2b2}
.newsCatPage.catCommercial { background-position: 0 0; }
.newsCatPage.catElectric { background-position: 0 -90px; }
.newsCatPage.catGreen { background-position: 0 -180px; }
.newsCatPage.catJobs { background-position: 0 -270px; }
.newsCatPage.catResidential { background-position: 0 -360px; }
.newsCatPage.catSolar { background: url(/images/news-icons.png) no-repeat 0 -450px; }
.newsCatPage.catWater { background-position: 0 -540px; }
.newsCatPage span { display:none; }
.newsPageContent h3 { color:#ff7a21; font-size:1.5em; color:#003864; font-weight:normal }
.newsPageContent h3 a, .newsPageContent h3 a:visited, .newsPageContent p a, .newsPageContent p a:visited{ color:#ff7a21; }
.newsPageContent h3 a:hover, .newsPageContent p a:hover { color:#ff3300; }
.newsPageContent h3 a:active, .newsPageContent p a:active { color:#ff3300; }
.newsPageContent p { margin:0 0 1.2em 0; padding:0; }
.newsPageContent p a, .newsPageContent p a:visited { font-size:0.85em; font-weight:bold; text-decoration:none; text-transform:uppercase; }
.newsPageContent p a:hover { text-decoration:underline; }
.newsPageContent .newsPageAuthor{color:#0083cb} 
.newsPageContent .newsPageDate, .newsPageCategory{margin:0; font-style:italic}

/*navigation and sprites*/
#nav { background: url(/images/nav.png) no-repeat 0 -252px; float:right; height:34px; width:690px; }
#actions { background: url(/images/nav.png) no-repeat 0 -906px; float:right; height:57px; margin:0; padding: 0; position:relative; width:690px; }
#actions img, #nav img { float:left; }
ul#actions li { margin:10px 0; }
ul#actions, ul#nav { cursor:default; display:inline; list-style-type:none; margin:0; padding:0; }
#actions li, #nav li { background:transparent; padding:0 !important; }/*override defaults for li*/
#actions li.navPay, #actions li.navPay:hover, #actions li.navPay:active, #actions li.navPay.selected { background: url(/images/nav.png) no-repeat; float:left; height:33px; margin-left:60px; width:154px; }
#actions li.navPay { background-position:0 -501px; }
#actions li.navPay:hover, #actions li.navPay.selected:hover { background-position:0 -459px; }
#actions li.navPay:active, #actions li.navPay.selected { background-position:0 -420px; }
#actions li.navSpanish, #actions li.navSpanish:hover, #actions li.navSpanish:active, #actions li.navSpanish.selected { background: url(/images/nav.png) no-repeat; float:left; height:33px; margin-left:43px; width:auto; }
#actions li.navSpanish { background-position:0 -825px; }
#actions li.navSpanish:hover, #actions li.navSpanish.selected:hover { background-position:0 -784px; }
#actions li.navSpanish:active, #actions li.navSpanish.selected { background-position:0 -744px; }
#actions li.navSearch { background: url(/images/nav.png) no-repeat 0 -666px; float:left; height:31px; margin-left:30px; width:300px; }
fieldset.sf_searchBox { background:0; border:0; margin:0; width:auto; }
#actions li.navSearch label { border:0; font-size:0.7em; margin:0; padding:6px 10px; width:40px; }
input.sf_searchText { background:url(/images/searchInput.png) no-repeat; border:0; font-size:0.8em; margin:4px 0 0 10px; padding:6px 0 2px 10px; width:130px; }
input.sf_searchText:focus{ border:0; }
.sf_searchSubmit { background: url(/images/searchButton.png) no-repeat; border:0; color:#fff; font-size:0.8em; font-weight:bold; height:22px; margin:0; padding:2px 0 0 0; width:48px; }
.sf_searchSubmit:hover, .sf_searchSubmit:active { background: url(/images/searchButton-on.png) no-repeat; border:0; height:22px; width:48px; }

#nav li.navHome { float:left; height:inherit; width:125px; }
#nav li.navResidential { float:left; height:inherit; width:135px; }
#nav li.navCommercial { float:left; height:inherit; width:137px; }
#nav li.navNews { float:left; height:inherit; width:137px; }
#nav li.navContact { float:left; height:inherit; width:156px; }
#nav li.navHome:hover, #nav li.navHome:active, #nav li.navHome.selected { background: url(/images/nav.png) no-repeat 0 -168px; }
#nav li.navResidential:hover, #nav li.navResidential:active, #nav li.navResidential.selected { background: url(/images/nav.png) no-repeat -1px -582px; }
#nav li.navCommercial:hover, #nav li.navCommercial:active, #nav li.navCommercial.selected { background: url(/images/nav.png) no-repeat -2px 0; }
#nav li.navNews:hover, #nav li.navNews:active, #nav li.navNews.selected { background: url(/images/nav.png) no-repeat -3px -336px; }
#nav li.navContact:hover, #nav li.navContact:active, #nav li.navContact.selected { background: url(/images/nav.png) no-repeat -4px -84px; }
#pageNav { background:#fff; float:left; height:auto; width:240px; } /* Changed 9/21/09 -AS */
#pageNav ul { margin:0; }
.level { background-position: right center; background: none no-repeat right center; padding-left: 5px; text-transform: uppercase; color: #606060; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.level a
{
	padding-left: 5px;
	text-transform: uppercase;
	color: #606060;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.level a:active
{
	padding-left: 5px;
	text-transform: uppercase;
	color: #606060;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.level a:hover
{
	padding-left: 5px;
	text-transform: uppercase;
	color: #339933;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.level a:visited
{
	padding-left: 5px;
	text-transform: uppercase;
	color: #606060;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.level.selected
{
	background-position: right 0;
	background: url(/Libraries/OUC_images/level2_selected.sflb.ashx) no-repeat right center;
	text-transform: uppercase;
	color: #008000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
}
.level2
{
	background: url(/Libraries/OUC_images/level2_normal.sflb.ashx) no-repeat right center;
	padding-left: 5px;
	text-transform: uppercase;
	color: #606060;
	font-weight: bold;
	font-familywerwre: Arial, Helvetica, sans-serif;
}
.level2 a
{
	padding-left: 5px;
	text-transform: uppercase;
	color: #606060;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.level2 a:active
{
	padding-left: 5px;
	text-transform: uppercase;
	color: #606060;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.level2 a:hover
{
	padding-left: 5px;
	text-transform: uppercase;
	color: #339933;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.level2 a:visited
{
	padding-left: 5px;
	text-transform: uppercase;
	color: #606060;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.level2.selected
{
	background-position: right 0;
	background: url(/Libraries/OUC_images/level2_selected.sflb.ashx) no-repeat right center;
	text-transform: uppercase;
	color:
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
}
/*selected links in second-level nav*/
.level3
{
	background-position: right center;
	background: none no-repeat right center;
	padding-left: 15px;
	text-transform: uppercase;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: justify;
	background-attachment: fixed;
	font-size: small;
	line-height:1.6em; /*Added 9/22/09 -AS */
}
.level3 a
{
	padding-left: 15px;
	text-transform: none;
	color: #606060;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.level3 a:active
{
	padding-left: 15px;
	text-transform: none;
	color: #008CD2;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.level3 a:hover
{
	padding-left: 15px;
	text-transform: none;
	color: #339933;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.level3 a:visited
{
	padding-left: 15px;
	text-transform: none;
	color: #606060;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.level3.selected
{
	background: url(/images/level3_selected.png) no-repeat right center;
	padding-left: 15px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
.level3.selected a
{
	color: #003864;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/*pay your bill menu tweaks*/
.arrow.selected { background:url(/images/level3_selected.png) no-repeat right; }
.arrow.selected a { color:#003864; }
.how-to-read-thumb{ background:#e1e3e4 none repeat scroll 0 0; border:1px solid #ccc; margin:0; padding:5px; }

/*selected links in third-level nav*/
.hr_level { color: #eaeaea; height: 0.1px; }

/*breadcrumbs*/
#breadcrumbs { background:url(/images/hr.png) no-repeat bottom; font-size:0.9em; height:40px; margin: -20px auto 0; padding-bottom:30px; position:relative; width:960px; } /* Changed; AS; 10/5 */
#breadcrumbs a.selected { color:#093; }
#breadcrumbs a.linkbreadcrumb { color: #999; } /* Changed 09/21/09 -AS */
#breadcrumbs a.linkbreadcrumb_selected { color: #093; } /* Changed 09/21/09 -AS */
#breadcrumbs a:hover.linkbreadcrumb { color: #093; } /* Changed 09/21/09 -AS */
#breadcrumbs img { margin-right:6px; position:relative; top:4px; }


/*sprites for twitter*/
ul#twitterDrawer { background:url(/images/icons_twitter.png) no-repeat 0 0; height:130px; list-style-type:none !important; margin:0 !important; padding:35px 30px 30px 30px !important; position:relative; width:420px; }
#twitterDrawer li { background:none !important; display:inline !important; padding:0 !important; }
#twitterDrawer li img { background:url(/images/icons_twitter.png) no-repeat; }
#twitterDrawer li h2 { color:#888; font-size:1.3em; line-height:0.8em; padding:0; }
#twitterDrawer span img.drawerClose { background-position: 0 -890px; height:20px; margin:0; padding:0; position:absolute; right:20px; top:20px; width:20px; }
#twitterDrawer li img.twitterHome, #twitterDrawer li img.twitterGreen, #twitterDrawer li img.twitterJobs { height:100px; margin:10px 0; width:120px; }
#twitterDrawer li img.twitterHome { background-position: 0 -437px; }
#twitterDrawer li img.twitterHome:hover { background-position: -135px -437px; }
#twitterDrawer li img.twitterGreen { background-position: 0 -238px; }
#twitterDrawer li img.twitterGreen:hover { background-position: -135px -238px; }
#twitterDrawer li img.twitterJobs { background-position: 0 -766px; }
#twitterDrawer li img.twitterJobs:hover { background-position: -135px -766px; }
.twitterDrawerDivider { background:#ccc !important; height:90px; margin:0 10px 15px 5px; }

/*Normal Site Map*/
#cSiteMap a, #cSiteMap a:visited { color:#999; }
#cSiteMap a:hover, #cSiteMap a:active { color:#3c3; text-decoration:underline; }
#cSiteMap h1 { color:#777; font-size:1.3em; position:relative; top:10px; }
#cSiteMap h3 { color:#999; font-size:1em; }
#cSiteMap .grid3 { background:none; padding:0 0 30px 0; }
#cSiteMap .col { width:auto; }
#cSiteMap .col.first { padding:0 0 0 10px; border:0; margin:0; }
#cSiteMap .col.center, #cSiteMap .col.last { padding:0 0 0 20px; border-left:1px solid #ccc; margin:0 0 0 20px;  }
#cSiteMap .cSiteMapHeader { background: url(/images/news-icons.gif) no-repeat 0 0px; height:60px; padding-left:40px; position:relative; width:auto; }
#cSiteMap .level2 { background:none; font-size:0.8em; }
#cSiteMap .level3 { background:none; font-size:0.8em; font-weight:bold; }
#cSiteMap .level4 { background:none; font-size:0.8em; padding-left:45px; }

/*Green Site Map*/
#cContent a, #cContent a:visited { color:#093; }
#cContent a:hover, #cContent a:active { color:#3c3; text-decoration:underline; }
#cContent h1 { color:#999; font-size:1.3em; position:relative; top:10px; }
#cContent h3 { color:#093; font-size:1em; }
#cContent .grid3 { background:none; padding:0 0 30px 0; }
#cContent .col { width:auto; }
#cContent .col.first { padding:0 0 0 10px; border:0; margin:0; }
#cContent .col.center, #cContent .col.last { padding:0 0 0 20px; border-left:1px solid #ccc; margin:0 0 0 20px;  }
#cContent .cGreenSiteMapHeader { background: url(/images/news-icons.gif) no-repeat 0 -180px; height:60px; padding-left:40px; position:relative; width:auto; }
#cContent .level2 { background:none; font-size:0.8em; }
#cContent .level3 { background:none; font-size:0.8em; font-weight:bold; }
#cContent .level4 { background:none; font-size:0.8em; padding-left:45px; }

/*callouts*/
.intro { font-size:1.2em; overflow:hidden; line-height:2em; width:100%; }
.callout { background:#fff; color:#666; margin:20px 0; padding:20px 30px; }
.intro.callout { color:#080; margin:10px 0 20px; line-height:1.7em; padding:0; position:relative; } /* Changed; AS; 10/5 */
.callout.wide { padding:0; }
.callout h3 { color:#555; }
.callout p { font-size:120%; line-height:1.6em; }

/*figures*/
.figure { margin: 0 1em; }
img.figure.border { border:1px solid #aaa; margin:12px; padding:8px; }
.intro .figure.head.left { width:36%; } /*when right-aligned above a heading in the intro callout*/
.intro .figure.head.right { padding-right:30px; width:36%; } /*when right-aligned above a heading in the intro callout*/
.intro .figure h4 { clear:both; color:#444; font-size:0.95em; font-weight:normal; margin: 4px 0 0 0; }
.intro .figure p { color:#666; font-size:75%; line-height:1.4em; margin:2px 0; }
.figure.left { margin-left:0 !important; }
.figure.head.left { margin-top:0 !important; } /*when left-aligned above a heading*/
.figure.top.left { margin-top:20px !important; } /*when left-aligned above the first paragraph*/
.figure.right { margin-right:0 !important; }
.figure.head.right { margin-top:0 !important; } /*when right-aligned above a heading*/
.figure.top.right { margin-top:20px !important; } /*when right-aligned above the first paragraph*/
.figure.full { margin:0 !important; width:100%; } /*when meant to fill full width of text area*/
.caption{font-size:0.8em;} /* Added; AS; 10/1 */
.caption h5{font-weight:bold; margin:10px 0 0;} /* Added; AS; 10/1 */
.caption h4 { clear:both; color:#444; font-size:0.95em; font-weight:normal; margin:4px 0 0 0; }
.caption p { color:#666; font-size:85%; line-height:1.4em; margin:2px 0; }

/*columns*/
.grid1 { margin:0; padding-bottom:30px; overflow:hidden; }
.grid2, .grid3, .grid3right { margin:30px 0; padding-bottom:30px; overflow:hidden; width:100%; }
.col { overflow:hidden; }
.grid1 .col { height:auto; width:100%; }
.grid2 .col { height:auto; width:45%; }
.grid2 .col.wide { border:0; width:60%; }
.grid2 .col.narrow { width:30%; }
.grid2 .col.x-wide { border:0; width:70%; }
.grid2 .col.x-narrow { width:20%; }
.grid3 .col { height:auto; width:28.6%; }
.grid3right .col { height:auto; width:360px; }
.grid2 .col.first { padding: 0 30px 0 0; }
.grid2 .col.last { padding: 0 0 0 30px; }
.grid3 { background:url(/images/hr.png) no-repeat bottom; margin:0; padding:0 0 60px; }
.grid3 .col { float:left; width:300px; }
.grid3 .col.first { }
.grid3 .col.center { margin-left:30px; }
.grid3 .col.last { margin-left:30px; }
.grid3 .col.span2 { width:630px; }
.grid3right .first { margin:0 15px; width:18%; }
.grid3right .center, .grid3right .last { padding:0 15px; width:34%; }
.grid2 .first, .grid3 .first, .grid3 .center { }
.grid3right .last { }
.grid4 { height:auto; margin:0; overflow:hidden; }
.grid4 ul { margin:0; } /*Changed 9/22/09 -AS */
.grid4 .colspan2 { float:left; height:auto; margin-right:30px; overflow:hidden; width:480px; }
.grid4 .col1, .grid4 .col2, .grid4 .col3, .grid4 .col4 { float:left; height:auto; margin: 0; overflow:hidden; width:210px; }
.grid4 .col1, .grid4 .col2, .grid4 .col3 { margin-right:30px; }
.grid4 .col1 { margin-left:30px !important; }
.grid_end { clear:both; }
.col .callout .left { margin:5px; }
.first { float:left !important; }
.center { float:left !important; }
.last { float:left !important; }

/*headings*/
br { }
hr { }
h1 { color:#555; font-size:2em; font-weight:bold; line-height:1.2em; padding-bottom:30px; }/*Change requested by Fnzo 09/17/2009*/
h2 { color:#555; font-size:1.6em; font-weight:bold; line-height:1.8em; }/*Change requested by Fnzo 09/21/2009*/
h3 { color:#333; font-size:100%; font-weight:bold; }
h4{ color:#333; font-size:0.85em; font-weight:bold; margin-top:10px; }
h5, h6 { color:#000; font-size:0.75em; line-height:0.8em; }

/*text*/
p { color:#666; font-size:0.9em; line-height:1.7em; margin:0.25em 0 0.75em 0; } /* Changed 9/21/09 -AS */
p.bottom { padding-bottom:30px; } /*last p in a group, e.g. after a floated image/figure*/
acronym { }
address { }
caption { }
code { }
cite { }
del { }
em { }
ins { }
q { }
small { }
strong { font-weight:bold !important; }
sub { }
sup { }
/*links*/
a { color:#999; cursor:pointer; text-decoration:underline; } /*Change requested by Fnzo 09/17/2009*/
a:hover { color:#0a0; } /*Change requested by Fnzo 09/17/2009*/
a:active { color:#0a0; } /* Changed 9/21/09 -AS */
a:visited { color:#070; }

/*images*/
img { border:0; margin:0; padding:0; } /* Changed 9/21/09 -AS */
img.breakout.left { position:absolute; left:0; } /*images that break out of their container*/
img.breakout.right { position:absolute; right:0; }
/*sections that require normal list behavior*/
#page ul, #page ol { margin:1em 2em; }
#page li { background:url(/images/li.png) no-repeat 0 0.45em; font-size:0.8em;  line-height:2em; padding-left:16px; }
#footer ul, #footer ol { margin:0; }
#footer li { background:url(/images/li.png) no-repeat 0 0.45em; line-height:2em; padding-left:16px; }
/*sections that should have no list behavior*/
#snbSection li { background:none; padding:0; margin:0 2px; } /*for drawer script*/
ul.tabs-nav { margin:0 !important } /*for AJAX tabs script*/
li.tabs-li { background:none; padding:0 !important; }

/*definition lists*/
#page dl{font-size:0.85em; height:auto; line-height:1.3em; margin-left:20px;overflow:hidden; width:100%;}
#page dt{float:left; font-weight:bold;; margin:6px 0; width:19%;}
#page dd{float:left; margin:6px 0;; width:80%;}

/*page meta*/
.meta { border-top:1px solid #ccc; border-bottom:1px solid #ccc; clear:both; height:auto; padding:0 0 4px; }
.categories { float:right; font-size:0.8em; height:10px; }
.pageActions { height:18px; overflow:hidden; padding:0; width:240px; }
.pageActions div { background: url(/images/icons.gif) no-repeat top left; float:left; }
.pageActions .arrow, .pageActions .arrowDown, .pageActions .facebook, .pageActions .print, .pageActions .rss, .pageActions .twitter, .pageActions .email { margin:4px 8px 8px 0; padding:0; }
.pageActions .arrow { background-position: 0 -700px; }
.pageActions .arrowDown { background-position: 0 -738px; }
.pageActions .facebook { background-position: 0 0; }
.pageActions .print { background-position: 0 -36px; }
.pageActions .rss { background-position: 0 -72px; }
.pageActions .twitter { background-position: 0 -108px; }
.pageActions .email { background-position: 0 -140px; }
.pageActionsOpen { font-size:0.75em; list-style-type:none; margin:10px 0 0 0 !important; padding:0; }
.pageActionsOpen li { display:inline; }
.pageActionsOpen a, .pageActionsOpen div a:visited { color:#777; text-decoration:none; }
.pageActionsOpen a:hover, .pageActionsOpen a:active { color:#093; }
.pageActionsOpen .facebookLg, .pageActionsOpen .printLg, .pageActionsOpen .rssLg, .pageActionsOpen .twitterLg, .pageActionsOpen .emailLg, .pageActionsOpen .bookmarkLg { background: url(/images/icons.gif) no-repeat; height:80px; margin:0; text-transform:lowercase; }
.pageActionsOpen .facebookLg a, .pageActionsOpen .printLg a, .pageActionsOpen .rssLg a, .pageActionsOpen .twitterLg a, .pageActionsOpen .emailLg a, .pageActionsOpen .bookmarkLg a {  }
.pageActionsDivider { background:#aaa; height:75px; margin:0 15px; }
.pageActionsOpen .facebookLg { background-position: 0 -181px; }
.pageActionsOpen .facebookLg:hover { background-position: -60px -181px; }
.pageActionsOpen .printLg { background-position: 0 -286px; }
.pageActionsOpen .printLg:hover { background-position: -60px -286px; }
.pageActionsOpen .rssLg { background-position: 0 -390px; }
.pageActionsOpen .rssLg:hover { background-position: -60px -390px; }
.pageActionsOpen .twitterLg { background-position: 0 -493px; }
.pageActionsOpen .twitterLg:hover { background-position: -60px -493px; }
.pageActionsOpen .emailLg { background-position: 0 -598px; }
.pageActionsOpen .emailLg:hover { background-position: -60px -598px; }
.pageActionsOpen .bookmarkLg { background-position: 0 -766px; }
.pageActionsOpen .bookmarkLg:hover { background-position: -60px -766px; }
.pageActionsOpen a[target] { padding:0; } /*override a[target] default*/

/*forms*/
#page form {height:auto; margin:0 auto; overflow:hidden; width:auto}
#page fieldset {background:#eee url(/images/fieldset_bg.gif) left top repeat-x; border:solid 1px #ccc; margin:20px 0; padding:12px 16px 4px 16px; *padding-top:0}/*Corrects padding in IE*/
#page legend {background:transparent; font-size:1.2em; font-weight:bold; padding:0 5px; *padding-bottom:8px}/*Fix padding inconsistency with IE*/
#page label {float:left; font-size:0.9em; padding:0}
#page label.required {font-weight:bold}
#page input, textarea {background:#fff url(/images/form_bg.gif) repeat-x; border:1px solid #b1b0b0; font-size:0.9em; margin-bottom:12px; margin-right:25px; padding:4px}
#page fieldset ul { border:0; margin:0 !important; }
#page fieldset li { background:none !important; padding:0 4px !important; list-style-type:none; float:left; }
#page ul.radio li input { background:none; border:0; float:left; margin:4px !important; }
*ul.radio li input { position:relative; top:-8px} /*IE positioning hack*/
*#page fieldset small{position:relative; top:-12px;} /*IE positioning hack*/
#page input:focus {border:1px solid #333}
#page .required input {border:1px solid #807e7e}
#page .required input:focus {border:1px solid #333}
#page select {margin-right:23px}
#page option {line-height:2em}
#page textarea {width:90%}
#page .form_submit {clear:both; *margin-top:20px} /*Corrects inconsistency with IE*/
#page .form_button {background: url(/images/form_btn.gif) left top no-repeat; border:none; height:34px; margin-right:10px; width:85px}
#page .form_button:hover {color:#090}
#page .form_button:active, #page .form_button:focus{border:none; background-position:0 -34px; outline:none}

/*tables*/
table { font-size:0.85em; height:auto; margin:6px 0; width:100%; }
tfoot {font-size:0.8em}
tfoot th { background:none; color:#777; font-weight:normal; }
th { background:#0062c8 url(/images/table_glow.png) repeat-x; color:#fff; font-weight:bold; padding:6px; }
th.first { -moz-border-radius-topleft:10px; -webkit-border-radius-topleft:10px; float:none !important; } /*for modern browsers*/
th.last { -moz-border-radius-topright:10px; -webkit-border-radius-topright:10px; float:none !important; } /*for modern browsers*/
th.tsh { background:#6ae url(/images/table_glow.png) repeat-x; color:#fff; }/*creates a sub-header*/
tr { background:#fff; }
tr.alt { background:#d2eeff url(/images/table_glow.png) repeat-x; }
td { padding:6px; vertical-align:top; }
tr td { border-right:1px solid #eee; }
tr.alt td { border-right:1px solid #ccc; }
td.last { border:0 !important; padding:6px !important; } /*override class' padding and borders*/
col.first, col.center { border-right:1px solid #eee; }
col.last { }
th.num, td.num { text-align:right; } /*properly align numberic data*/
tr.total { font-weight:bold; } /*styling for total numeric values*/
table caption { caption-side:bottom; color:#666; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:oblique; margin:0; padding:0; text-align:right; }
table[summary]:after { caption-side:bottom; color:#666; content:attr(summary); display:table-caption; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:oblique; text-align:right; } /*auto generate captions from summary at bottom; test in IE first*/

/*multimedia page*/
.multimedia h2 { color:#036; font-size:1.2em; font-weight:normal; line-height:1.8em; }
.multimedia h3 { color:#666; font-size:1.0em; font-weight:normal; }
.multimedia .grid2 { border:0; padding:0; }
.multimedia .grid2 .col.first { margin: 0 20px 0 0; overflow:hidden; padding:0; }
.multimedia .grid2 .col.last { margin: 0 0 0 20px; overflow:hidden; padding:0; }
.multimedia img.screencap { margin-right:20px; margin-bottom:20px;}
.multimedia p { color:#999; font-size:0.8em; line-height:1.4em; }
.multimedia p a.link { color:#093; }
.multimedia p span.filesize { color:#333; }

/*tools*/
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.nomargin {margin:0 !important;}
.notopmargin{margin-top:0}
.norightmargin{margin-right:0}
.nobottommargin{margin-bottom:0}
.noleftmargin{margin-left:0}
.nopadding { padding:0 !important; }
.width38 {width:38px} 
.width60 {width:60px}
.width100 {width:100px}
.width116 {width:116px}
.width240 {width:240px}
.width320{width:320px}
.width440{width:440px}
.width515 {width:515px}
.width600 {width:600px}
.phone { font-weight:bold; }

@media print {
body { background:#fff; color:#666; font:14pt/16pt "Times New Roman", Times, serif; width:100%; }
#nav, #actions, #actions li.navSearch label, #pageNav, #breadcrumbs, #footer, #copyright span, .meta, #twitterDrawer { display:none !important; height:0; width:0; } /*remove these for printing*/
/*changes*/
#header { margin:0; padding:0; }
#logo { height:100px; margin:0; padding:0 0 20px 0; width:220px; page-break-after:avoid; }
#content { background:transparent; margin:0; overflow:visible; width:100%; }
#page { background:#fff; clear:both; margin:0 auto; overflow:visible; padding:0; position:relative; width:700px; }
#copyright { border-top:1px solid #999; font-family:Arial, Helvetica, sans-serif; font-size:8pt; height:auto; margin:0; padding:0; width:100%;}
h1 { color:#555; font-size:24pt; font-weight:bold; line-height:20pt; text-transform:uppercase; }
h2 { color:#555; font-size:16pt; line-height:1.2em; }
h3 { color:#333; font-size:12pt; font-weight:bold; }
h1,h2,h3 { font-family:Arial, Helvetica, sans-serif; }
h4,h5,h6 { color:#000; font-size:12pt; line-height:0.8em; }
p { margin:0.25em 0 0.75em 0; }
a, a:link, a:visited { color:#666; text-decoration:underline; }
img { border:0; margin:0; padding:0; }
/*callouts,figues,tables,grids - not done yet */
.intro { font-size:1.2em; overflow:hidden; line-height:2em; width:100%; }
.callout { background:#fff; color:#666; margin:20px 0; padding:20px 30px; }
.intro.callout { color:#444; padding:0; position:relative; } /* Changed 9/21/09 -AS */
.grid1, .grid2, .grid3, .grid4, .col {  overflow:visible;}
table { font-size:0.85em; height:auto; margin:6px 0; width:100%; }
th { background:#666 url(/images/table_glow.png) repeat-x; color:#fff; font-weight:bold; padding:6px; }
th.first { -moz-border-radius-topleft:10px; -webkit-border-radius-topleft:10px; float:none !important; } /*for modern browsers*/
th.last { -moz-border-radius-topright:10px; -webkit-border-radius-topright:10px; float:none !important; } /*for modern browsers*/
th.tsh { background:#ccc url(/images/table_glow.png) repeat-x; color:#333; }/*creates a sub-header*/
tr { background:#fff; }
tr.alt { background:#eee url(/images/table_glow.png) repeat-x; }
td { padding:6px; }
tr td { border-right:1px solid #eee; }
tr.alt td { border-right:1px solid #ccc; }
td.last { border:0 !important; padding:6px !important; } /*override class' padding and borders*/
col.first, col.center { border-right:1px solid #eee; }
col.last { }
th.num, td.num { text-align:right; } /*properly align numberic data*/
tr.total { font-weight:bold; } /*styling for total numeric values*/
table caption { caption-side:bottom; color:#666; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:oblique; margin:0; padding:0; text-align:right; }
table[summary]:after { caption-side:bottom; color:#666; content:attr(summary); display:table-caption; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:oblique; text-align:right; } /*auto generate captions from summary at bottom; test in IE first*/

/*forms*/
form#aspnetForm{ overflow:visible; width:700px; }
form { font-size:0.85em; height:auto; margin:0 auto; }
fieldset { background:#fff; border-bottom:1px solid #eee; margin:16px 0; }
legend { font-size:1.6em; font-weight:bold; }
label { border:1px solid transparent; float:left; padding:8px; margin:8px 4px; width:200px; }
label.required { font-weight:bold; }
input, textarea { background:#eee; border:1px solid #000; padding:4px;}
.required input { border:1px solid #666; }
option { line-height:2em; }
textarea { width:90%; }
.button { display:none; }
}