/*
*************************************************

EECM
General Screen Styles

Created by
http://www.ugeideas.com

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; color: #111;  }
body { background: url(../images/body-bk.jpg) top left repeat-x #44005e; }

h1 { font: bold 1.5em/1.25 Verdana, Arial, Helvetica, sans-serif; color: #3b3a3a; margin-bottom: .25em; padding-top: .75em;}
	h1 span.subhead { font-size: .687em; color: #BDD600; padding-top: 0;  }
	div#header h1 { font: .875em/1.25 Verdana, Arial, Helvetica, sans-serif; margin-bottom: .75em; margin-left: 250px; width: 612px; padding-top: 65px;}
		div#header h1 span.large { font: bold 17px/1 Verdana, Arial, Helvetica, sans-serif; color: #3b3a3a;}
		div#header h1 a { margin-left: 500px; margin-top: .75em; }
h2 {font: bold 1.25em/1.25 Verdana, Arial, Helvetica, sans-serif; color: #44005e; margin: .75em 0; border-bottom: 1px solid #ccc; }
h3 { font: bold 1em/1.25 Verdana, Arial, Helvetica, sans-serif; color: #333; margin: .5em 0 .75em 0; }


a, #main a cite, a * { color: #43005F; text-decoration: underline; }
a:hover, a:focus, #main a:hover cite, #main a:focus cite, a:hover *, a:focus * { color: #bed600; }

abbr, acronym { border: none; }

p, p strong, p em, li { color: #222; }
p, .style1 { margin: 0 auto .75em auto; font: .75em/1.5 Verdana, Arial, Helvetica, sans-serif; }
	p.center { text-align: center; }
dd {  }
strong { font-weight: bold; }
em { font-style: italic; }
strong, em { line-height: 1.5; }

blockquote {  }
blockquote cite { font-style: italic; }

img { display: block; }

dfn { font-style: normal; }

ol.list, ul.list { margin: .75em 1em; }
	ol.list li { list-style: decimal; padding:.25em 0 .25em .25em; margin-left:1em; font: .75em/1.5 Verdana, Arial, Helvetica, sans-serif;}

	ul.list li {list-style:outside url(../images/bullet.gif); padding:.25em 0 .25em .25em; margin-left:1em; font: .75em/1.5 Verdana, Arial, Helvetica, sans-serif;}
		ul.list li ul { margin-left: 1em; }
		ul.list li ul li { font-size: 100%; }
		
	ul.paragraphs {}
	ul.paragraphs li { overflow:auto; margin-top: .75em; }

	ul.address { margin: .75em 1em; }
		ul.address li {padding: 0 .25em; margin-left:1em; font: .75em/1.5 Verdana, Arial, Helvetica, sans-serif;}

/*-------------------------------------------    
    Header
-------------------------------------------*/
#header { width: 910px; background:url(../images/header-bk2.png) top left no-repeat; height: 235px;  }
div#logo { width: 194px; height: 145px; position: relative; top: -135px; left: 30px; }
div#logo a { width:194px; height: 145px; }
	div#logo img { position: absolute;  }


/*-------------------------------------------    
    Navigation and Sub-Navigation
-------------------------------------------*/

ol#skipto { position: absolute; left: -999em; }

ol#nav { border: 6px solid #bed600; width: 226px;  margin: 10px; float: left; background-color: #fff;}
	ol#nav li {  }
		ol#nav li a { border-bottom: 1px solid #ccc; text-decoration: none; font: .875em Verdana, Geneva, sans-serif; color: #666; display: block; padding: .5em .5em .5em 11px; }
		ol#nav li ol { position: absolute; left: -999em; display: none; font-size: .75em; border: 2px solid #BED600; background-color: #fff; }
			ol#nav li ol li a {  }
			ol#nav li:hover ol, ol#nav li.sfhover ol { left: 250px; margin-top: -30px; display: list-item;}
	ol#nav li a:hover { background:url(../images/nav-rollover.gif) left no-repeat #ccc; }
	
		ol#nav li#static ol { display: list-item; position: relative; left: 0; margin-left: 15px; border: none; }
			ol#nav li#static:hover ol, ol#nav li#static.sfhover ol { left: 0; margin-top: 0; display: list-item;}

/* Fix IE. Hide from IE Mac \*/
* html ol#nav li { float: left; }
* html ol#nav li a { height: 1%; }
/* End */


/*-------------------------------------------    
    Structure
-------------------------------------------*/
#container { width: 930px; margin: .5em auto 0 auto; background: url(../images/container-bk.png) top left repeat-y; min-height: 650px; padding-left: 10px; padding-top: 10px; position: relative; clear: both; overflow: auto }

#hp_flash { margin-top: 10px; }

div#leftColumn { width: 260px; float: left; }

div#col-beta { float: right; width: 30%; margin: 0 5em; }

#donate { border-top: 1px solid #6c6c6c; border-bottom: 1px solid #6c6c6c; float: left; }
	#donate.homepage { width: 910px; height: 67px; background:url(../images/donate-bk.jpg) top left no-repeat; }
	#donate.content_pages { width: 260px; min-height: 200px; border: none;  }
		
	#donate a#donate_btn { margin-left: 20px; margin-top: 5px; width: 220px; height: 59px; background: url(../images/donate-btn.png);}
		#donate a#donate_btn img { display: none; }
		#donate a#donate_btn:hover { background: url(../images/donate-btn-over.png); }
			#donate.homepage a#donate_btn { float: left; }
			#donate.content_pages a#donate_btn { float: left; margin-bottom: 10px;}
		
	#donate p { font: .875em/1.5 Verdana, Geneva, sans-serif; color: #333; }
		#donate.homepage p { width: 612px; margin-top: 15px; margin-left: 260px; }
		#donate.content_pages p { margin-left: 20px;  }
		
	ul#donate_btns { width: 450px; margin: 1em auto; overflow: auto; }
		ul#donate_btns li { float: left; width: 191px; margin: .5em; }

#content { background: url(../images/content-bk.jpg) top left no-repeat; }
	#content.homepage { width: 910px; }
	#content.content_pages { background: none; width: 600px; margin-left: 280px;  }
	
div#three_columns { clear: both; overflow: auto; width: 910px; }
	div#three_columns div.column { float: left; width: 281px; background: url(../images/column-bk.jpg) top center no-repeat; margin: .687em;}
		div#three_columns div.column h2 {padding: .5em 0 .25em 0; margin-left: .5em; margin-right: .5em; margin-bottom: 0;  }
		div#three_columns div.column p, div#three_columns div.column ul { padding: .5em 0 .25em 0; margin-left: 1em; margin-right: 1em; }
		div#three_columns div.column ul { list-style: disc; }
			div#three_columns div.column ul li  { font: .75em/1.5 Verdana, Geneva, sans-serif; margin-left: 25px; margin-bottom: .75em; } 
			
ol.twoColumns { width: 100%; margin: 1em 0; overflow: auto; }
	ol.twoColumns li.columns { width: 40%; float: left; margin: 0 1em; }

#footer { width: 930px; margin: 0 auto; padding-left: 10px; min-height: 50px; background:url(../images/footer-bk.png) top left no-repeat #430061; clear: both;}

ol#address { list-style: none; padding-top: 1.5em; padding-bottom: 25px; }
	ol#address li { display: inline; color: #fff; font: .687em Verdana, Geneva, sans-serif;}
		ol#address li.otherlinks { margin-left: 125px; }
		ol#address li a { color: #fff; }
			ol#address li a:hover { color: #8CD90F; }

div.video { width: 500px; margin: 1em auto; display: block; }

.right { float: right; margin: 0 1em 1em 1em; }
.left { float:left; margin:  0 1em 1em 1em; }
.center { display: block; margin: 1em auto; }


table.nopadding {}
	table.nopadding td { padding: 0; }

hr { width: 80%; color: #C0D53C; margin: 1em auto; }

/*-------------------------------------------    
    Forms
-------------------------------------------*/

fieldset { margin: .75em 0;}
	legend { font: bold .687em Verdana, Geneva, sans-serif; color: #666; padding: .5em; }
		legend em { font: italic 100% Verdana, Geneva, sans-serif; color: #666; padding: .5em; }
	ol.form { list-style: none; margin: 0; overflow: auto; width: 500px; margin-left: 0px; font-size: 100%;}
		ol.form li { margin: .2em; padding: .2em;  border-bottom: 1px solid #ccc; width: 450px; font-family:Arial, Helvetica, sans-serif; overflow: auto;}
		ol.form li label {color: #7A8A31; padding: 3px 0 0 0; float: left; font: bold .75em Arial, Helvetica, sans-serif; width: 180px; text-align: right; margin-right: .5em;}
fieldset.order { margin: .75em 0; padding: 0 1em .5em 0; float: left;}
		fieldset.order ol.form { list-style: none; margin: 0; width: 450px; margin-left: 0px; font-size: 100%; }
		
	ol.checkboxes { list-style: none; margin: 0; padding-left: 10em; width: 300px; font-size: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } 
		ol.checkboxes li { margin: .2em; padding: .2em; font-family:Arial, Helvetica, sans-serif; }
			ol.checkboxes li ol { margin-left: 1em; }
			ol.checkboxes li label {color: #7A8A31; padding: 3px 0 0 0; font: bold .75em Arial, Helvetica, sans-serif;  }
			ol.checkboxes li input { float: left; margin: .25em;}
			
		fieldset.order ol.form li, fieldset.order ol.checkboxes li { margin: .25em; padding: .2em; float: left; border-top: 1px solid #ccc; width: 130px; border: none; }
		fieldset.order ol.form li label { width: 100px; float: right; text-align: left; padding: 0 .25em; }
		fieldset.order ol.form li input { float: left; }
	input.submit { margin: .5em 0 .5em 150px; }

/*Gmaps*/
#map_canvas {width:370px;height:300px;border:solid 2px #5449AF;}
#route {width:360px;border:solid 2px #eee;}
	#route table {font:.687em Arial, Helvetica, sans-serif;color:#666;}
	#route div {font:1em Arial, Helvetica, sans-serif;color:#666;}

/*Lightbox*/
div#lbContent {width:260px;height:300px;background: url(../../other%20stuff/PGH%20Connect/images/dir_bg.gif) top left repeat-x;margin:0 auto;padding:20px;border:solid 5px #0A365B;}
#lightbox form {margin-left:0 !important;}
#lightbox.done {background:none;border:none;}
#lightbox ul li label {margin-bottom:2px;display:block; color:#fff;}
#lightbox {font:bold .750em Verdana, Arial, Helvetica, sans-serif;color:#fff;}
#lightbox ul, #lightbox form {text-align:center;}
#lightbox form ul li {margin:10px 0; list-style:none !important;}
#lightbox input {padding:4px;font-size:1.13em;color:#0673B6;width:200px;}
#lightbox select {font-size:1.13em;color:#0673B6;width:210px;}
#lightbox option {font-size:1.13em;color:#0673B6;width:180px;}
#lightbox h2{margin:0 auto 1em auto;font-size:1.125em; color:#fff; width:260px;}
#lightbox h3{color:#FF713F; color:#fff;}
#lightbox.done p {color:#fff;}
#lightbox p a {color:#fff;}
.highlight{background: url(../../other%20stuff/PGH%20Connect/images/dir_bg.jpg) top left repeat-x;}