@import url(reset.css);

BODY{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
	font-size: 1.02em;
	background: #AC6E23 url(../images/page-bg.jpg) repeat-x left top;
}
a, a:visited{
	color: #CF7011;
}
a:hover, a:visited:hover{
	text-decoration: none;
}
p{
	margin-bottom: 1em;
	line-height: 1.3em;
}
h2{
	font-size: 1.3em;
	color: #cf7011;
	font-weight: normal;
	margin-bottom: 1em;
	line-height: 1.2em;
}
h3{
	color: #cf7011;
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: bold;
}
ul.bullets{
	list-style: disc;
	padding-left: 20px;
	margin-bottom: 20px;
}
li{
	line-height: 1.3em;
}
.title span{
	position: absolute;
	left: -9999px;
}

#wrapper{
	background: url(../images/main-bg.jpg) no-repeat 50% top;
}

#container{
	width: 1107px;
	margin: 0 auto;
	padding-top: 10px;
}

#body{
	overflow: hidden;
}
#main-outer{
	background: url(../images/page-bg.png) no-repeat -4px bottom;
}
#main{
	padding: 0 21px 0 6px;
}

#header{
	background: #FFF url(../images/header-bg.jpg) repeat-x left top;
	padding: 16px 0 0;
}

#header h2 a{
	display: block;
	width: 591px;
	height: 54px;
	margin: 0 auto;
	background: url(../images/logo.jpg) no-repeat left top;
}

#header h2 span{
	position: absolute;
	left: -9999px;
}

#header div{
	margin-top: 10px;
	height: 56px;
	background: url(../images/nav-bg.png) repeat-x left 12px;
}

#header div ul{
	margin: 0 auto;
	width: 877px;
	height: 56px;
}
#header div ul li{
	display: block;
	float: left;
	
}

#header div ul li a{
	display: block;
	float: left;
	height: 56px;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
}
#header div ul li ul a{
	background-image: none;
	height: auto;
	float: none;
}
#header div ul li a span{
	position: absolute;
	left: -9999px;
}

#header div ul #nav-profiles a{
	width: 293px;
	background-position: left -56px;
}

#header div ul #nav-profiles a:hover,
#page-profiles #header div ul #nav-profiles a{
	background-position: left top;
}

#header div ul #nav-practice a{
	width: 291px;
	background-position: -293px -56px;
}

#header div ul #nav-practice a:hover,
#page-practice #header div ul #nav-practice a{
	background-position: -293px top;
}

#header div ul #nav-contact a{
	width: 293px;
	background-position: -584px -56px;
}

#header div ul #nav-contact a:hover,
#page-contact #header div ul #nav-contact a{
	background-position: -584px top;

}
#left-side{
	width: 332px;
}
#left-side p{
	margin-left: 5px;
	margin-right: 25px;
}
#left-side h3{
	margin-left: 5px;
	margin-right: 30px;
}
#right-side{
	width: 700px;
	margin-bottom: -50px;
}
#content{
	position: relative;
	top: -60px;
	z-index: 15;
	padding-left: 34px;
}
#right-content{
	padding-bottom: 10px;
	padding-right: 51px;
}
#footer{
	/*background: url(../images/footer-bg.png);*/
	width: 1078px;
	margin-left: 6px;
	height: 376px;
	position: relative;
}
#footer .box-title span{
	position: absolute;
	left: -9999px;
}
#footer li{
	padding-bottom: 5px;
}
#footer li a{
	color: #000;
	text-decoration: none;
}
#footer li a:hover{
	text-decoration: underline;
}
#community-box{
	width: 420px;
	position: relative;
	left: 0;
	top: 0;
}
.box-title{
	position: relative;
	top: -40px;
	display: block;
}
#community-box .box-title{
	width: 555px;
	height: 143px;
	background-image: url(../images/community-link.png);
	background-repeat: no-repeat;
	background-position: -555px top;
	left: -108px;
	margin: 0;
}
#community-box ul, #law-box ul{
	position: relative;
	top: -60px;
	left: 35px;
}
#community-box ul{
	width: 350px;
}
#law-box ul{
	left: 45px;
	width: 300px;
}
#law-box{
	width: 397px;
	position: absolute;
	left: 385px;
	top: 0;
}
#law-box .box-title{
	height: 144px;
	width: 397px;
	background-image: url(../images/lawlinks-link.png);
	background-repeat: no-repeat;
	background-position: -400px top;
	margin: 0;
}
#video-box{
	position: absolute;
	width: 356px;
	height: 304px;
	right: 0;
	top: 0;
}
#video-box .box-title{
	background-image: url(../images/video-link.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 356px;
	height: 304px;
}
#video-box .box-title:hover{
	background-position: -382px top;
}
.left{
	float: left;
}
.right{
	float: right;
}
.half{
	width: 48%;
}
.third{
	width: 30%;
}
.two-thirds{
	width: 60%;
}
.oh{
	overflow: hidden;
	clear: both;
}
.sansserif{
	font-family: Arial, Helvetica, sans-serif;
}
.upper{
	text-transform: uppercase;
}
.underline{
	border-bottom: 2px solid #000;
	padding-bottom: 4px;
	margin-bottom: 8px;
}
.orange{
	color: #cf7011;
}
.hidden{
	display: none;
}
/*********************
Contact Form
*********************/
form fieldset					{ margin:0px 0px 20px 0px; width:578px; position:relative;
												border:0;display:block; padding: 0px 10px 8px; }
form fieldset legend	{ border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;
												font-weight:bold; font-variant:small-caps; font-size:140%; padding:4px 8px;
												margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; }
label									{ display:block; float:left; width:10em; text-align:right;
												margin:.2em .2em 0 0; padding:8px 0px; }
label.error1           { background: transparent url(../images/cancel.png) no-repeat scroll left; position:absolute; margin:12px 0 0 5px }
label.error2           { font-weight:normal;color:red;text-align:left;width:140px; padding-left:25px;
                        background: transparent url(../images/cancel.png) no-repeat scroll left; position:absolute; font-size:9px; width:80px;
						text-align:left; margin-top:85px }						
input.text-input			{ margin:4px;padding:2px 0;color:#333; }

#message							{ width:500px;margin:auto; text-align:center}
#message h2						{ font-size:18px; font-weight:bold; color:#333; margin-top:20px}
#message p						{ color:#333;font-weight:normal; margin-top:5px; }
#checkmark						{ margin-top:40px }