@charset "utf-8";

/* ============================================================================================
	GLOBAL CLASSES
==================================================================================================*/
	
	body {/* font-size:11px;*/background-color:#ffffff; background-image:url(src/bg-grid.gif); background-repeat: repeat; margin: 0 auto; -webkit-font-smoothing:antialiased }
	/* Colors */
	.blue { color:#006a91; }
	.lightblue { color: #cbe3ec; }
	.green { color:#00916a; }
	.red { color:#e71d25; }
	
/* ===============================================================================================
	STRUCTURE
==================================================================================================*/

	#outer-wrapper {background-color:#cde5ee; background-image: url(../../images/stars.png); height: 220px; background-repeat:repeat-x; background-position:top center; padding-top:25px;  margin: 0 auto;}
	#inner-wrapper {width: 980px;  margin:0px auto; position:relative; } 
	#header-wrapper {width: 980px; margin-top: 35px;}
	
	#nav {width: 980; background-image:url(src/nav-bg.gif); background-repeat:no-repeat ; padding: 22px; }
	#nav a {font-size: 1.2em; text-decoration: none; padding: 7px; } 
	#nav ul li {display:inline; list-style-type:none; margin:0; padding:0; font-color:#006a91;}
	
	li.selected a {color: #00916a; font-family:"museo-slab-1"; font-size: 1.2em; letter-spacing: -0.08em;}
	
	#subnav ul {display:block; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding-top:0px; padding-left: 0px; line-height: 35px; color:#2e2e2e; }
	#subnav a {text-decoration: none;}
	#subnav h2 { color: #006a91; font-family:"museo-slab-1"; font-size: 1.2em; margin-bottom: 15px; padding-top: 25px; padding-bottom: 10px; border-bottom: 2px dotted #006a91}
	#subnav p {line-height:16px;}
	#subnav img {padding-top: 0px;}

	#logo { margin-bottom:25px; margin-top: 15px; height: 130px; } 
	#tagline { margin-bottom:0px; margin-top: 0px; height: 130px; margin-left: 35px;} 
	#tagline h2{ font-size: 1.9em; padding-top: 89px; letter-spacing: -0.08em} 
	#content {padding-top: 15px;}
	#content p {padding-top: 5px; text-decoration: none;}
	#content h2 {padding-bottom: 20px;}
	
	#issuecontent {padding-top: 20px;;}
	#issuecontent p {padding-top: 20px; text-decoration: none;}
	#issuecontent h2 {padding-bottom: 20px;}
	#issuecontent h3 {padding-top: 20px;}
	.issuecontentimg {float: left; padding-right: 25px; padding-top:15px; padding-bottom: 15px;}
	.issuecontentimgright {float: right; padding-left: 25px; padding-top:0px; padding-bottom: 25px;}

	
	#content ul {list-style-image:url(src/bullet.gif) ; list-style-position: outside; padding-left: 10px;}
	#content ul li {margin-left: 10px; margin-top: 15px;}
	#content ol li {margin-top: 15px;}
	
	
	#contentblog {padding-top: 15px;}
	#contentblog ul {margin-left: 0px; padding-left: 0px;}
	#contentblog ul li {margin-top: 0px; list-style: none;}	
	#contentblog ol {margin-left: 0px; padding-left: 0px;}
	#contentblog ol li {margin-top: 0px; list-style: none;}
	#contentblog p {padding-top: 10px; text-decoration: none;}
	#contentblog h2 {padding-bottom: 20px;}
	#contentblog h3 {padding-bottom: 10px;}
	
	#ytycontent {padding-top: 15px;;}
	#ytycontent p {padding-top: 5px; text-decoration: none;}
	#ytycontent h2 {padding-bottom: 20px;}
	#teevioPhotoset ul li {margin-right: 15px; margin-top: 10px;}
	
	.contentimg {float: left; padding-right: 25px; padding-top:5px; padding-bottom: 5px;}
	.contentimgwho {float: left; padding-right: 45px; padding-top:10px; padding-bottom: 25px;}
		.whyvoteimg {float: left; padding-right: 35px; padding-top:0px; padding-bottom: 15px;}
	.contentimgright {float: right; padding-left: 25px; padding-top:0px; padding-bottom: 5px;}
<!--	.contentimg hover{float: left; padding-right: 25px; padding-top:10px; padding-bottom: 5px; -webkit-transform:rotate(45deg) scale(1.45);}
-->
	#social img {margin-right: 3px; margin-top: 0;}
=
/* ===============================================================================================
	HOME
==================================================================================================*/
	
	a:hover {text-decoration: underline;}
	
	#hootcta {background-image:url(src/cta-hoot-bg.gif); background-repeat:no-repeat; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px; padding-left: 25px; padding-top: 30px; padding-right: 15px;}
	#hootcta a {color: #ffffff;}
	#hootcta h2 {padding-top: 0px;}
	#hootcta h1 {font-size: 2.2em;}
	#hootcta img {padding-right: 10px; float: left;}

	#twitter {background-image:url(src/twitter-bg.gif); background-repeat: no-repeat; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 45px; margin-bottom: 25px;}
	.tweet {padding-left: 15px;}
	#twitter ul li {display:inline; list-style-type:none; margin:0;}
	#twitter p {font-size: 1em; padding-left: 55px; padding-right: 25px; padding-top:0px; }
	#twitterfollow {padding-left: 30px; padding-top: 15px}
	#twitterfollow p {line-height: 16px; padding-top: 10px; padding-left: 0px}
	
	#newsletter {background-image:url(src/newsletter-bg.gif); height: 124px; background-repeat:no-repeat; margin-bottom:25px; }
	#newsletter img {padding-top: 30px; padding-left: 25px;}
	#newsletter h2 {color: #fade8e; font-family:"museo-slab-1"; font-size: 1.2em; margin-bottom: 5px; padding-top: 28px; padding-left: 25px; }
	#newsletter p {color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; padding-left: 25px; }

	#learnmore {background-color:#00916a; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 110px; height: 32px; margin-bottom: 45px; margin-top: 10px;}
	#learnmore p {padding-top: 5px; padding-left: 15px; color: #ffffff;}
	#learnmore a {padding-top: 5px; text-decoration: none; color: #ffffff}
	
	a.info{ position:relative; /*this is the key*/ z-index:24; background-color: none; text-decoration:none; border-bottom: 2px dotted #00916a}
	a.info:hover{z-index:25; background-color: none; cursor: help;}
	a.info span{display: none}
	a.info:hover span{ /*the span will display just on :hover state*/ -moz-border-radius: 8px; -webkit-border-radius: 8px; display:block; position:absolute; top:2em; left:2em; width:15em; border:1px solid #ebcf7d; background-color: rgb(255, 239, 192) ; opacity: .9; color:#2e2e2e; text-align: left; padding:10px;}
	
	#tips {border:1px solid #ebcf7d; background-color: rgb(255, 239, 192) ;opacity: .8; color:#2e2e2e; padding: 20px;}
	#tips h2 {color: #2e2e2e; font-size: 1.3em}
	
	.references {color:#999; font-size: .8em; line-height: 16px;}
	
	.whyvote h2 {padding-top: 25px; padding-left: 5px; letter-spacing: -0.08em}
	
		
/* ===============================================================================================
	FOOTER
==================================================================================================*/

	#footer-wrapper {background-image:url(src/footer-bg.gif); height:330px; background-repeat: repeat-x; margin-top: 35px; }
	#footer {width: 980px; margin:0px auto; padding-top: 40px;}
	#footer img {padding: 2px;}
	#footer ul {display:block; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding-top:0px; padding-left: 0px; line-height: 24px; color:#ffffff; }
	#footer h2 {color: #fade8e; font-family:"museo-slab-1"; font-size: 1.3em; margin-bottom: 10px;}
	#footer p {color: #ffffff;}
	#footer a {color: #d8e9f3; padding-top: 5px;}
	#footer a:hover {text-decoration: underline;}
	#copyright {background-color: #00446a; color: #ffffff; padding: 15px; text-align: center;}
	
/* ===============================================================================================
	JTOOLS SLIDER
==================================================================================================*/

/* override the root element to enable scrolling */
	#flowpanes {
		position:relative;
		overflow:hidden;
		clear:both;
		width:668px;
		height:254px;
	}

	/* override single pane */
	#flowpanes div {
		float:left;
		display:block;
		width:670px;
		font-size:14px;
	}

	/* our additional wrapper element for the items */
	#flowpanes .items {
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
	}

	#flowpanes .less, #flowpanes .less a {
		color:#999 !important;
		font-size:11px;
	}
	
	#slideshowHolder{
		position:relative;
	}
	
	#prevBTN{
		margin:0px;
		padding:0px;
		display:block;
		width:32px;
		height:55px;
		position:absolute;
		top:101px;
		left:0px;
		border:0px;
		background:none;
	}
	
	#nextBTN{
		margin:0px;
		padding:0px;
		display:block;
		width:32px;
		height:55px;
		position:absolute;
		top:101px;
		left:634px;
		border:0px;
		background:none;
	}