/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }


/* Global Elements
=====================================================================*/

html { overflow-x: auto; height:100%;}
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */

body 
{
	background-color:#000000;
	text-align: center;
	line-height: 1.6em;
}

input[type="text"] { 
}

/* Library
=====================================================================*/

.l { float: left; width: 50%; }
.r { float: right; width:50%; }
.r:after { display: block; content: ''; clear: both; height: 0; visibility: hidden; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; float: none; }
.clear-right { clear: right; float: none; }
.hide {	display:none; }
.clear-both { clear: left; float: none; }
.inline { display: inline; }
.block { display: block; }
.noborder { border: 0px none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.visible { display: block; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.border5 { border: solid 10px #c7c7c7; }
.border10 { border: solid 10px #c7c7c7; }
.border20 { border: solid 20px #c7c7c7; }

div.hidden, a.hidden
{
	display: none;
	margin: 0;
}

/* Typographic Elements
=====================================================================*/

h2, h4, h6, body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

blockquote, em, h1, h3, h5, i, .feedBy  {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


/* Homepage Specific Headers
=====================================================================*/

h1 {
	font-size: 1.2em;
	line-height: 0.9em;
	color: #ffffff;
}

h2 {
	font-size: .8em;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
}

.l h2 { } /* Left column specific */

.r h2 { letter-spacing:1px; padding: 0px 7px; margin-bottom: 10px; } /* Right column specific */

h3 {
	font-size: 1.7em;
	line-height: 1.1em;
	color: #ffffff;
}

h4 {
	font-size: .9em;
	text-transform: uppercase;
	color: #ffffff;
	letter-spacing: 1px;
	font-weight: bold;
}

h5 {
	font-size: 1.5em;
	line-height: 1.2em;
}

h6 {
	font-size:.88em;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}

/* Interior page Specific Headers
=====================================================================
-------------------------------------------------------------- 
PAGE CONTENT STYLES
-------------------------------------------------------------- 
*/

#page_content h1 {
	font-size: 1.6em;
	line-height: 1.1em;
	color: #ffffff;
}

#page_content h2 {
	font-size: 1em;
	line-height: 1em;
	text-transform: uppercase;
	color: #cccccc;
	font-weight: bold;
}


#page_content h3 {
	font-size: 1.7em;
	line-height: 1.1em;
	color: #2575ad;
	position: relative;
}

#page_content h4 {
	font-size: 1em;
	line-height: 1em;
	color: #0d5d9b;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: none;
}

#page_content h5 {
	font-size: 1.125em;
	line-height: 1.8em;
}

#page_content h6 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

#page_content .photo{
	margin: 20px 0px 20px 20px;
}

/* Misc Typography
=====================================================================*/

body { 
	font-size: .75em; 
	line-height: 1.5em;
	color: #888888;}

table { 
	font-size: 1em; 
	line-height: 1.5em;
	color: #424242;}

i, em { 
	font-style: italic;
}

strong {
	color: #cccccc;
}

blockquote {
	clear:both;
	font-size:1.2em;
	line-height: 1.6;
	padding: 0px;
	color: #666666;
}

blockquote, blockquote p {
	clear: both;
	color: #666666;
}

.smallcaps {
	font: small-caps 1.5em/1.7em Georgia, "Times New Roman", Times, serif;
	color: #2575ad;
	text-transform: lowercase;
	letter-spacing: .1em;
}

.citation, .cite {
	font-size: 12px;
}




/* List Elements
=====================================================================*/

ul li 
{
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

li a {
	padding-top: 0px;
	padding-bottom: 0px;
}

li a:hover {
	background-color: #eeeeee;
}



dl {
	height: auto;
	margin: 0;
	list-style: none;

}

dl a {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;

}

dl a:hover {
	background-color: #ffffff;
}

dl img {
	float: left;
}
dt, dd {
	padding: 5px 7px;
}

dt {
	float: left;
	clear: left;
	width: 40px;
	color: #363636;
	font-size:.9em;
} 

dd {
	margin-left: 50px;
}


.alt-text { font-family: Georgia;text-transform: lowercase;}






/* Global Links
=====================================================================*/

a {
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited,
a:active
{
	background: transparent;
	color: #ffffff;
	text-decoration: none;
	
}

a:hover
{
	background: transparent;
	color: #ccd600;	
	text-decoration: none;
}


/* Grid
=====================================================================*/

/* layout styles */

#headerlogo
{
	text-align: left;
	padding: 20px 35px 30px 0px ;
}

#house
{
	margin: 0 auto 100px auto;
	text-align: left;
	width: 960px; 	/* Total width */
	background-color: #000000;
}

#copyright
{
	margin: 0 auto 100px auto;
	float:right;
	text-align: left;
	width: 960px; 	/* Total width */
	background-color: #000000;
}

#header,
#content,
#bottom {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#features
{
	padding: 10px 35px 20px 15px ;
}

#appLink
{
	padding: 0px 0px 0px 35px ;
	color: #fff;
}

#phone
{
	padding: 0px 0px 0px 0px ;
	color: #fff;
}


#content
{	
	width: 850px;
	margin: 0 auto;

}

#page_content { padding: 20px 60px 40px 30px; }

#page_content .nav { font: 12px arial; margin: 0 0 15px 0;}



#page_content #issues  ul li {
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

#page_content ul li {
	height: auto;
	margin: 12px;
	padding: 0;
	list-style: circle outside;
}

div#page_content div#inset_r ul li {
	margin:0px;
	padding: 0;
	list-style: none;
}

div#page_content div#inset_r ul li.more {
	padding: 5px 10px;

}

div#page_content div#inset_r ul li ul li {
	padding: 3px;
	list-style: circle inside;
}

#column1
{
	float: left;
	width: 500px;
	padding: 0px;
	margin: 0px;
	background-color: #000;	
}

#col1a {
	float: left;
}

#col1b {
	float: right;
}

#column2
{
	float:right;
	width:300px;
	background-color: #000;
}

#column2_bot {
	height:200px;
}



.module.l  {
	height: auto;
	width: 270px;
	padding: 20px 15px 20px 35px ;
}

.module.r 	{
	height: auto;
	width: 270px;
	padding: 20px 35px 20px 15px ;
}


#column2 .module {
	padding-top:20px;
}



#header {
	height: 156px;
	display: block;
}

#header h1 {
	float:left;
}

#bottom {
	background-color: #ffffff;
}

#logo-print { display: none; }




/* Navigation 2.0
-------------------------------------------------------------- */
#nav { line-height: 1; z-index: 9998; }

#nav a {
	display: block;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;
}

#nav-donate {
	width:320px;
}

#nav-donate a {
	display: block;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;
}

#nav li { float: left; position: relative; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; }
	
	/*--- Default ---*/
	#nav-home a { background-position: 0 0; width: 52px; }
	#nav-learn a { background-position: -52px 0; width: 72px; }
	#nav-issues a { background-position: -124px 0; width: 77px; }
	#nav-media a { background-position: -201px 0; width: 73px; }
	#nav-action a { background-position: -274px 0; width: 80px; }
	#nav-people a { background-position: -354px 0; width: 77px; }
	#nav-states a { background-position: -431px 0; width: 75px; }
	#nav-blog a { background-position: -506px 0; width: 65px; }
	#nav-store a { background-position: -571px 0; width: 69px; }

	/*--- Hovering ---*/
	#nav-home a:hover { background-position: 0 -50px; width: 52px; }
	#nav-learn a:hover { background-position: -52px -50px; width: 72px; }
	#nav-issues a:hover { background-position: -124px -50px; width: 77px; }
	#nav-media a:hover { background-position: -201px -50px; width: 73px; }
	#nav-action a:hover { background-position: -274px -50px; width: 80px; }
	#nav-people a:hover { background-position: -354px -50px; width: 77px; }
	#nav-states a:hover { background-position: -431px -50px; width: 75px; }
	#nav-blog a:hover { background-position: -506px -50px; width: 65px; }
	#nav-store a:hover { background-position: -571px -50px; width: 69px; }
	
	/*--- Clicking ---*/
	#nav-home a:active { background-position: 0 -100px; width: 52px; }
	#nav-learn a:active { background-position: -52px -100px; width: 72px; }
	#nav-issues a:active { background-position: -124px -100px; width: 77px; }
	#nav-media a:active { background-position: -201px -100px; width: 73px; }
	#nav-action a:active { background-position: -274px -100px; width: 80px; }
	#nav-people a:active { background-position: -354px -100px; width: 77px; }
	#nav-states a:active { background-position: -431px -100px; width: 75px; }
	#nav-blog a:active { background-position: -506px -100px; width: 65px; }
	#nav-store a:active { background-position: -571px -100px; width: 69px; }
	
	/*--- Dropdowns ---*/
	#nav li:hover ul, #nav li.over ul { left: 0; }
	#nav li li { float: none; position: static; width: 100%; }
	
	#nav li li a, #nav li li a:hover, #nav li li a:active {
		background: none;
		height: auto;
		padding: 1px 12% 2px;
		text-indent: 0;
		width: 76%;
	}
	
	#nav li li a:hover { background: #eee; }
	
	#nav li ul {
		background: #fff;
		border-bottom: 1px solid #ce0000;
		left: -1999px;
		line-height: 1.5;
		padding: 5px 0;
		position: absolute;
		top: 50px;
		width: 200px;
		z-index: 9999;
	}
	
	li#nav-states ul { line-height: 1.2; width: 400px; }
	li#nav-states .col { font-size: 0.9em; float: left; width: 33%; }
	li#nav-states .col ul { border: 0; position: static; width: 100%; }


/* Email Subscription Form
-------------------------------------------------------------- */

#email_subscribe input[type="text"] {
		position:relative;
		top:-4px;
		background-color: #4f87b8;
		border: 1px solid #07387a;
		padding:2px;
		color:#FFFFFF;
		font-size: 10px;
}

#email_subscribe input[type="image"] {
		position: relative;
		top: 4px;

}

#email_subscribe {
		float: right;
		padding: 60px 66px 0px 0px;
}



/* Site Specific
-------------------------------------------------------------- 
HOMEPAGE
-------------------------------------------------------------- 
*/

/* Feature Block
-------------------------------------------------------------- */

#feature_block { position: relative; width:640px; }
#feature_block #news_area { float: left; line-height:0px; }

#feature_block #right_column 
{
	position: absolute;
	top: 0;
	right: 0;
	float: left;
	width: 171px;
	height:320px;
}

#feature_block #right_column h3 { color: #6FA3DC; margin: 10px 20px 0 20px; font-size: 14px; }
#feature_block #right_column #arrow { position: absolute; }
#feature_block #right_column #news_items { width: 140px; margin: 20px; }
#feature_block #right_column #news_items li { margin: 10px 0 15px 0; }

#feature_block #right_column #news_items a
{
	font: 11px arial;
	color: #19669C;
	outline: none;
	position: relative;
}

#feature_block #right_column #news_items a:hover { color: white; background: transparent;}
#feature_block #right_column #news_items a.selected { color: white; font: 16px Georgia; padding: 0px; }
#feature_block #right_column #news_foot { position: absolute; bottom: 0; }



#blog, #events, #news {
	width: 100%;
	overflow: auto;
	clear:both;
}

.entry_description {
	overflow:hidden;
}


img.thumb ~ h7 {
	position: relative;
	top: 10px;
}

.blog_feature h3 {
	padding: 10px 0px;
}

.blog_feature h4 {
	margin-top: 10px;
}

.blog_feature > a {
	font: 24px/25px Georgia, "Times New Roman", Times, serif;
	color: #2575ad;
	letter-spacing: -1px;
}

.other_stories {

}
.thumb{
	float: left;
	border: solid 5px #c7c7c7;
	margin: 10px 10px 10px 0;
}

.date {
	float: left;
	width: 50px;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	height: 15px;
}


td.where_do_you_live h1 {
	color: #ffffff;
}

.date h2 {
	vertical-align: top;
}

.post {
	clear: both;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #d4d4d4;
}

.post img {
	padding: 10px 0px;
	margin-top:-5px;
	background-color: #FFFFFF;
}


.source, .location {
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	color: #7f7f7f;
	margin-top: 2px;
}

.location i {
	text-transform: lowercase;
}


.events h7 {

}

.store img {
	float:  left;
	padding-right: 7px;
}

.store h7 {
	position: relative;
	top: 10px;
}

#other_products {
	padding-top: 20px;
}

.price {
	color: #4e9ac8;
	padding-top: 10px;
}

.states {
	float: left;
	width: 80px;
	padding-left: 7px;
}

.action_center div {
	line-height:0px;
}


.r .view_more  {
	padding: 10px 7px;
}

.l .view_more  {
	
	padding: 10px 0px;
}
/* Site Specific
-------------------------------------------------------------- 
LEARN
-------------------------------------------------------------- 
*/
#page_content h1 { margin-bottom: 10px; }

#page_content p {  margin: 10px 0 10px 0;}

#inset_r
{
	width: 25%;
	float: right;
	margin: 0 0 17px 20px;
	padding: 20px;
	display: block;
}

#inset_r .more
{
	padding: 10px;
}

#inset_r .more li {  list-style: circle; margin-left: 10px; }

#inset_r h4
{
	padding-bottom: 10px;
	border-bottom: 1px solid;
	text-align: center; 
	text-transform: uppercase;
	border-color: #d1d1d1;
}

#inset_r:after { display: block; content: ''; clear: both; height: 0; visibility: hidden; }


/* Site Specific
-------------------------------------------------------------- 
ISSUES PAGES
-------------------------------------------------------------- 
*/

#page_content #issues ul li {
	margin-bottom: 1em;
	padding-left: 1.5em;
}

#page_content #issues h2 {
	margin-bottom: 10px;	
}

#page_content #issues h3 {
	border-top: 1px solid #eeeeee;
	margin-top: 15px;
	margin-bottom: 10px;
	line-height:1.7em;
}



#page_content #issues p {
	margin: 5px 0px;
}

#page_content h4 {
	margin: 10px 0px 5px 0px ;
}

#page_content #issues .at_a_glance ul li, #page_content #issues #inset_r ul li {	
	margin-bottom: 0;
	padding-left: 15px;
	list-style: circle outside;
} 

.at_a_glance {
	float: left;
	width: 50%;
}

#issues div.at_a_glance.l ul li {
	padding: 5px;
	list-style: circle outside;
}

#issues .at_a_glance ul li:before {
 
	color: #7cb0cd;

} 

#at_glance_container {
	overflow: hidden;
}

#vid_thumb {
	position: relative;
	background-color: #fff;
	color: #3d76bc;
	text-align: center;
	font-weight:bold;
	padding-bottom: 5px;
	margin-right:-4px;
}

#vid_thumb a {
	height: 106px;
	display: block;
	background-position: 0px -106px;
}

#vid_thumb a:hover {
	background-position: 0px 0px;
}


.issues table td { padding-right:10px;}


#page_content table tbody tr td img {
	padding-right: 20px;
}

/* Site Specific
-------------------------------------------------------------- 
Photos
-------------------------------------------------------------- 
*/

#flickr {
	margin-top: 20px;
}

/* Site Specific
-------------------------------------------------------------- 
Mobile
-------------------------------------------------------------- 
*/
.mobile .left { float: left; clear: left; width: 55%; z-index: 0; position: relative; }
.mobile .right {  width: 35%; z-index: 1; position: relative;}

.mobile form 
{ 
	float: left;
	padding: 0 10px 10px 10px;
	width: 50%;
}

.mobile form ul { float: left; width: 100%; }
.mobile form li 
{ 
	float: left; 
	clear: left; 
	width: 100%; 
	margin: 0px 0 10px 0; 
}

.mobile form li input, form li select
{
	display: block;
	font: 18px arial;
	color: #666;
	background-position: left bottom;
	background-repeat: repeat-x;
	border: 1px solid #999;
	padding: 2px;
}

.mobile .btn { background: none; width: 200px; }


.mobile label { font: 13px arial;}

#phone 
{ 
	position: relative;
	margin: 20px 0 30px 0;
	float: left;
	clear: left;
}

#phone_top
{ 
	height: 150px; 
	width: 379px;
	background-position: top right;
	background-repeat: no-repeat;
}

#phone_top #number 
{ 
	position: absolute; 
	left: 150px; 
	top: 150px; 
	background: black;
	padding: 5px;
	color: white;
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter:alpha(opacity=85);
	display: none;
}

#phone_bottom { width: 300px; height: 90px; }

#phone_bottom img {  }
#phone_images { position: absolute; width: 200px; }

#phone_images li 
{ 
	float: left; 
	height: 20px; 
	width: 20px; 
	margin: 2px; 
	border: 1px solid black;
}

#phone_images li a { height: 100%; width: 100%; display: block; }

#ringtones li { float: left; width: 100px; padding: 2px; }

#ringtones li { padding-bottom: 10px; }

#page_content.mobile h1 { margin-bottom: 10px; }
#page_content.mobile p  { margin: 15px 0 15px 0;}

#tm_list dt, #tm_list dd { padding:0px; }

#tm_list dt
{
	float: none;
	width: 100%;
	margin-top:8px;
}

#tm_list dd { margin:0px 0px 0px 0px; }