/* global em typography template adapted from http://www.thenoodleincident.com */

body{
 border:0;
 margin:0;
 padding:0;
 font-family: verdana, helvetica, sans-serif;
 color: #000;
 /*background:#003366;*/
 background:#001a34 url(../images/hdr/body-bkg.gif) left top repeat-x;
 font-size: 76%;
 text-align:center;
 }
 
 /*----------------- list styles ------------------*/



/* these lists are formatted to use a background-image for the bullets.  Comment out list-style:none and the background image below, as well as the ul and li specific styles to use the default browser bullets */

ol, ul, li {
	list-style: none;
   	line-height: 1.4em;
	margin-top: 1em;
	margin-bottom: 1em; 
	text-align:left;
	}
	
ul{
 
 padding-left:1em;
 margin-left:.5em;
 }
 
li{
/*font-size: .93em;*/
padding-left:1em;
}
	


/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.2em;
	}
	
/*----------------- end list styles ------------------*/
 
 /*----------------- header styles ------------------*/

h1{
 font-family: verdana, helvetica, sans-serif;
color:#003366;
font-size:2.4em;
font-weight:bold;
margin: .8em 0 .8em 0;}

h2{
 font-family: verdana, helvetica, sans-serif;
font-weight:bold;
margin: 1.4em 0 .6em 0;
color:#000;
font-size:1.4em;
}
.header2{

color:#0069A3;
font-size:1.8em;
font-weight:bold;
margin: .8em 0 .4em 0;
}


h3{
color:#003366;
 font-family: verdana, helvetica, sans-serif;
font-weight:bold;
font-size:1.2em;
margin: 2.0em 0 .6em 0;
}

.header3{
color:#DF6913;

font-weight:bold;
font-size:1.2em;
}
.header3b{
color:#0069A3;

font-weight:bold;
font-size:1.4em;
}
h4{
color:#DF6913;
font-weight:bold;
font-size:1.0em;
margin: 1.6em 0 .4em 0;

}


h5{
color:#0069A3;
font-weight:bold;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
margin: 1.2em 0 .4em 0em;
}

h6{
color:#00408A;
font-weight:bold;
font-size:.94em;
margin: 1.2em 0 .4em 0em;
}

/*----------------- end header styles ------------------*/

/*----------------- table styles ------------------*/


/*this is for win ie5.x and Opera, as it will not cascade the em sizing
into the table.  Adding this rule defines the table as the containing block, 
and the sizing will then decend correctly.*/

/*----------------- end links ------------------*/


/*----------------- links ------------------*/

a, a:visited{
 color:#003366;
 text-decoration:underline;
}

a:hover, a:active, a:focus{
color:#f00;
 text-decoration:none;
}

a img, a img:visited, a img:hover, a img:active, a img:focus {
	border: 0;
	text-decoration:none;	
}

/*----------------- end links ------------------*/

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

.right{
 text-align: right;
 }

.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clearer {
	clear: both;
}

.hide, .print{
/*display:none;*/
}
.smltext{
font-size:.94em;
}
.lrgtext{
font-size:1.2em;
}
.xlrgtext{
font-size:1.5em;
}
form {
padding:0;margin:0;
}
/*end all the global stuff */

#wrapper{
width:988px;
text-align:left;
margin:12px auto;
margin-bottom:0;
border:3px solid #DCAE23;
padding:3px;
}
#wrapperinner{
background:#fff;
padding:3px;
}
#header{
height:140px;
position:relative;
padding:12px;
}
img.logo{
position:absolute;
top:7px;
left:7px;
}
#hdrbox2{
background:#E6C659;
width:132px;
float:right;
color:#003366;

font-weight:bold;
text-align:center;
height:98px;
padding:18px 8px;
margin-left:12px;
}
#hdrbox1{
width:284px;
float:right;
text-align:center;
font-size:1.2em;
height:98px;
padding:20px 8px;
}
#nav{
height:32px;
background:#003366 url(../images/hdr/nav-bkg2.gif) left top repeat-x;
border-top:1px solid #002133;
border-bottom:1px solid #002133;
margin:0;
padding:0;
margin-bottom:4px;
border-right:1px solid #002133;
}
#nav li{
margin:0;padding:0;
background:#E6C659;
float:left;
border-left:1px solid #002133;
}
#nav li a{
display:block;
height:20px;
background:#003366 url(../images/hdr/nav-bkg.gif) left top repeat-x;
text-align:center;
color:#fff;
text-decoration:none;
font-size:12px;
text-transform:uppercase;
padding:6px 0;
font-weight:bold;
}
#nav li a:hover{
background:none;
}
#nav li#navcontactus a{width:222px;}
#nav li#navcases a{width:175px;}
#nav li#navfaq a{width:106px;}
#nav li#navfirm a{width:130px;}
#nav li#navlawyers a{width:167px;}
#nav li#navsettle a{
width:158px;
background:#cd3f3b url(../images/hdr/nav-bkg2.gif) left top repeat-x;
}
#nav li#navsettle a:hover{
background:none;
}
#leftcol{
width:202px;
float:left;
}
#contentwrapper{
margin-left:214px;
}
#lefthdr{
background:#003366;
padding:12px;
color:#fff;
}
#leftmenu{
padding:0;margin:0;
background:#E6C659 url(../images/hdr/leftmenu-bkg.gif) left bottom repeat-x;
}
#leftmenu li{
margin:0;padding:6px 12px;
background:#E6C659 url(../images/hdr/leftmenu-bkg.gif) left bottom repeat-x;
border-bottom:1px solid #fff;
color:#000;
}
#leftmenu li a{
color:#003366;
text-decoration:underline;
font-weight:bold;
}
#leftmenu li a:hover{
text-decoration:none;
color:#f00;
}
#leftcontent{
background:#fff;
padding:12px;
}
#leftcontent p{
margin-top:0;
margin-bottom:.6em;
}
#content{
margin-right:280px;
text-align:justify;
}
body.norightcol #content{
margin-right:18px;
}
#content p{
margin:.6em 0 1.2em 0;
line-height:1.4em;
}
#rightcol{
width:256px;
float:right;
background:#E5E5E5;
font-size:.94em;

}
#rightcol table{
float:right;
margin:8px;
}
#rightcolhdr{
padding:4px 12px;
background:#838383;
text-align:center;
color:#fff;
font-weight:bold;
font-size:1.4em;
}
#rightcontent{
padding:8px;
}
#rightcol p{
margin:.8em 0;
}
#contentfooter{
text-align:center;
margin-top:4px;
}
#contentfooter h2{
margin:0;
padding:4px 12px;
background:#838383;
text-align:center;
color:#fff;
font-weight:bold;
font-size:1.4em;
}
ul.list1{
padding:0;margin:.8em 12px;
margin-bottom:1.2em;

}
ul.list1 li{
background:url(../images/bul3.gif) 0 .6em no-repeat;
margin:0;
margin-bottom:.6em;
padding:0;
padding-left:14px;
list-style:none;
}
ul.list2{
padding:0;margin:1.8em 0;


}
ul.list2 li{
background:url(../images/bul2.gif) 0 0.2em no-repeat;
margin:0;
margin-bottom:.6em;
padding:2px 0;
padding-left:26px;
list-style:none;
font-size:1.2em;
}
ul.list2 li a{
font-weight:bold;
}
ul.list3{
padding:0;margin:.8em 12px;
margin-bottom:1.2em;

}
ul.list3 li{
background:url(../images/bullet_2.gif) 0 .2em no-repeat;
margin:0;
margin-bottom:.6em;
padding:0;
padding-left:12px;
list-style:none;
}
body.home h1{
margin-bottom:0;
}

#footer{
color:#fff;
padding:12px 0;
text-align:center;
}
#content td p{
margin-top:0;
}
hr.hr1 {
	
	color:#ccc;
	background:#ccc;
	height:1px;
	margin:12px;
}
.hdr2{
font-size:1.4em;
padding:6px 0;
display:block;
}
#contactblock{
margin-left:155px;
}
.aligncenter{
text-align:center;
}
#map{
margin-top:20px;
width:490px;
height:370px;
border:3px double #777;
}
a.button1, a.button:visited, a.button1:active{
display:block;
border:2px solid #000000;
background:#CC3300;
font-size:1.2em;
font-weight:bold;
color:#fff;
text-decoration:underline;
padding:6px;
line-height:1.4em;
}
a.button1:hover{
background:#fff;
color:#CC3300;
text-decoration:none;
}
#column1{
width:220px;
float:left;
font-size:.94em;
margin-right:12px;
}
#column2{
width:220px;
float:left;
font-size:.94em;
}
blockquote.testimonial{
background:#ebebeb;
border:1px solid #cccccc;
padding:12px;
margin:18px;
color:#333333;
font-size:.94em;
}
#content blockquote.testimonial p{
margin:0;padding:0;
}