/* ============================================================================================= */
/* ==== Color Palettes ========================================================================= */
/* ============================================================================================= */
/* page_drab_grey (main) */
/*
219,222,195 #DBDEC3 - grey/beige bg
219,224,189 #DBE0BD - beige inner border
223,227,195 #DFE3C3 - lighter beige inside border bg
154, 55, 46 #9A372E - darker red
208, 78, 66 #D04E42 - lighter red

#3A3A33 - bg dark drab
#404038 - bg drab
#4D4C40 - bg dark grey brown
#555447 - bg grey brown
#636357 - bg dark grey
#6E6E61 - bg grey
*/

/* page_red_drab_beige1 */
/*
157, 53, 45 #9D352D - burgundy (light)
141, 49, 41 #8D3129 - burgundy
105, 39, 34 #692722 - burgundy (dark)
128,126,111 #807E6F - drab/grey (light)
104,103, 89 #686759 - drab
 82, 81, 68 #525144 - drab/grey (dark)
206,206,161 #CECEA1 - beige
248,250,235 #F8FAEB - light beige bg
 88,101, 84 #586554 - green/grey font (on light beige)
222,222,198 #DEDEC6 - grey font on red
*/

/* ============================================================================================= */
/* ==== Basics ================================================================================= */
/* ============================================================================================= */
body 
{
	font: 1em 'Book Antiqua', Garamond, 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	behavior: url("hover.htc");
}

#wrapper {
	width: 1000px;
	margin: 15px auto;
	border-top: 1px solid #4175aa;
	/* font-size: .9em;  If font-size appears too big, uncomment this property */
}

a,
a:visited {
	color: #9A372E;
}

a:hover {
	color: #D04E42;
}

hr {
	border: 1px solid #3A3A33;
}

ul.bulletted {
	margin-left: 16px;
	display: block; 
}

ul.bulletted li {
	margin-left: 16px;
	list-style-type: circle;
	padding-top: 6px;
}

strong {
	/*font-family: 'Goudy Old Style',Garamond;*/
	font-weight: bold;	
}

p {
	margin-bottom: 12px;
}

.address {
	font-family: 'Gill Sans MT',Arial;
	text-transform: uppercase;	
	font-weight: lighter;
}

#footer .address {
	font-size: x-small;
}

/* ============================================================================================= */
/* ==== Navigation ============================================================================= */
/* ============================================================================================= */
.menu:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;	
}

.menu { 
	position: relative; 
	z-index: 100;
	display: inline-block;
	background: #692722;
	/*background: #1f1f1f url(../img/bg_nav2.gif) repeat-x 0 0;*/
}

.menu {
	display: block;
	margin: 8px 0;
	font-size: .94em;
	line-height: normal;
    letter-spacing: normal;
}

.menu li {
	display: inline;
	float: left;
	position: relative;
	font-family: Eurostile, Arial, sans-serif;
    border: none;
    background: url(../img/elements/dotted_border.gif) repeat-y left;
	text-align: center;
	vertical-align: middle;
}

.menu a, 
.menu a:visited {
	display: block;
	text-decoration: none; 
	color: #F8FAEB;
	padding: 10px 30px;
    border-top: 1px solid #692722;
    border-bottom: 1px solid #692722;
}

.menu li .first
{
	border-left: 1px solid transparent;
}

.menu a:hover
{
    color: #F8FAEB;
    border-top: 1px solid #F8FAEB;
    border-bottom: 1px solid #F8FAEB;
    background: url(../img/elements/dotted_border.gif) repeat-y left;
    background-color: #9D352D;
}

.menu ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 29px;
	left: 0; 
}

.menu table {
	position: absolute; 
	top: 0; 
	left: 0; 
	border-collapse: collapse;
}

.menu ul ul a, 
.menu ul ul a:visited {
	background: #232323; 
	color: #fff; 
	height: auto; 
	padding: 5px 10px; 
	width: 128px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.menu a#current,
.menu a#current:hover {
	/* background-image: url(../img/bg_nav.gif);
	background-repeat: no-repeat;
	background-position: right 0; */
	/* background: #347bbb url(../img/bg_navSelected2.gif) repeat-x 0 0; */
	background-image: url(../img/bg_navSelected3.gif);
	background-repeat: repeat-x;
	background-color: #25578a;
	color: #fff;
	font-weight: bold;
	/* padding-right: 30px; */
}

.menu ul ul a:hover { 
	color: #49bc59; 
	background: #000;
}

.menu :hover > a {
	/*background: #1f1f1f url(../img/bg_navHighlight.gif) repeat-x 0 0;*/
}

.menu ul ul :hover > a {
	color: #49bc59; 
	background: #000;
}

.menu ul li:hover ul,
.menu ul a:hover ul,
.menu ul a#current:hover ul { 
	visibility: visible;
}

.menu ul :hover ul ul {
	visibility: hidden;
}
/* ============================================================================================= */
/* ==== Container ============================================================================== */
/* ============================================================================================= */
#container:after {  /* Clearing the main container */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}  

#container { 
	display: inline-block; /* Clearing the main container */
}

#container { 
	display: block;
	margin: 5px 0 10px 0;
	width: 980px;
	background: #fff;
	padding: 10px;
	/* border-bottom: 1px solid #14304d; */
}
/* ============================================================================================= */
/* ==== Content ================================================================================ */
/* ============================================================================================= */
#content 
{
    /*background-color: #8D3129; */
    /*color: #F8FAEB;*/
}

#sidebar {
	float: left;
	width: 320px;
}

#wide #content {
	width: 980px;
	margin-right: 0;
}

#content dl dt {
	font-size: 1.4em;
	color: #25578a;
	padding-left: 18px;
	background: url(../img/icon_arrow.gif) no-repeat 00;
	margin-bottom: .5em;
}

#content dl dd {
	margin-bottom: .75em;
	line-height: 1.6em;
	padding-bottom: .75em;
	border-bottom: 1px dashed #a1b2c3;
}

#content h1 {
	font-size: 1.7em;
	font-family: Eurostile, Arial, Sans-Serif;
	margin-bottom: 5px;
	font-weight: normal;
	padding-bottom: 10px;
}

#content h2 {
	font-size: 1.3em;
	font-family: Eurostile, Arial, Sans-Serif;
	margin-bottom: 5px;
	font-weight: normal;
	padding-bottom: 8px;
}

#content h3 {
	font-size: 1em;
	font-family: Eurostile, Arial, Sans-Serif;
	padding-bottom: 6px;
	font-weight: bold;
}

#content h4 {
	font-size: 1em;
	font-family: Eurostile, Arial, Sans-Serif;
	padding-bottom: 4px;
	font-weight: normal;
}

#content h1.note {
	font-family: 'Bookman Old Style';
	font-weight: normal;
	font-size: 1.8em; 
	line-height: normal; 
}

#content h2.note {
	font-family: 'Bookman Old Style';
	font-weight: normal;
	font-size: 1.4em; 
	line-height: normal; 
}

#content h3.note {
	font-family: 'Bookman Old Style';
	font-weight: normal;
	font-size: 1.2em; 
	line-height: normal; 
}

#content h4.note {
	font-family: 'Bookman Old Style';
	font-size: 1em; 
	font-weight: normal;
	line-height: normal; 
}

#content h2.note {
	font-family: 'Bookman Old Style';
	font-size: 1.8em; 
	line-height: normal; 
}

#content #breadcrumbs {
	margin: 1em 0;
}

#content .required {
	color: red;
	font-weight: bold;
	font-size: 1.6em;
	padding: 2px 6px;
}

#content #intro p {
	display: block;
	text-align: justify;
	padding: 0px 12px;
}

#content .paper {
	background-color: #f4f9d0;
	margin: 20px;
	padding: 20px 10px;
	border: 1px solid #586554;
}

#content .highlight {
	background-color: #ffff30;
	margin: 1px;
}

#content #practiceAreas {
	margin-left: 10px;
}

#content .practiceArea {
	margin-bottom: 10px;
}

#content .practiceArea .title {
	cursor: pointer;
	font-size: 1.3em;
	font-family: Eurostile, Arial, Sans-Serif;
	margin-bottom: 5px;
	font-weight: normal;
	padding-bottom: 3px;
}

#content .practiceArea .title:hover {
	text-decoration: underline;
}

#content .practiceArea .details {
	padding: 5px;
}

#content .button-container {
	text-align: right;
}

#content .attorney {
	margin-top: 32px;
}

#content .attorney .name {
	border-bottom: 3px solid #3A3A33;
	font-family: 'Goudy Old Style',Garamond;
	font-weight: bold;	
}

#content .attorney .headshot {
	float: left;
}

#content .attorney .bio {
	
}

#content .embedded {
	float: left;
	margin: 0px 5px 5px 0px;
}

#content .embeddedRight {
	float: right;
	margin: 0px 0px 5px 5px;
}

#content .accolade {
	margin-top: 18px;
}

#content #contactInfo {
	width: 175px;
	float: right;
	padding: 20px 0px 20px 28px;
	text-align: left;
	border-left: thin dotted #171717;
}
#content #contactInfo .address {
	text-transform: none;
	font-variant: small-caps;
	font-size: small;
	line-height: normal;
} 
	
#content #contactInstructions {
	width: 585px;
	float: left;
	padding-right: 8px;
}


/* ============================================================================================= */
/* ==== SubNav and Tabs ======================================================================== */
/* ============================================================================================= */
#sub-nav:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#sub-nav {
	display: inline-block;
	padding-left: 0px;
	margin-bottom: -1px;
}

#sub-nav {
	display: block;
}

#sub-nav li {
	display: inline;
}

#sub-nav li a {
	padding: 4px 10px;
	text-decoration: none;
	border: 1px solid #7794e3;
	display: block;
	float: left;
	margin-right: 2px;
	background: #d1dcfb;
	color: #000;
}

#sub-nav li a.current,
#sub-nav li a.current:hover {
	background: #25578a url(../img/bg_subnav_selected.gif) no-repeat 5px center;
	color: #fff;
	padding-left: 15px;
}

#sub-nav li a:hover {
	background: #25578a;
	color: #fff;
}

#tabbed-content {
	border: 1px solid #7794e3;
	position: relative;
	padding: 10px;
}

/* ============================================================================================= */
/* ==== Forms ================================================================================== */
/* ============================================================================================= */
/*  
All of the following styles, should be placed in a table with 
the class identifier of .form-table 
*/	 	 
.form-table label {
	margin-right: 10px;
	padding: 0px 0;
	width: 150px;
	display: block;
}

.form-table .text-input,
.form-table textarea {
	border: 1px solid #ababab;
}

.form-table .text-input:hover,
.form-table textarea:hover {
	border: 1px solid #000000;
}

.form-table .text-input:focus,
.form-talbe textarea:focus {
	border: 1px solid #000000;
	background: #d0e5f7;
}

.form-table .radio-input,
.form-table .checkbox-input {
	padding: 5px 0;
}

.form-table .radio-input label,
.form-table .checkbox-input label {
	display: inline;
	/* padding: 3px; */
}

.form-table select {
	border: 1px solid #ababab;
}

.form-table .small {
	width: 86px;
}

.form-table .medium {
	width: 200px;
}

.form-table select.medium { /* Selects don't play nice */
	width: 202px;
}

.form-table .large {
	width: 300px;
}

.form-table .buttons {
	padding: 30px 5px 0 5px;
}

.form-table .field-info {
	display: block;
	clear: both;
	padding: 5px 0;
	color: #757575;
	font-style: italic;
	width: auto;
}

.form-table .no-field {
	margin: 5px 0;
	display: block;
}

.form-table .search {
	padding-left: 20px;
	background: url(../img/icon_search.gif) no-repeat center left;
}

.form-table .input-error,
.form-table .input-error:hover,
.form-table .input-error:focus {
	background: #fbdcd1;
	border: 1px solid #ba280a;
}

.form-table .field-error {
	color: #ff0000;
}

/* Read Only Form Styles */

.read-only .text-input,
.read-only .text-input:hover,
.read-only .text-input:focus,
.read-only textarea,
.read-only textarea:hover,
.read-only textarea:focus {
	color: #000;
	background: none;
	border: none;
	cursor: default;
}

/* ============================================================================================= */
/* ==== Modules & Pods ========================================================================= */
/* ============================================================================================= */
.modular:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.modular
{
    display: inline-block;
}
.modular
{
	display: block;
}
.module
{
    float: left;
    width: 250px;
    margin-right: 25px;
}
.one-half
{
    width: 388px;
    margin-right: 24px;
}
.two-thirds
{
    width: 525px;
}
.last 
{
	margin-right: 0;
}
.pod 
{
    margin-bottom: 8px;
}
.pod:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.pod
{
    width: 100%;
    height: 18px;
}
#content .module .pod h4
{
    display: block;
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    letter-spacing: normal;
    width: 100%;
    height: auto;
    padding: 2px 0 0 0;
    margin: 0;
    text-align: left;
    vertical-align: bottom;
}
.module .pod-555447 h4
{
    color: #F8FAEB;
}
.pod-left .middle, .pod-right .middle
{
    width: 100%;
    height: 8px;
    background-color: #555447;
}
.pod-555447 .pod-content
{
    float: left;
    width: 240px;
    height: 100%;
    background-color: #555447;
}
.one-half .pod-content
{
    width: 378px;
}
.two-thirds .pod-content
{
    width: 515px;
}
.pod-left
{
    float: left;
    width: 5px;
    height: 100%;
}
.pod-right
{
    float: right;
    width: 5px;
    height: 100%;
}
.pod-left .top
{
    width: 100%;
    height: 5px;
    background: url(../img/pod/pod_555447_5_tl.png) no-repeat top left; 
}
.pod-right .top
{
    width: 100%;
    height: 5px;
    background: url(../img/pod/pod_555447_5_tr.png) no-repeat top right; 
}
.pod-left .bottom
{
    width: 100%;
    height: 5px;
    background: url(../img/pod/pod_555447_5_bl.png) no-repeat bottom left; 
}
.pod-right .bottom
{
    width: 100%;
    height: 5px;
    background: url(../img/pod/pod_555447_5_br.png) no-repeat bottom right; 
}
.module p
{
    padding: 4px;
}
.module .headshot
{
    margin: 0 auto;
    text-align: center;
}
.module ul 
{
	padding: 7px;
}
.module ul li 
{
	margin: .5em 0;
	height: 1%;
	color: #e1e1e1;
}
.module ul li a 
{
	color: #e1e1e1;
	text-decoration: none;
	background: url(../img/highlight.gif) no-repeat -300px center;
	padding-right: 20px;
	display: block;
}
.module ul li a:hover 
{
	color: #fff;
	text-decoration: underline;
	background: url(../img/icon_moduleHover.gif) no-repeat right center;
}
.module ul li span 
{
	display: block;
}

.matThick
{
    background-color: #F8FAEB;
	padding: 12px;
	border: 1px solid #4D4C40; 	
}

.matBlack {
	border: 1px solid #000000;
}

#contact-container:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#contact-container {
	background: #fff;
	padding: 10px 10px 30px 10px;
	border-top: 4px solid #1b4066;
	display: inline-block;
}

#contact-container {
	display: block;
}

#contact-container h3 {
	font-size: 1em;
	font-family: Tahoma, "Trebuchet MS", Verdana, sans-serif;
	color: #25578a;
	/* margin-top: 20px; */
	padding-bottom: 3px;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
}

#contact-container #personnel-contact {
	float: left;
	width: 400px;
	border-left: 4px solid #1b4066;
	padding-left: 10px;
}

#contact-container #program-contact {
	float: left;
	width: 400px;
	border-left: 4px solid #1b4066;
	padding-left: 10px;
}

#contact-container  strong {
	font-weight: bold;
}

.contact-information {
	background: #fff url(../img/icon_contact.gif) no-repeat 10px center;
	padding: 5px 10px 5px 20px;
	text-decoration: none;
	color: #1b4066;
	font-size: .8em;
	text-transform: uppercase;
}

.contact-information:hover {
	text-decoration: underline;
}

/* ============================================================================================= */
/* ==== Login ================================================================================== */
/* ============================================================================================= */
#home #login-wrapper {
	position: relative;
	width: 980px;
}

#login-container:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#login-container {
	position: absolute;
	top: 10px;
	right: 0;
	display: inline-block;
	width: auto;
	height: auto;
}

#login-container {
	display: block;
}

#login-container #login-tab {
	display: block;
	float: left;
	height: 35px;
	width: 76px;
	background: url(../img/bg_loginTab.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#login-container #login-content {
	width: 260px;
	background: #212121 url(../img/bg_loginContent.gif) repeat-x 0 0;
	border-bottom: 1px solid #000;
	float: left;
	padding: 10px;
}

#login-container #login-content p {
	font-size: .9em;
	line-height: 1.4em;
}

#login-container #login-content label{
	color: #dcdcdc;
	font-weight: bold;
	width: 85px;
	display: block;
	float: left;
	padding: 2px;
	margin-top: 5px;
	font-size: .9em;
}

#login-container #login-content span {
	float: right;
	padding: 8px 0 0 0;
	font-size: 1em;
	width: 10px;
}

#login-container #login-content input {
	float: right;
	width: 150px;
	margin-top: 5px;
}

#login-container #login-content input#login-button,
#login-container #login-content input.login-button {
	margin-top: 5px;
	width: auto;
	float: right;
}

#login-container  #login-actions {
	display: block;
	margin-top: 5px;
	color: #fff;
}

#login-container #login-content #login-actions a {
	color: #dcdcdc;
	text-decoration: none;
	font-size: .9em;
}

#login-container #login-content #login-actions a:hover {
	color: #fff;
	text-decoration: underline;
}

#login-container #login-content-inner {
	width: 250px;
}

/* Welcome Styles */

#home #container {
	background: none;
	padding: 0;
	width: 1000px;
	margin: 0;
}

#home #splash-container {
	background: #fff;
	padding: 10px;
	width: 980px;
	margin-top: 5px;
}

#home #welcome-wrapper {
	position: relative;
	width: 980px;
}

#welcome-container:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#welcome-container {
	position: absolute;
	top: 10px;
	right: 0;
	display: inline-block;
	width: auto;
	height: auto;
	color: #dcdcdc;
}

#welcome-container {
	display: block;
}

#welcome-container #welcome-tab {
	display: block;
	float: left;
	height: 35px;
	width: 97px;
	background: url(../img/bg_welcomeTab.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#welcome-container #welcome-content {
	width: 250px;
	background: #212121 url(../img/bg_loginContent.gif) repeat-x 0 0;
	border-bottom: 1px solid #000;
	float: left;
	padding: 10px;
}

#welcome-container #welcome-content h3 {
	font-size: 1.2em;
	font-family: "Trebuchet MS";
	padding-bottom: 3px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 7px;
}

#welcome-container #welcome-content p {
	font-size: .9em;
	margin-bottom: 10px;
}

#welcome-container #welcome-content label{
	color: #dcdcdc;
	font-weight: bold;
	width: 80px;
	display: block;
	float: left;
	padding: 2px;
	margin-top: 5px;
	font-size: .9em;
}

/* ============================================================================================= */
/* ==== Popups ================================================================================= */
/* ============================================================================================= */
#popup {
	padding: 5px;
}

#popup #wrapper {
	width: auto;
}

#popup a#close-popup {
	color: #fff;
	text-decoration: none;
	text-align: right;
	display: block;
	padding: 3px 0;
	font-size: .9em;
	text-transform: uppercase;
}

#popup #container {
	width: auto;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#popup #content {
	width: auto;
	margin: 0;
	padding: 10px;
	float: none;
}

/* ============================================================================================= */
/* ==== Links ================================================================================== */
/* ============================================================================================= */
.moreLink {
	padding: 0 5px 0 20px;
	background: url(../img/link_more.gif) no-repeat right center;
}

.selectLink {
	padding: 0 5px 0 20px;
	background: url(../img/icon_select.gif) no-repeat left center;
}

.expandLink {
	float: left;
	margin-right: 2px;
}

.editLink {
	padding: 0 5px 0 18px;
	background: url(../img/icon_edit.gif) no-repeat left center;
	line-height: 1.8em;
}

.viewLink {
	padding: 0 5px 0 20px;
	background: url(../img/icon_view.gif) no-repeat left center;
	line-height: 1.8em;
}

.searchLink {
	padding: 0 5px 0 18px;
	background: url(../img/icon_search.gif) no-repeat center left;
}

.createLink {
	padding: 0 5px 0 18px;
	background: url(../img/icon_create.gif) no-repeat center left;
}

.addLink {
	padding: 0 5px 0 18px;
	background: url(../img/icon_add.gif) no-repeat center left;
}

/* ============================================================================================= */
/* ==== Clearing =============================================================================== */
/* ============================================================================================= */
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}  

.clearfix { 
	display: inline-block;
}

.clearfix { 
	display: block;
}