/* 9/22/2009 | Trevor Davis | IBEW District 4 Screen Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body { background: #333; color: #fff; font: 13px/18px Arial, sans-serif; }
h1 { color: #333; font-size: 30px; line-height: 30px; }
h2, h4 { color: #ee9700; }
h2 { font-size: 20px; line-height: 25px; }
h3, h4 { font-weight: normal; margin-bottom: 6px; }
h3, h5, h6 { color: #333; }
h3 { font-size: 19px; line-height: 24px; }
h4 { font-size: 17px; line-height: 22px; }
h5, h6 { font-size: 14px; line-height: 19px; margin-bottom: 6px; }

a { color: #333; }
a:visited { color: #666; }
a:hover { text-decoration: none; }
img { border: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol { margin-left: 36px; }
input, textarea, select { color: #7a7a7a; font: inherit; }

/*****Custom Classes*****/
.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.screenReader, .flash-replaced .alt { display: block; left: -9999px; position: absolute; top: -9999px; }
.leftSide { float: left; margin: 0 10px 10px 0; }
.rightSide { float: right; margin: 0 0 10px 10px; }
.centered { display: block; margin: 0 auto 16px; }
.deemphasize { color: #333; font-size: 13px; font-style: normal; font-weight: normal; }
.definition { color: #333; cursor: pointer; font-style: normal; text-decoration: underline; }
.definition:hover { text-decoration: none; }
.secondary { text-align: right; }
.half { width: 48%; }
.leftSide.half { margin-right: 0; }
.rightSide.half { margin-left: 0; }
.third { float: left; margin-right: 2%; width: 31%; }

/*****Basic Layout*****/
#container { margin: 0 auto; overflow: hidden; padding: 16px 0; width: 960px; }
#header { float: left; width: 100%; }
#contentContainer { clear: both; float: left; margin-top: 12px; width: 628px; }
.noSidebar #contentContainer { width: 100%; }
#secondaryNav { float: left; margin: 33px 0 0; padding: 0 0 0 3px; width: 117px; }
#content { float: right; width: 463px; }
.noSidebar #content { width: 795px; }
#content .container { background: #fff; color: #333; overflow: hidden; padding: 16px; }
#sidebar { float: right; margin-top: 12px; width: 314px; }
#footer { 
	background: url(/images/template/footer-top.png) repeat-x;
	clear: both;
	float: left;
	margin-top: 13px;
	padding: 13px 11px;
	width: 938px;
}

/*****Header*****/
.utilityNav { float: right; list-style: none; margin: 0; text-align: right; }
.utilityNav li { 
	background: url(/images/template/utility-separator.png) no-repeat 100% 60%;
	float: left;
	font-size: 11px;
	line-height: 15px;
	margin-right: 7px;
	padding-right: 9px;
	text-align: right;
}
.utilityNav .last, .utilityNav .resizer { background: none; margin-right: 0; padding-right: 0; }
.utilityNav .resizer { margin-left: 26px; }
.utilityNav a, .utilityNav a:visited { color: #e1e1e1; }
.utilityNav .resizer ul { display: inline; list-style: none; margin: 0; }
.utilityNav .resizer li { 
	background: none; 
	display: inline; 
	font-size: 13px; 
	margin-right: 5px; 
	padding-right: 0; 
}
.utilityNav .resizer .medium { font-size: 16px; }
.utilityNav .resizer .large { font-size: 18px; margin-right: 0; }
.utilityNav .resizer a { text-decoration: none; }
.small .utilityNav .resizer .small, .medium .utilityNav .resizer .medium, .large .utilityNav .resizer .large { border-bottom: 1px solid #fff; }

#header #logo { 
	clear: both;
	display: block;
	float: left;
	font-size: 12px;
	height: 31px;
	line-height: 16px;
	margin: 31px 0 0;
	overflow: hidden;
	position: relative;
	width: 473px;
}
#header #logo span {
	background: url(/images/template/logo.png) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#header #searchForm { clear: right; float: right; margin: 32px 0 0; }
#header #searchForm p { margin: 0; }
#header #searchForm #keyword { border: 1px solid #881d4f; padding: 2px 3px; width: 165px; }
#header #searchForm #searchSubmit { 
	background: none;
	border: none;
	color: #e1e1e1;
	cursor: pointer;
	padding: 0 0 0 3px;
	vertical-align: middle;
}

#header .nav { 
	clear: both;
	float: left;
	list-style: none;
	margin: 18px 0 0;
	width: 100%;
}
#header .nav li { float: left; width: 240px; }
#header .nav a {
	display: block;
	height: 22px;
	overflow: hidden;
	position: relative;
	width: 240px;
}
#header .nav span {
	background: url(/images/template/nav.png) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#header .nav .benefits span { background-position: -240px 0; }
#header .nav .forms span { background-position: -480px 0; }
#header .nav .contacts span { background-position: -720px 0; }
#about #header .nav .about span, #header .nav .about a:hover span { background-position: 0 -22px; }
#benefits #header .nav .benefits span, #header .nav .benefits a:hover span { background-position: -240px -22px; }
#forms #header .nav .forms span, #header .nav .forms a:hover span { background-position: -480px -22px; }
#contacts #header .nav .contacts span, #header .nav .contacts a:hover span { background-position: -720px -22px; }

/*****Breadcrumbs******/
#breadCrumbs { 
	float: left;
	font-size: 12px;
	font-weight: bold;
	list-style: none;
	margin: 2px 0 6px;
	width: 100%;
}
#breadCrumbs li { background: url(/images/template/breadcrumb-separator.png) no-repeat 100% 60%; float: left; margin-right: 4px; padding-right: 9px; }
#breadCrumbs .current { background: none; margin-right: 0; padding-right: 0; }
#breadCrumbs a { color: #ee9700; }

/*****Left Column*****/
#secondaryNav .nav { font-size: 14px; list-style: none; margin: 0; }
#secondaryNav .nav li { margin-bottom: 8px; }
#secondaryNav .nav ul { list-style: none; margin: 0 0 0 22px; }
#secondaryNav .nav a, #secondaryNav .nav .current ul a, #secondaryNav .nav .current ul .current ul a { color: #ee9700; display: block; }
#secondaryNav .nav .current a, #secondaryNav .nav .current ul .current a, #secondaryNav .nav .current ul .current ul .current a { color: #fff; }
#secondaryNav .nav .current a { margin-bottom: 8px; }
#secondaryNav .nav .current ul a { margin-bottom: 0; }

/*****Content*****/
.sectionHeading { color: #fff; font-size: 30px; line-height: 30px; }
#about .sectionHeading { background: url(/images/template/section-about.png) no-repeat 0 50%; padding-left: 30px; }
#benefits .sectionHeading { background: url(/images/template/section-benefits.png) no-repeat 0 40%; padding-left: 30px; }
#forms .sectionHeading { background: url(/images/template/section-forms.png) no-repeat 0 50%; padding-left: 30px; }
#contacts .sectionHeading { background: url(/images/template/section-contacts.png) no-repeat 0 50%; padding-left: 30px; }

#about #content .container h1, #about #content .container h2, #about #content .container h4 { color: #8C1C4A; }
#benefits #content .container h1, #benefits #content .container h2, #benefits #content .container h4 { color: #E78600; }
#contacts #content .container h1, #contacts #content .container h2, #contacts #content .container h4 { color: #6B8A31; }
#forms #content .container h1, #forms #content .container h2, #forms #content .container h4 { color: #0082A5; }

#content img { border: 1px solid #4d4d4d; border-color: #434343 #525252 #4d4d4d #3b3b3b;  }
#content ul { list-style: none; margin-left: 0; }
#content ul li, #content .toggle li ul li { background: url(/images/template/content-ul-li.png) no-repeat 0 0.5em; padding-left: 8px; }
#content ul ul, #content ol ul { margin: 0 0 0 27px; }
#content ul ul li, #content ol ul li { background: url(/images/template/content-ul-ul-li.png) no-repeat 0 0.7em; padding-left: 12px }
#content ol { margin-left: 47px; }
#content blockquote { color: #f2ad36; font-size: 19px; line-height: 32px; margin: 0 47px; }
#content dt { font-weight: bold; }
#content dd { background: url(/images/template/content-ul-ul-li.png) no-repeat 0 0.7em; font-style: italic; padding-left: 8px; }
table td, table th, table caption { background: #fff; padding: 5px 4px; text-align: left; vertical-align: top; }
table caption { background: #f2ad36; border-bottom: 5px solid #fff; color: #fff; font-weight: bold; text-transform: uppercase; }
table thead th, table .even th, table .even td { background: #f9e7cc; }
table td ul { margin-top:0; padding-top:0; }
table.more-ways-save td { border-bottom:1px solid #313031; padding-bottom:5px; }
#about table caption { background: #881d4f; }
#about table thead th, #about table .even th, #about table .even td { background: #e7d2dc; }
#contacts table caption { background: #6d8a31; }
#contacts table thead th, #contacts table .even th, #contacts table .even td { background: #e2e8d6; }
#forms table caption { background: #0080a4; }
#forms table thead th, #forms table .even th, #forms table .even td { background: #cce6ed; }

#content .listing { list-style: none; }
#content .listing li { background: none; margin-bottom: 18px; padding-left: 0; }

#content .tools { float: right; font-size: 10px; line-height: 19px; margin: 0; }
#content .tools li { background: none; float: left; }
#content .tools a { color: #e1e1e1; display: block; }
#content .tools .print a { background: url(/images/template/print.png) no-repeat; padding-left: 22px; }

#content .forms { list-style: none; margin-left: 0; }
.forms li { padding: 5px; overflow: hidden; }
.forms label { cursor: pointer; display: block; font-weight: bold; }
.forms .inline label { display: inline; }
.forms input { width: 300px; }
.forms .inline input, .forms .buttons input { width: auto; }
.forms textarea { height: 225px; width: 400px; }
.forms .buttons input { cursor: pointer; }

#content #comments { border-top: 2px solid #E1E1E1; list-style: none; margin-left: 0; }
#comments li { border-bottom: 2px solid #E1E1E1; overflow: hidden; padding: 10px 5px; }
#comments .alt { background: #efefef; }
#comments .commentMeta { float: left; margin-left: 0; padding: 0; width: 100%; }
#comments .commentMeta li { background: none; border: none; float: left; padding: 0; }
#comments .commentMeta .author { margin-right: 10px; }
#comments .commentMeta .date { font-size: 11px; line-height: 24px; margin-top: 3px; }
#comments .comment { clear: both; }
#comments .comment ul { margin: 0 0 18px; }
#comments .comment ol { list-style: decimal; margin: 0 0 18px 26px; }
#comments .comment li { border: none; overflow: visible; padding: 0 0 0 20px; }
#comments .comment ol li { padding-left: 0; }

#content .toggle li { background: url(/images/template/collapse.png) no-repeat -9999px -9999px; margin-bottom: 10px; padding-left: 0; }
#content .toggle ol { margin-bottom: 0; }
#content .toggle ol li { background: none; margin-bottom: 0; }
#content .toggle .expand, #content .toggle .collapse { 
	background: url(/images/template/expand.png) no-repeat 0 0.4em; 
	color: #333;
	cursor: pointer; 
	font-size: 17px;
	font-weight: normal;
	line-height: 22px;
	margin-bottom: 6px;
	padding-left: 20px;
	text-decoration: underline;
}
#content .toggle .collapse { background-image: url(/images/template/collapse.png); }
#content .toggle .expand:hover, #content .togggle .collapse:hover { text-decoration: none; }
#about #content .container .toggle h2, #about #content .container .toggle h4, #benefits #content .container .toggle h2, #benefits #content .container .toggle h4, #contacts #content .container .toggle h2, #contacts #content .container .toggle h4, #forms #content .container .toggle h2, #forms #content .container .toggle h4 { color: #333; }
#content .toggle .content { background: #efefef; border: 1px solid #e1e1e1; padding: 10px; }

.entry h2 { font-size: 19px; font-weight: normal; line-height: 24px; }

#content .newsletter { float: left; margin: 0; width: 100%; }
#content .newsletter li { background: none; float: left; margin: 0 16px 18px 0; padding-left: 0; }
#content .newsletter img { display: block; }

#content .archives { border: 2px solid #e1e1e1; overflow: hidden; padding: 10px; }
#content .archives h3 { font-size: 14px; font-weight: bold; line-height: 19px; }
#content .archives ul { float: left; margin: 0; width: 100%; }
#content .archives li { background: url(/images/template/utility-separator.png) no-repeat scroll 100% 60%; float: left; margin-right: 5px; padding: 0 7px 0 0; }
#content .archives li:last-child { background: none; margin-right: 0; padding-right: 0; }

#cse-search-results iframe { width: 763px; }

/*****Sidebar*****/
#sidebar .last { margin-bottom: 0; }
#sidebar .section { 
	background: #e1e1e1 no-repeat;
	border: 1px solid #fff;
	color: #333;
	margin-bottom: 9px;
	padding: 10px;
}
#sidebar .section.login { background-image: url(/images/template/section-login.jpg); }
#sidebar .section.blog { background-image: url(/images/template/section-blog.jpg); }
#sidebar .section.how { background-image: url(/images/template/section-howdoi.jpg); }
#sidebar .section.funStuff { background-image: url(/images/template/section-fun-stuff.jpg); }
#sidebar .section h3 { color: #fff; font-size: 22px; line-height: 24px; }
#sidebar .section .inner { margin-top: 34px; overflow: hidden; padding: 0 4px; }

#sidebar #loginForm, #sidebar #loginForm p { margin-bottom: 6px; }
#sidebar .forms { list-style: none; margin: 0; overflow: hidden; }
#sidebar .forms li { margin-bottom: 4px; overflow: hidden; padding: 0; }
#sidebar .forms .together { float: left; }
#sidebar .forms input {
	border: 1px solid #68acef;
	font-size: 12px;
	padding: 1px 5px 2px;
	width: 161px;
}
#sidebar .forms .buttons input, #sidebar .button { 
	background: none;
	border: none;
	color: #282a2b;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	width: auto;
}

#sidebar .inline { list-style: none; margin: 0; overflow: hidden; }
#sidebar .inline li { float: left; margin-right: 18px; }
#sidebar .inline a { color: #282a2b; font-weight: bold; }

#sidebar .blog p { margin-bottom: 12px; }
#sidebar .blog .date { display: block; }
#sidebar .blog .leftSide { margin-bottom: 0; }
#sidebar .blog .more, #sidebar .blog .rss { display: block; font-weight: bold; }
#sidebar .blog .rss { background: url(/images/template/sidebar-rss.png) no-repeat 0 50%; padding-left: 19px; }

#sidebar .listing { list-style: none; margin: 0; }

/*****Footer*****/
#footer a { color: #fff; }
#footer p { float: left; font-size: 12px; margin-bottom: 10px; width: 660px; }

/*****Text Sizing*****/
.medium { font-size: 16px; line-height: 21px; }
.large { font-size: 18px; line-height: 23px; }
/****************TODO: SIZE EVERYTING ELSE*******************/

/*****Home*****/
#home #contentContainer { border: 1px solid #a3a3a3; border-bottom: none; width: 636px; }
#home #content { float: left; height: 646px; position: relative; width: 100%; }
#home .frame { 
	background: no-repeat;
	display: none;
	font-size: 20px;
	height: 361px;
	left: 0;
	line-height: 24px;
	padding: 111px 212px 0 30px;
	position: absolute;
	text-shadow: 2px 2px 3px #333;
	top: 0;
	width: 394px;
	z-index: 10;
}
#home .frame.current { display: block; z-index: 100; }
#home #frame1 { background-image: url(/images/template/home-frame-1.jpg); }
#home #frame2 { background-image: url(/images/template/home-frame-2.jpg); }
#home #frame3 { background-image: url(/images/template/home-frame-3.jpg); }
#home .frame h2 { left: -9999px; position: absolute; }
#home .frame a { color: #fff; }

#home #content .nav { 
	background: #333;
	bottom: 0;
	height: 219px;
	left: 0;
	margin: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: 1000;
}
#home #content .nav li { background: none; float: left; padding: 0; width: 212px; }
#home #content .nav a {
	background: url(/images/template/home-branding-nav.jpg) no-repeat;
	display: block;
	height: 219px;
	overflow: hidden;
	text-indent: -9999px;
}
#home #content .nav #nav2 a { background-position: -212px 0; }
#home #content .nav #nav3 a { background-position: -424px 0; }
#home #content .nav #nav1.current a { background-position: 0 -219px; }
#home #content .nav #nav2.current a { background-position: -212px -219px; }
#home #content .nav #nav3.current a { background-position: -424px -219px; }