/* 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;}
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: url(images/bg.jpg) no-repeat scroll 50% 0pt;
	background-color:#64a4e2;
	text-align: center;
	line-height: 1.6em;
}

input[type="text"] { 
}

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

.l { float: left; width: 49%; }
.r { float: right; width:49%; }
.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: Georgia, "Times New Roman", Times, serif;
}


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

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

h2 {
	font-size: .8em;
	text-transform: uppercase;
	color: #363636;
	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: #2575ad;
}

h4 {
	font-size: .9em;
	text-transform: uppercase;
	color: #2575ad;
	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: 2.2em;
	line-height: 1.1em;
	color: #2575ad;
}

#page_content h2 {
	padding-bottom: 5px;
	font-size: .92em;
	line-height: 1em;
	text-transform: uppercase;
	color: #363636;
	font-weight: bold;
}


#page_content h3 {
	font-size: 1.4em;
	line-height: 1.1em;
	color: #2575ad;
	/*position: relative; commented out Monday June 9 for mybo fix*/
}

#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;
	color: #64A4E2
}

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

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

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

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

i, em { 
	font-style: italic;
}

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
=====================================================================*/





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: #2575ad;
	text-decoration: none;
	
}

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


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

/* layout styles */


#house
{
	margin: 0 auto 100px auto;
	text-align: left;
	/* re_aligns text to left second part of two part MSIE centering workaround */
	width: 960px; 	/* Total width */
	background-color: #ffffff;

}


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


#content
{	
	width: 960px;
	margin: 0 auto;
	background: transparent url(images/bg_content.jpg) repeat-x;
}

#content_fade
{	
	width: 960px;
	margin: 0 auto;
	background: transparent url(images/bg_content_fade.jpg) repeat-x;
}

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

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





#column1
{
	float: left;
	width: 640px;
	background-image: url(images/bg_col1.gif);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;	
}

#col1a {
	float: left;
}

#col1b {
	float: right;
}

#column2
{float:left;
	width:280px;
	margin: 0 0 0px 0;
	padding: 0px 20px;
	background-image: url(images/bg_col2.gif);
	background-repeat: repeat-x;
	background-color: #c9c9c9;
}

#column2_bot {
	background-image: url(images/bg_col2_bot.jpg);
	height:120px;
}



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

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

.state_module_left {
	float:left;
	width:49%;
	padding: 0px !important;
}

.state_module_right {
	float:right; 
	height:auto; 
	width:240px; 
	padding:10px 0px 0px 30px !important;
}

.tv {
	margin-top: 20px;
	background-image: url(images/tv_footerbg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding:10px 10px 20px 10px;
}

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

#header {
	height: 156px;
	display: block;
	background-image: url(images/header.jpg);
}

#header h1 {
	float:left;
}

#bottom {
	background-color: #ffffff;
}

#logo-print { display: none; }


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

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

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


}

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




.action_center div {
	background-color:#EAEAEA;
}



.everywhere {
	line-height:0px;
}

#actioncenter {
	width: 280px;
	position: relative;
	height: 127px;
	text-indent: -999em;
	overflow: hidden;
}

#actioncenter a {
	height: 127px;
	display: block;
	background-image: url(images/module_action.jpg);
}

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

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

.l .view_more  {
	
	padding: 10px 0px;
}

.small_callout {
	background-image: url(images/bg_smallcallout.jpg);
	background-repeat:repeat-x;
	border:1px #a6c0d6 solid;
    padding:10px;
}
	
.small_callout h3 {
	font-style: italic;
    padding-bottom:10px;
}
	
.small_callout input {
	font-size:16px;
	width: 145px;
}
/*
-------------------------------------------------------------- 
CASE
-------------------------------------------------------------- 
*/


#case {
	width:260px;
	height:100%;
	margin-top:20px;
	padding:0 10px 10px 10px;
	background: url("images/case_bkg.jpg") no-repeat #EAEAEA;
}

.caseform {
margin-top:25px;

}

#case h2{
	color:#377EB6;
	text-transform: uppercase;
	font-size:15px;
	text-align:center;
	margin:0;
	padding:20px 0 0 0;
}

#case p{
	font-size:11px;
	line-height:13px;
}

#case input[type="text"] {
		margin:1px;
		color:#000000;
		font-size: 10px;
		padding:2px;
		width:153px;
}

#case input[type="checkbox"] {
		margin:1px;
		color:#FFFFFF;
		font-size: 10px;
		padding:2px;

}



/*
-------------------------------------------------------------- 
WHEELER MODULE
-------------------------------------------------------------- 
*/

#everywhere {
	height: 100%;
	width:280px;
	margin-top:20px;
	padding:0 0 10px 0;
	background: url("images/every_bkg.jpg") no-repeat;
}

#everywhere h2{
	color:#377EB6;
	text-transform: uppercase;
	font-size:15px;
	text-align:center;
	margin:0;
	padding:20px 0 0 0;
}

#everywhere ul{
	margin-left:70px;
	margin-top:25px;
	padding:0 0 10px 0;
	font-size:11px;

}












/*
-------------------------------------------------------------- 
STYLING FOR KW VIDEO 
-------------------------------------------------------------- 
*/
#btvRemoteContainer {
	background-image: url(images/btv/remote_bg.gif) no-repeat;
	height: 418px;
	width: 120px;
	padding: 50px 4px 0px 4px;
}
#btvRemoteContainer div {
	line-height: 0px;
}
#btvRemoteContainer #container1,
#btvRemoteContainer #container2,
#btvRemoteContainer #container3,
#btvRemoteContainer #container4 {
	margin-bottom: 2px;
}
#btvRemoteContainer #container3 {
	background-image: url(images/btv/scalable_containerbg.gif) no-repeat;
	background-position: bottom;
}
#btvRemoteContainer .hideList {
	display: none;
}
#btvRemoteContainer .showList {
	padding: 5px 10px 10px 10px;
	display: block;
}
#btvRemoteContainer .showList a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #919194;
	text-decoration: none;
}
#btvRemoteContainer .showList a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #535455;
	text-decoration: none;
}


#page_content h1 { margin-bottom: 10px; }

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





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

#nav a {
	background: url(images/navbg.jpg) no-repeat 0 0;
	display: block;
	height: 50px;
	color:#0A3C81;
	text-transform:uppercase;
	font-weight:bold;
}

#nav-phone {
	background: url(images/nav-phone.jpg) no-repeat 0 0;
	width:320px;
}

#nav-donate a {
	background: url(images/nav-donate_btn.jpg) no-repeat 0 0;
	display: block;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;
}


#nav li { float: left; position: relative; font-size:11px; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; }
	
	/*--- Default ---*/
	#nav-home a { background-position: 0 0; width: 54px; height:34px; text-align:center; padding-top:18px; }
	#nav-why a { background-position: -54px 0; width: 65px; height:34px; text-align:center; padding-top:18px; }
	#nav-partners a { background-position: -119px 0; width: 74px;; height:34px; text-align:center; padding-top:18px; }
	#nav-practice a { background-position: -193px 0; width: 72px; height:34px; text-align:center; padding-top:18px; }
	#nav-results a { background-position: -265px 0; width: 65px; height:34px; text-align:center; padding-top:18px; }
	#nav-blog a { background-position: -330px 0; width: 78px; height:34px; text-align:center; padding-top:18px; }
	#nav-video a { background-position: -376px 0; width: 103px; height:34px; text-align:center; padding-top:18px; }
	#nav-states a { background-position: -429px 0; width: 60px; height:34px; text-align:center; padding-top:18px; }
	#nav-community a { background-position: -489px 0; width: 85px; height:34px; text-align:center; padding-top:18px; }
	
	#nav-contact a { background-position: -574px 0; width: 64px; height:34px; text-align:center; padding-top:18px; }

	/*--- Hovering ---*/
	#nav-home a:hover { background-position: 0 -50px; width: 54px;; }
	#nav-why a:hover { background-position: 0 -50px; width: 65px; }
	#nav-partners a:hover { background-position: 0 -50px; width: 74px; }
	#nav-practice a:hover { background-position: 0 -50px; width: 72px; }
	#nav-results a:hover { background-position: 0 -50px; width: 65px; }
	#nav-blog a:hover { background-position: 0 -50px; width: 78px; }
	#nav-video a:hover { background-position: 0 -50px; width: 53px; }
	#nav-states a:hover { background-position: 0 -50px; width: 60px; }
	#nav-community a:hover { background-position: 0 -50px; width: 85px; }
	#nav-contact a:hover { background-position: 0 -50px; width: 64px; }
	
	
	
	/*--- Clicking ---*/
	#nav-home a:active { background-position: 0 -100px; width: 54px; }
	#nav-why a:active { background-position: 0 -100px; width: 64px; }
	#nav-partners a:active { background-position: 0 -100px; width: 74px; }
	#nav-practice a:active { background-position: 0x -100px; width: 64px; }
	#nav-results a:active { background-position: 0 -100px; width: 64px; }
	#nav-blog a:active { background-position: 0 -100px; width: 78px; }
	#nav-video a:active { background-position: 0 -100px; width: 54px; }
	#nav-states a:active { background-position: 0 -100px; width: 64px; }
	#nav-community a:active { background-position: 0 -100px; width: 84px; }
	#nav-contact a:active { background-position: 0 -100px; width: 64px; }
	
	/*--- Dropdowns ---*/
	#nav li.over ul { left: 0; display: block;}
	#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%;
		text-align:left !important;
		text-transform:none !important;
		font-weight:normal !important;
	}
	
	#nav li li a:hover { background: #eee; }
	
	#nav ul {list-style:none;}
	
	#nav li ul {
		background: #fff;
		border-bottom: 1px solid #000099;
		display: none;
		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%; }
	



/*
-------------------------------------------------------------- 
FOOTER
-------------------------------------------------------------- 
*/

.footer {
	vertical-align: bottom;
	height:275px;
	background: url(images/footer.jpg) repeat 0 bottom;
}

.footer a { display: inline; white-space: nowrap; color:#ffffff !important; }
.footer a:hover { color:#000066 !important; }

.footer ul {
   	margin: 0 auto;
   	padding: 1em 0;
   	text-align: center;
   	width: 85%;
}
.footer ul li{
	display: inline;
	padding: 0.5em;
}


/* Lawguys Block
-------------------------------------------------------------- */

#Lawguys_block { position: relative; width:640px; height:220px; }
#Lawguys_block #news_area { float: left; line-height:0px; }
#Lawguys_block #news_area.flash { float: left; height:220px; width:470px; text-align:center; padding:10px; line-height:0px; background-image:url(images/Lawguys_bg.jpg); }

#Lawguys_block .news_area { float: left; line-height:0px; }
#Lawguys_block .news_area.flash { float: left; height:220px; width:470px; text-align:center; padding-top:30px; line-height:0px; background-image:url(images/Lawguys_bg.jpg); }


#Lawguys_block #right_column 
{
	position: absolute;
	top: 0;
	right: 0;
	float: left;
	width: 171px;
	height:288px;
	background-image: url(images/news_list_bg.gif);
}

#Lawguys_block #right_column h3 { color: #6FA3DC; margin: 10px 20px 0 20px; font-size: 14px; }
#Lawguys_block #right_column #arrow { position: absolute; }
#Lawguys_block #right_column #news_items { width: 140px; margin: 20px; }
#Lawguys_block #right_column #news_items li { margin: 10px 0 10px 0; }
#Lawguys_block ul {list-style:none;}
#Lawguys_block #right_column #news_items a
{
	font: 11px arial;
	color: #19669C;
	outline: none;
	position: relative;
}

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

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

#states ul{list-style:none; !important}