/****************************** Main CSS ******************************/
table, tr, td, div, img, form, object, embed, h1, h2, h3, h4, h5, h6, h7, h8, p, ul, ol, li, cite, a, blockquote{
	border-width: 0;
	margin: 0;
	padding: 0;
}

body { 
 background:#fff url(../images/page_bg.jpg) 0 0 repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#3c5b6f;
	text-align:center;
	margin: 0;
	padding: 0;
}

a{
color: #2790d3;
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

.invisible{
display:none;
}

.clear{
clear:both;
}

form p, form{
font-size:11px;
}

form p{
padding: 2px 0px 5px 0px;
}

#page_container{
    width: 980px;
	margin:6px auto 0 auto;
	text-align:left;
}
#page {
overflow:hidden;
}

/****************************** header ******************************/
.header{
background:url(../images/video_static.jpg) 0 17px no-repeat;
height:300px;
position: relative;
}

#videomc{
float:left;
position:absolute;
}

#videomc #playlist_wrap{
display:none;
}

#videomc #page a#player.player{
margin:0px;
height:300px;
}

#videomc #page{
margin:0;
padding:0;
height:300px;
}

#videomc #page #player .playvideo{
position:absolute;
margin-top:0px;
}

#videomc a.player {	
margin:0;
padding:0;
}

/****************************** utility links ******************************/
.utilbar{
list-style-type: none;
color:#dedede;
font-size:11px;
/*width:370px;
margin-left:630px;*/
position:absolute; right: 0;
}

.utilbar ul{
display:inline;
}

.utilbar li{
display:inline;
float:left;
}

.utilbar li a{
color:#626363;
float:left;
background:url(../images/utilnav_bg.gif) 0 0 no-repeat;
display:block;
padding:4px 9px 0 9px;
text-decoration: none;
}

.utilbar li a:hover{
text-decoration:underline;
}

/****************************** phone number - header ******************************/
.phonenumber{
float:right;
color:#b71823;
font-weight:bold;
font-size:23px;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
background:url(../images/phoneicon.gif) 0 0px no-repeat;
padding:0px 30px 0px 58px;
margin-top:30px;
margin-right:70px;
}

/****************************** books - header ******************************/
.header .books{
clear:right;
float:right;
padding-top:8px;
}

.header .books h2{
background:url(../images/bookheadline.gif) 0 0 no-repeat;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
color:#fff;
font-size:20px;
font-weight:normal;
margin-top:6px;
padding:2px 0 6px 15px;
}
.header .books img{
margin-right:24px;
}
.header .books-fallback {
background: url('/images/books-fallback.jpg') no-repeat 0 0;
height: 229px;
width: 468px;
}
.header .books-fallback a {
display: block;
float: left;
height: 175px;
margin: 50px 2px 0;
text-indent: -9999em;
width: 150px;
}

/****************************** top navigation ******************************/
.navholder{
clear:both;
height:50px;
}

.navholder ul, .footer ul{
list-style-type: none;
}

.navholder li, .footer li{
display:inline;
}

.navholder a{
background: url("../images/nav_divider.gif") no-repeat scroll 100% 0 transparent;
color: #9ABED5;
display: block;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
padding: 16px 23px;
text-decoration: none;
}

.navholder a:hover, #home .navholder a.home, #practiceareas .navholder a.practiceareas, #documents .navholder a.documents, #links .navholder a.links, #members .navholder a.members, #messages .navholder a.messages,
#contact .navholder a.messages, #directions .navholder a.directions, .footer a:hover, .navholder a.directions:hover{
background:url(../images/nav_bg.gif) 0 0 repeat-x;
}

.navholder a.directions{
background:none;
}

/****************************** drop down menu  ******************************/
	table.subnav { background-color: #093b5a;}
	table.subnav td { white-space: nowrap; border-top: 1px dotted #c3c0c0; text-align:left  }
	table.subnav td a { display: block; padding: 4px 10px; color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
	table.subnav td a:hover {background-color: #6e8fa5; color: #fff; text-decoration: none;}

#practicesnav, #librarynav, #resourcesnav, #profilesnav{
position:absolute;
top:357px;
z-index:1000;
visibility:hidden;
}

#practicesnav{
margin-left: 114px;
}

#librarynav{
margin-left: 236px;
}

#resourcesnav{
margin-left: 350px;
}

#profilesnav{
margin-left: 430px;
}

/****************************** content containers ******************************/
.columns{
width:980px;
padding:5px 0;
background-color:#FFFFFF;
border-top:dotted 1px #999999;
margin-top:1px;
}

/****************************** left column ******************************/
#left{
clear:both;
float:left;
width:220px;
text-align:left;
font-size:12px;
min-height:200px;
padding-left:5px
}

/****************************** chat box ******************************/
.chatonline{
color:#435a12;
font-size:12px;
text-align:center;
padding:8px 40px 20px 30px;
background:url(../images/chatbox.gif) 0 0 no-repeat;
}

.chatonline textarea.LPform{
background:#eff6df;
width:151px;
font-family:Arial, Helvetica, sans-serif;
height:50px;
padding:6px 4px 0px 4px;
font-size: 11px;
border:1px solid #2c2e29;
scrollbar-arrow-color: #80847b;
scrollbar-track-color: #80847b;
scrollbar-shadow-color:#80847b;
scrollbar-lightshadow-color: #fcfcfc;
scrollbar-darkshadow-color: #fcfcfc;
scrollbar-highlight-color:transparent;
scrollbar-3dlight-color: #2c2e29;
}

.chatonline input#LPsubmit {
width: 75px;
margin:-10px 0 0 0;
*margin:0px;
height: 22px;
background:transparent;
border:0;
}

.chatonline .chatlinks{
clear:both;
font-size:9px;
color:#3b4f0f;
}
.chatonline .chatlinks a{
color:#fff;
text-decoration:none;
}

#left h3, #quick_contact h3, #quick_contact h2{
clear:both;
padding: 13px 0px 12px 0px;
font-weight:normal;
color:#fff;
text-align:center;
background: url(../images/sideheader.gif) 0 0 no-repeat;
font-size:16px;
}

#left h3 a, #quick_contact h3 a{
color:#fff;
text-decoration:none;
}

#left h3 a:hover, #quick_contact h3 a:hover, #left h4 a:hover, #quick_contact h4 a:hover{
color:#97ba4c;
}

#left h3 img{
margin-left:6px;
margin-top:4px;
position:absolute;
}

#left h4, #quick_contact h4{
color: #52758b;
font-size:13px;
line-height:15px;
padding:8px 0px 0px 4px;
}

#left h4 a, #quick_contact h4 a{
color: #52758b;
text-decoration:none;
}

#left p, #quick_contact p{
padding: 6px 0px 4px 4px;
border-bottom:1px dotted #a2a0a0;
}

#left p.more, #quick_contact p.more{
text-align: right;
font-size:12px;
padding:0;
margin:0 0px 10px 0;
border:none;
}

#left p.more a, #quick_contact p.more a{
text-decoration:none;
color:#52758b;
}

#left p.more a:hover, #quick_contact p.more a:hover{
text-decoration:underline;
}

#left ul, #quick_contact ul{
list-style-type:none;
padding:0 4px 8px 4px;
}

#left li, #quick_contact li{
padding:6px 0px 4px 0px;
line-height:14px;
border-bottom:1px dotted #a2a0a0;
}

#left li a, #quick_contact li a, #left p a, #quick_contact p a{
text-decoration:none;
color:#545353;
}
#left li a:hover, #left p a:hover, #quick_contact li a:hover, #quick_contact p a:hover{
text-decoration:underline;
}

.newsdate{
font-size:12px;
display:block;
color:#52758b;
}

/****************************** box with round corners, grey outline ******************************/
.box{
background:url(../images/box_bg.gif) 0 0 repeat-y;
text-align:center;
}

.box-top{
background:url(../images/bot_top.gif) 0 0 no-repeat;
padding-top:6px;
margin:16px 0 20px 0;
}

.box-bottom{
padding-bottom:10px;
background:url(../images/box_bottom.gif) 0 100% no-repeat;
}

#left .box h4 {
font-size:18px;
color:#4a4c53;
text-align:center;
padding:10px 0;
margin-bottom:6px;
background:url(../images/fadedborder.gif) 50% 100% no-repeat;
font-weight:normal;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
}

.box h4 a{
color:#4a4c53;
text-decoration:none;
}

#left a.linkbtn{
display:block;
color:#fff;
text-decoration:none;
text-align:center;
font-size:12px;
background:url(../images/redbtn.gif) 50% 0 no-repeat;
padding:8px 0;
}

#left a.linkbtn:hover{
background:url(../images/redbtn_hover.gif) 50% 0 no-repeat;
}
/****************************** center column ******************************/
#copy{
float:left;
line-height:23px;
width:500px;
margin-left:10px;
text-align:justify;
}

#copy .emaillink{
display:block;
padding:0;
margin:0;
border:0;
font-size:12px;
background:url(../images/bullet.gif) 0 5px no-repeat;
padding-left:8px;
}

#copy .emaillink:hover{
text-decoration:underline;
}

#copy table{
margin-bottom:15px;
text-align:left;
}

#copy td{
vertical-align:top;
}

.floatleft, .photo, #Directions #copy p img, .bookphoto{
float:left;
margin:0px 25px 8px 0px;
}


/****************************** headlines ******************************/
#copy h1, #copy h2{
	color: #990000;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:normal;
	padding:8px 10px 0px 0px;
	margin-bottom:15px;
	text-align:left;
	line-height:25px;
}

#copy h2{
font-size:21px;
margin-top:10px;
margin-bottom:0;
border-bottom:2px solid #9ab3c3;
color: #97ba4c;
font-weight:bold;
}

#copy h2 a{
color: #97ba4c;
text-decoration:none;
}

#copy h2 a:hover{
color: #97ba4c;
}

#copy h4 a{
text-decoration: none;
color: #333;
}

#copy h3 a:hover, #copy h4 a:hover, #copy #cmp_container h3.cmp a:hover{
background:none;
text-decoration:underline
}

#copy h3, #copy h3 a{
	color:#0000FF;
	text-decoration:none;
	font-size:16px;
	text-align:left;
	margin-top:5px;
}

#copy h4{
color: #333;
font-size:13px;
margin: 10px 0px 0px 0;
text-align:left;
}

#copy h5{
padding:8px 0 4px 0;
font-size:11px;
color:#7a7a7a;
font-weight:normal;
}
/****************************** miniform ******************************/
.mod-iphone-app { /* blue iphone app link */
background: url('/images/mod-iphone-app.png') no-repeat 0 0;
display: block;
height: 80px;
margin-bottom: 10px;
text-indent: -999em;
text-decoration: none;
width: 220px;
}
.mod-contact-now { /* red sidebar banner link */
background: url('/images/mod-contact-now.png') no-repeat 0 0;
display: block;
height: 80px;
margin-bottom: 10px;
text-indent: -999em;
text-decoration: none;
width: 220px;
}
.mod-contact-now:hover {
background-position: -220px 0;
}

#copy h3.miniformheadline, #library #copy h2, #links #copy h2{
font-size:20px;
color:#fff;
font-weight:normal;
background:url(../images/formheadline.gif) 0 0 no-repeat;
padding:10px 14px 7px 16px;
}
#library #copy h2, #links #copy h2{
font-size:18px;
padding:6px 0 10px 16px;
border:0;
}
#library #copy h2 a, #links #copy h2 a{
color:#fff;
}
#copy #cmp_container h3.cmp{
background:#eaeaea;
border-bottom:1px solid #d6d3d3;
font-size:16px;
padding:4px 0 4px 16px;
}

#copy #cmp_container p.cmp{
padding-left:16px;
}

#copy .contactminiform{
background:url(../images/miniform_bg.gif) 0 100% no-repeat;
color:#7a7a7a;
font-size:12px;
line-height:16px;
padding:10px 20px 10px 20px;
margin:0 0 20px 0;
}

#copy .contactminiform input, #copy .contactminiform textarea{
background:url(../images/inputfiled.gif) 0 0 no-repeat;
padding:7px 0 7px 5px;
width:201px;
border:0;
}
#copy .contactminiform textarea{
background:url(../images/textarea.gif) 0 0 no-repeat;
height:76px;
}
#copy .contactminiform input.button{
float:right;
background:url(../images/submit.gif) 0 0 no-repeat;
padding:0;
padding:0;
width:93px;
height:40px;
color:#fff;
cursor:pointer;
margin:20px 20px 0 0;
font-size:18px;
}
.fieldname{
padding-left:10px;
font-size:12px;
display:block;
}

.colone, .coltwo{
float:left;
padding-top:10px;
width:226px;
}

p.dotted_divider{
border-bottom:1px solid #ddd;
margin-bottom:10px;
}

#copy p.top, #copy p.more{
text-align:right;
font-size:12px;
margin-top:8px;
color:#333;
padding:0 0px 0px 0;
}

#copy p.top a, #copy p.more a{
color:#333;
text-decoration:none;
}

#copy p.top a:hover, #copy p.more a:hover{
text-decoration:underline;
}

#copy ul.bborder li{
border-bottom:1px solid #ddd;
margin-bottom:5px;
margin-top:5px;
}

#copy p, #copy blockquote {
padding:5px 0px 5px 0px;
}

#copy ul {
list-style-type: none;
margin:5px 0px 0 17px;
}

#copy li{
background:url(../images/bullet.gif) 0 13px no-repeat;
padding: 2px 5px 2px 12px;
text-align:left;
}

#copy ul ul{
margin:0px 0 6px 0px;
}

#copy ul ul li{
padding:0px 5px 0px 11px;
margin:0;
background:url(../images/bullet.gif) 0 8px no-repeat;
}

#copy ol li{
background:none;
padding: 2px 5px 2px 0px;
}

#copy ol{
margin-left:25px;
}

#copy p.info{
font-size:12px;
font-style:italic;
line-height:15px;
width:320px;
}

#copy #contactform{
margin-top:5px;
}

input, textarea, select{
border:1px solid #d6d5d5;
font-size:13px;
background:#ececec;
margin-bottom:5px;
}

input.check{
border:0;
background:none;
}

#copy #contactform td {
padding:2px 0px;
}

#sitemap #copy li a{
text-decoration: none;
color:#3c5b6f;
font-size:13px;
}

#sitemap #copy li a:hover{
text-decoration: underline;
}

#members #copy div{
margin-bottom:25px;
}

#copy .cmpadd{
font-size:12px;
line-height:13px;
}

#copy #cmp_container, .testimonial{
margin:10px 0;
font-size:12px;
border:0;
padding:0;
line-height:16px;
}
.testimonial{
background:#f3f3f3;
border:1px solid #eee;
padding:5px 8px;
}

#copy .testimonial h1{
font-size:14px;
font-weight:bold;
padding:10px 0 0 0;
margin:0;
background:none;
text-align:left;
line-height:18px;
}

.testimonial{
margin:0 0 10px 0;
}

hr{
background:#e8e5e2;
border:0;
color:#e8e5e2;
height:1px;
}

/****************************** Video Library Fixes ******************************/
#videos #copy .videopagelist img{
	margin-right:15px;	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#videos #copy .videopagelist{
	margin-top:30px;	
}

/****************************** right column ******************************/
#quick_contact{
width:220px;
font-size:13px;
text-align:left;
float:right;
padding-right:5px;
}

#quick_contact #minicontact{
text-align:left;
padding:10px 12px;
line-height:14px;
}

#quick_contact input.submitbutton,  #minicontact input.btn, #copy input.btn{ 
color: #fff;
cursor:pointer;
font-size:14px;
background:#fff;
padding:5px 24px 7px 24px;
background:url(../images/redbtn.gif) 0 0 no-repeat;
border:0;
width:auto;
min-width:200px;
}

#minicontact input, textarea, select{
border:1px solid #d6d5d5;
font-size:13px;
background:#ececec;
margin-bottom:5px;
width:195px
}

input.check{
border:0;
background:none;
}

.footer{
background:#083957;
margin:0 auto;
font-size:11px;
padding:12px 0;
text-align:center;
}

.footer a{
color:#fff;
text-decoration:none;
padding:0 16px;
}
/****************************** copyright info ******************************/
.copyright{
padding:12px 0 10px 0;
color:#3c5b6f;
width:980px;
margin:0 auto;
line-height:14px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

.copyright a{
color:#3c5b6f;
text-decoration:none;
}

.copyright a:hover{
text-decoration:underline;
}

/* Blog Styles */
.blogentry, .blogcontent
{
  font-size:12px;
  line-height:150%;
  border-bottom: 1px dashed #aaa;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.blogentry h2 a
{
  font-size: 12px;
  font-weight: bold;
  color: #336;
  text-decoration: none;
  text-transform: none;
}

.blogentry h2 a:hover
{
  text-decoration: underline;
  color:#333;
}

.blogentry div.info, .blogcontent div.info
{
 float:right;
  padding:5px;
  margin:0 0 15px 15px;
  line-height:normal;
  font-size:10px;
background:#f3f3f3;
border:1px solid #eee;
}
.blogcomment
{
  padding: .5em 0;
  margin-bottom: 1em;
  line-height:150%;
  font-size:10px;
}

.blogcomment div.info
{
  padding: .5em 0;
  margin-bottom: 1em;
  line-height:150%;
  font-size:10px;
  border-bottom: 1px dashed #ddd;
  text-align:right
}

h3.blog
{
  font-size: 13px;
  font-weight: bold;
  color: #336;
  border-bottom: 1px solid #336;
}

.blogcontent
{
  font-size:12px;
  line-height:150%;
  border-bottom: 0;
  padding-bottom: 1em;
  margin-bottom: 0;
}

.pagination{
margin-bottom:10px;
background:#a6bac7;
padding:6px 5px;
text-align:left;
font-size:12px;
}

#copy .pagination a{
padding:2px 8px;
color:#333;
font-weight:bold;
text-decoration:none;
background:#e1ecf3;
border:1px solid #fff;
}

#copy .pagination a:hover{
background:#fff;
color:#333;
}

.blogcategory{
padding:12px 0;
border-bottom:1px solid #f0f2f6;
margin-bottom:8px;
text-align:center;
}

/* custom browser styles ***********/
.ie7 #practicesnav{
margin-left: -650px !important;
}
.ie7 #librarynav{
margin-left: -560px !important;
}
.ie7 #resourcesnav{
margin-left:-470px !important;
}
.ie7 #profilesnav{
margin-left:-365px !important;
}
.ie7 #bottomcurves{
margin-top:-5px !important;
}

/****************************** @media print styles ******************************/
@media print {
.utilbar, #left, #quick_contact, .footer, .top, .more, .navholder, #page, .miniformheadline, .contactminiform, .header{
display:none;
}

.invisible{
display:block;
}

a{
text-decoration: none;
color: #000;
}

#page_container, #copy, .columns{
clear:both;
float:none;
width:650px;
font-family:"Times New Roman", Times, serif;
font-size:12px;
padding:0;
margin:0;
}

#page_container p{
line-height:15px;
}

#copy img{
float:left;
margin-right:10px;
margin-bottom:10px;
}

#copy h1, #copy h2{
text-align:left;
}

#copy ul{
list-style-type:disc;
list-style-position:inside;
margin-left:0;
}

.copyright{
font-size:10px;
text-align:left;
padding-top: 5px;
width:650px;
margin:5px 0;
}

.footer{
width:650px;
margin:0;
}
}
