@charset "UTF-8";
/* CSS Document */

*/{border: 1px solid black;}

/*GLOBAL*/

body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(images/guardia_bg.jpg); background-repeat:repeat-x; background-color: #CCCCCC; font-family:Arial, Helvetica, sans-serif;}

#content{width: 950px; margin: 0px auto 0px auto;}

#masthead{width: 1500px; height: 263px; margin: 0px 0px 0px -450px; background-image:url(images/masthead.png)}

.logo{ width: 250px; height: 100px; margin: 0px 0px 0px 480px; padding: 115px; border: 0px solid black;}

#stage{width: 950px; height: auto; background-color: #D6D6D6; padding: 0px; margin: 0px 0px 50px 0px; -webkit-box-shadow: 0px 0px 4px #999; -moz-box-shadow: 0px 2px 4px #999; -ms-box-shadow: 0px 2px 4px #999; box-shadow: 0px 2px 4px #999; }

a img{border: 0px}

a:link {text-decoration: none; color: #880000}
a:visited {text-decoration: none; color:#880000}
a:hover {text-decoration: none; color:#880000;}
a:active {text-decoration: none; color:#880000}

#sideGradientleft{width: 5px; height: 600px; background-image:url(images/side_gradient.png);float:left; margin: 0px 0px 0px -5px}
#sideGradientright{width: 5px; height: 600px; background-image:url(images/side_gradient.png);float: right; margin: 0px -5px 0px 0px}

h1{font-size:20px; font-family:Arial, Helvetica, sans-serif;}

h2{height: 18px; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 18px 15px 15px 15px; display:block;}

h4{margin: 5px 0px 8px 0px; color:#770000; font-weight:normal; font-size: 16px; font-family: Times, "Times New Roman", serif;}

h5{font-size: 12px; font-family:"Times New Roman", Times, serif; font-weight:100; color:#888888; margin:0px; padding:0px 0px 5px 0px}

h6{margin: 10px 5px; padding: 0px}

.subHeader{font-size: 14px; color: #444444; line-height: 20px}

p{margin: 2px 2px 2px 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; font-size:12px; line-height: 17px}

.column1{ width: 600px; min-height: 650px; margin: 0px -350px 0px 0px; padding: 0px 350px 25px 0px; background-color: #E8E8E8 ; background-image:url(images/column1_bg.jpg); background-repeat:repeat-x; border: 0px}

.column2{ width: 350px; min-height: 650px; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; background-image:url(images/column2_bg.png); background-repeat:repeat-x; border: 0px;}

.right{float: right;}

.left{float: left}

.red{color: #880000}

.blue{color: #006699;}

.news{ padding: 18px 15px 15px 18px; background-image:url(images/column1_headerBg.jpg); }

.readMore{ margin: 10px 0px 5px 0px; color: #888888; font-size:12px;}

.readMoreLink{color: #006699; font-size:11px}

.readMoreLink:hover{color:#880000}

.storyHeader{font-size: 14px}

.indent{padding-left: 20px;}

.noIndent{margin-left: 0px; padding-left: 0px}

.sansSerif{ font-family: Helvetica, Arial, sans-serif;}

.h2Bottom{width: 100%; height: 15px;}

blockquote{margin: 0px; padding: 5px 60px 15px 60px; font-size:12px; font-style:oblique; color:#555555; line-height: 1.5}

.topMargin{margin-top: 20px;}

.bottomMargin{margin-bottom: 20px;}

.leftMargin{margin-left: 10px}

.leftPadding{padding-left: 10px}

.noTopMargin{margin-top: 0px; padding-top: 0px}

.noBottomMargin{ margin-bottom: 0px; padding-bottom: 0px;}

.leftBorder{border-left: 1px solid grey}

.noBorder{ border: 0px}

		/*HEADER*/

		#header{width: 950px; height: 150px;}

		#mediaBar{width: 120px; height: 35px; float: right; margin: 0px -5px -200px 0px; padding: 6px 0px 0px 0px; border: 0px solid black;}

		#mediaBar img{height: 18px; width: 18px}

		ul#nav{width: 950px; height:50px; border: 0px solid black; background-color: #EEEEEE; margin: 0px; padding: 0px; }

		ul#nav li a{color:#0000DD; width: 100%; height: 20px; font-size:13px; font-weight:600; padding: 18px 12px 12px 13px; margin: 0px 0px 0px 0px; color:#770000; float: left; }

		ul#nav li#contribute a, ul#nav li#startFundraising a{ color: #006699}

		ul#nav li{list-style-type: none; height: 50px; width: 100px; margin: 0px; padding: 0px; display: inline; float: left;}

		ul#nav li ul.subNav {list-style-type: none; height: 178px; width: 365px; margin: 50px 0px 0px 0px; padding: 0px; display: none; text-indent: -5000px; background-color: #EEEEEE; position: relative; z-index: 100;}

		ul#nav li ul.subNav li{height: 25px;}

		ul#nav li ul.subNav li a{width:}

		ul#nav li.right{float:right}

		ul#nav li#home{width: 67px;}
		ul#nav li#latestNews{width:121px; background-image: url(images/buttonDiv.png); background-repeat: no-repeat}
		ul#nav li#contact{width:89px; background-image: url(images/buttonDiv.png); background-repeat: no-repeat}
		ul#nav li#volunteer{width:107px; background-image: url(images/buttonDiv.png); background-repeat: no-repeat}
		ul#nav li#biography{width:104px; background-image: url(images/buttonDiv.png); background-repeat: no-repeat}
		ul#nav li#issues{width: 75px; background-image: url(images/buttonDiv.png); background-repeat: no-repeat}
		ul#nav li#issues:hover > ul.subNav{display:block}
		ul#nav li#multimedia{width: 110px; background-image: url(images/buttonDiv.png); background-repeat: no-repeat}

		ul#nav li#contribute{width:112px; background-image: url(images/buttonDiv.png); background-repeat: no-repeat}
		ul#nav li#startFundraising{width:164px; background-image: url(images/buttonDiv.png); background-repeat: no-repeat}

		ul#nav li#roads{width: 365px; background-image:url(images/subNav_roads.png); background-repeat:no-repeat}
		ul#nav li#constituentService{width: 365px; background-image:url(images/subNav_constituentServices.png); background-repeat:no-repeat}
		ul#nav li#citiesAndTowns{width: 365px; background-image:url(images/subNav_citiesAndTowns.png); background-repeat:no-repeat}
		ul#nav li#developmentAndTax{width: 365px; background-image:url(images/subNav_developmentAndTax.png); background-repeat:no-repeat}
		ul#nav li#healthcare{width: 365px; background-image:url(images/subNav_healthcare.png); background-repeat:no-repeat}
		ul#nav li#localEnvironmentalLeadership{width: 365px; background-image:url(images/subNav_localEnvironmentalLeadership.png); background-repeat:no-repeat}
		ul#nav li#youthAndEducation{width: 365px; background-image:url(images/subNav_youthAndEducation.png); background-repeat:no-repeat}


		ul#nav li:hover{background-color: #E6E6E6 }

		.embossLeft{border-left:thin solid  #CBCBCB}
		.embossRight{border-right: thin solid #F6F6F6}
		.embossTop{border-top: 1px solid #CBCBCB}
		.embossBottom{border-bottom: 1px solid #F6F6F6}

				/*FOOTER*/

				#footer{width: 950px; height:50px; padding: 25px 10px 15px 10px; margin: -40px 0px 30px 0px; clear: both;}

				#footer ul{width: 940px; height:20px; padding: 0px; margin: 0px;}

				#footer li{ margin: 3px 0px; padding: 2px 5px 2px 5px; list-style-type: none; display: inline; font-size:10px; font-weight:600; color: #777777; text-shadow: #EEEEEE;}

				#footer li.paidFor{ width: 220px; margin: -3px 0px 0px -8px; padding: 4px 4px 4px 0px; border: 1px solid #999999;}

				#footer li.paidFor p{ margin: 0px; padding: 0px; color: #777777; font-size:11px; text-align: center;}

				#footer li a{color: #777777}

				#footer li a:link{color: #777777}

				#footer li a:hover{color: #880000}

				

/*HOME*/

#stageTop.home{height: auto; width: 950px; background-color: #EEEEEE; margin: 0px;}

#stageBottom.home{height: inherit; width: 950px; background-color:#EEEEEE}

#intro{width: 950px; height: 270px; margin: 0px; padding: 0px; background-color: #EEEEEE; background-image: url(images/intro_bg.jpg); background-repeat:repeat-x; color: #660000;}

#introSlideshow{ margin: 0px; padding: 0px; height: 270px}

ul#newsList{ padding: 5px 15px 0px 15px; margin: 0px 0px 0px 0px; width: 100%;}

ul#newsList li{ display:block; list-style-type: none; margin: 0px; padding: 12px 20px 5px 10px; width: 87%;}

p.howToContribute{margin: 10px 0px; padding:0px;}

		/*LATEST NEWS*/

		div.newsStory{min-height: 2360px}

		div.newsStory p{margin: 0px 40px 10px 20px; padding: 0px 0px 0px 0px;}
		
		ul.officialsList{padding: 0px 0px 0px 20px;}
		
		ul.officialsList li:first-child{text-indent: 0px; font-style: italic; font-size:14px; margin: 0px 0px 10px 0px}
		
		ul.officialsList li{margin: 5px 0px; display:block; list-style: none; font-size:12px; color:#222222; text-indent: 35px; height: 14px}
		

				/*CONTACT*/
				
				#Form13{width: 500px; margin: 20px auto 30px auto;}
				
				#Form13 td{height: px; display: inline-table; font-size:12px; font-weight:600; padding: 2px; margin-bottom: 10px;}
				
				td#formButtons{ margin: 20px 0px 0px 150px }
				
				#Form13 table tr{margin-bottom: 20px}
				
				#message{width: 320px; height: 100px}
				
				#e13 p{text-align: justify; padding: 0px 15px; margin: 20px 20px 0px 10px; border: 0px solid lightgrey; font-size:14px}

/*VOLUNTEER*/

#e10{padding-left: 20px}

#e10 h2{margin: 0px 0px 40px 0px}

#e10 #volunteerForm{width: 500px; margin: 30px auto;}

#Form10 td{margin-right: 30px}

#contactForm table tr{margin-bottom: 20px}

table#radioButtons td{width: 30%; height: 20px; padding: 3px 7px; text-align: center}

table#radioButtons td .radio{float: left; }

td#pledge{border: 0px solid blue; }

#pledgeButton{margin: 20px 0px 0px 15px}

		/*Biography*/

		ul#picList{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 330px;}

		ul#picList li{ display:block; list-style-type: none; margin: 0px; padding: 10px; width: 100%;}

		.sideImage{width: 330px; padding: 0px 0px 5px 0px}

		.bioColumn{ height: 1700px; }

				/*ISSUES*/

				.issueColumn{height: 800px;}

				.issueTable{margin: 10px 20px 20px 20px}

				table.issueTable{ margin: 10px 15px 15px 30px; border: 1px solid #AAAAAA}

				table.issueTable td{border: 1px solid #AAAAAA; padding: 4px;}

				#e14{margin: 15px 0px 0px 15px; z-index: 50}

				#e15{margin: 230px 0px 0px 8px}

/*MULTIMEDIA*/

#flickr1{width:580;height:420; margin: 10px;}

.smallVideoThumb{height: 220px; margin: 10px 0px 0px 10px;}

.iconPadding{padding: 0px 2px 0px 5px}

.sidePadding{padding: 0px 10px}