/**COLORS
background/light gray = #f2f2f2;
banner/dark brown = #593709; #3a2203
alternate color/ taupe = #CCB699;
highlight / red = #b20505;
blue = #356aa0;

**/

body{
margin:0;
padding:0;
}

#maincontainer{
width: 800px;
margin: 0px auto 0px auto;
background-color: #EEE;
color: #111;
}

#logo{
margin:20px 3px 60px 3px;
padding:0;
}

#logo-personal{
display:block;
float:none;
margin: 0;
padding:0;
margin-top: 10px;
}

#photo{
padding: 8px 0px 8px 0px;
border: 1px solid #555;
display:block;
float:left;
margin:0;
height:182px;
width:247px;
}

#staff{
font: 14px Tahoma, arial;
width: 280px;
clear:both;
margin-top:25px;
margin-left:auto;
margin-right:auto;
}

#staff .person{
display:block;
clear:both;
padding-left:15px;
margin-bottom:10px;
}

#staff .person .info{
display:block;
white-space:normal;
float:left;
font: 11px Tacoma, Arial;

}

#staff .person img{
display:block;
float:left;
background-color:#FFF;
border:1px solid #a9a9a9;
padding: 5px 5px 5px 5px;
margin-right: 5px;
width: 75px;
height: 75px;
}

#staff hr{
display:block;
clear:both;
}


#staff h1{
font: 18px Tahoma, arial;
padding: 0;
margin:0;
padding-left: 10px;
}

#name-personal{
margin-top:20px;
text-align:Left;
color:#FFF;
height:60px;
width:350px;
font: 18pt Trebuchet MS;
}

#info-personal{
margin-top:20px;
text-align:Left;
color:#FFF;
height:60px;
width:350px;
font: 12pt Trebuchet MS;
}

#info-personal a{
color: #FFF;
}

#info-personal td{
padding: 0;
}

#photo-personal{
display:block;
margin:0px 60px 0px 60px;
height:200px;
width:250px;
text-align: center;
}

#photo-personal IMG{
max-height:200px;
max-width:250px;
}

#express a{
display:block;
margin-left:520px;
font: 15px Tahoma bold, arial bold;
font-weight:bold;
padding: 14px 20px;
height:22px;
width:210px;
background-image: url('./images/expressbutton.png');
text-decoration:none;
color:#FFF;
}

#express{
background-image: url('./images/bar.jpg');
display:block;
height: 50px;
margin:0;
padding:0;
}

#express-left{
background-image: url('./images/bar.jpg');
display:block;
margin:0;
padding:0;
}

#express-left a{
display:block;
margin-left:60px;
font: 12px Tahoma bold, arial bold;
font-weight:bold;
padding: 18px 20px;
height:14px;
width:210px;
background-image: url('./images/expressbutton.png');
text-decoration:none;
color:#FFF;
}

#pictureholder{
display:block;
float:left;
padding:0;
height: 200px; /**pictures must be scaled to 300x250**/
width: 250px;
}

#contentpane{
display:block;
margin:0;
}

#picturebar{
margin: 0;
padding: 0;
background-image: url('bannerbg2.png');
background-repeat: repeat-x;
width: 800px;
height: 200px;
text-align:center;
}

.clear{
display:block;
color: #f2f2f2;
height:0px;
border:none;
width:100%;
padding:0;
margin:0;
clear:both;
}

#practices{
font: 14px Tahoma, arial;
width: 280px;
margin-top:25px;
margin-left:auto;
margin-right:auto;
}

#practices h1{
font: 18px Tahoma, arial;
padding: 0;
margin:0;
padding-left: 10px;
}

#practices ul{
list-style-image: url('./images/scalebullet.png');
}

#practices a{
color: #111;
text-decoration:none;
}

#practices a:hover{
color: #aaa;
}

.largepractices{
font: 14px Tahoma, arial;
width: 470px;
margin: 0;
margin-top:25px;
padding: 5px;
}

.largepractices h1{
font: 18px Tahoma, arial;
padding: 0;
margin:0;
padding-left: 10px;
}

.largepractices ul{
list-style: none;
margin: 0;
padding: 5px 5px;
}

.largepractices a{
color: #111;
text-decoration:none;
}

.largepractices li {
margin: 5px 0px;
}

.largepractices a:hover{
color: #aaa;
}

#feature{
 margin: 30px 15px;
 padding: 5px 5px 5px 5px;
 border: 1px dashed #AAA;
 text-align:center;	
}

#feature a{
display:block;
 text-decoration:none;
}	

.feature{
 margin: 30px 15px;
 padding: 5px 5px 5px 5px;
 border: 1px dashed #AAA;
 text-align:center;	
}

.feature a{
display:block;
 text-decoration:none;
}	

.feature-mainphoto{
 margin: 30px 15px;
 padding: 5px 5px 5px 5px;
 text-align:center;	
}

.feature-mainphoto .caption{
	padding: 3px 3px 3px 3px;
	margin: 0;
	text-align: center;
	background-color: #FFF;
	font: 9pt Tahoma, Arial;
}

.feature-mainphoto a{
display:block;
 text-decoration:none;
}	


.profile{
padding: 7px 10px 0px 0px;
font: 10pt Trebuchet MS, Arial;
float:none;
margin:0;
margin: 10px 10px 10px 10px;
width: 470px;
text-align: justify;
}

.profile p{
text-indent:0px;
}

.profile h1{
	font: 18px Tahoma, arial;
	margin: 5px 0px;
}

.newspost{
padding: 7px 10px 0px 0px;
border-top: 1px solid #111;
float:none;
margin:0;
margin: 10px 10px 10px 10px;
width: 470px;
}

.newspost h1{
font: 16px Tahoma bold, Arial bold;
font-weight:bold;
padding:0;
margin: 0;
}

.newspost .post-date{
color: #356aa0;
font: 12px Tahoma bold, Arial bold;
font-weight:bold;
}

.newspost .preview{
font: 12px Tahoma, Arial;
}

.morebutton {
height: 35px;
width: 80px;
}

.morebutton a{
display:block;
text-decoration:none;
}

#navmenu{
width:100%;
margin: 0;
padding: 0;
height:50px;
background-image: url('./images/menubg.png');
}

/**Dropdown menu stuff**/
#jsddm {	
margin: 0;
margin-left: 25px;
padding: 0;

}


	#jsddm li
	{	
		float: left;
		list-style: none;
		font: 12px Tahoma bold, Arial bold;
		font-weight:bold;
		height:50px;
	}

	#jsddm li a
	{	display: block;
		
		padding:0;
		padding: 16px;
		text-align:center;
		text-decoration: none;
		width: 117px;
		color: #111;
		height:18px;
	}
	#jsddmfirst a
	{
		display: block;
		padding:0;
		padding: 16px;
		text-align:center;
		text-decoration: none;
		width: 117px;
		color: #111;
		height:18px;
	}

	#jsddm li a:hover
	{	background-image: url('./images/highlightedmenubg.png')}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			width: 150px;
			visibility: hidden;
			border-right: 1px solid;
			border-bottom: 1px solid;
			border-left: 1px solid; 
		}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			background: #eee;
			text-align:left;
		}
		
		#jsddm li ul li a:hover
		{	background: #356aa0}


/**Image Shadows**/
div.img-dec {
	background: url('./images/shadow.gif') no-repeat bottom right;
	clear: right;
	float: right;
	margin: 0 0 15px 25px;
	padding: 0;
}

div.img-dec img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	z-index:0;
}

div.img-ilus {
	background: url('./images/shadow.gif') no-repeat right bottom;
	margin: 10px 5px;
	padding: 0;
	
}

div.img-ilus img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	vertical-align: bottom;
	z-index:0;
}

.lawyerlist{
padding: 7px 10px 0px 0px;
font: 14px Arial;
float:none;
margin:0;
margin: 10px 10px 10px 10px;
width: 470px;
}

.lawyerlist h1{
font: 18px Tahoma, arial;
padding: 0;
margin:0;
padding-left: 10px;
border-bottom: 1px solid #593709;
}

.lawyerlist a{
color: #111;
text-decoration:none;
}

.lawyerlist a:hover{
color: #aaa;
}

.article-full{
padding: 10px 10px 10px 10px;
font: 10pt Trebuchet MS, Arial;

}

.article-full p{
clear: both;
text-align: justify;
}

.article-full h1{
font: bold 18px Tahoma, arial;
padding: 0;
margin:0;
}

.article-full img{
float:left;
width:36px;
height: 50px;
border:1px solid #aaa;
background-color:#fff;
padding: 3px 3px 3px 3px;
margin: 3px 5px 5px 5px;
}

.article-full li{
list-style-position: inside;
margin-left: 10px;
}

.img-stan{
border:1px solid #AAA;
padding: 3px 3px 0px 3px;
_padding: 3px 3px 3px 3px;
background-color: #FFF;
margin: 0px 5px 0px 5px;
}

.article-full .post-date{
color: #356aa0;
font: 12px Tahoma bold, Arial bold;
font-weight:bold;
}

.page_contents{
font: 14px Arial;
float:none;
margin:0;
width: 470px;
padding: 10px 10px 10px 10px;
}

.page_contents h1{
font: 18px Tahoma, arial;
padding: 0;
margin:0;
margin-bottom: 10px;
padding-left: 10px;
border-bottom: 1px solid #593709;
}

.page_contents a{
color: #111;
}

.page_contents a:hover{
color: #aaa;
}

.author{
color: #b20505;
font: bold 8pt Tahoma, Arial;
font-weight:bold;
}

#footer{
background-color: #111;
padding: 3px 3px 3px 3px;
font: 12px Tahoma bold, Arial bold;
font-weight:bold;
color: #FFF;
text-align:center;

}

#footer a{
	text-decoration:none;
	color: #FFF;
}

#footer a:hover{
	color: #AAA;
}

.caption{
padding: 3px 3px 3px 3px;
margin: 0;
text-align: center;
background-color: #FFF;
font: 9px Tahoma, Arial;
}

.firminfoarea{
font: 14px Tahoma, Arial;
text-align:center;
width: 100%;
}

.centertext{
width: 800px; 
text-align:center; 
font: 11pt Tahoma, Arial;
}

.t {background: url(dot.gif) 0 0 repeat-x; width: 20em}
.b {background: url(dot.gif) 0 100% repeat-x}
.l {background: url(dot.gif) 0 0 repeat-y}
.r {background: url(dot.gif) 100% 0 repeat-y}
.bl {background: url(bl.gif) 0 100% no-repeat}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}