/* Baseline */
* { vertical-align:baseline; font-weight:inherit; font-family:inherit; /*font-style:inherit;*/ font-size:100%; border:0 none; padding:0; margin:0; }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,table,textarea,p,blockquote,th,td{ margin:0; padding:0; }
html { min-height: 100%; margin-bottom: 1px; } /* Firefox Scrollbar fix */
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{line-height:1.5;font-family:inherit;font-style:inherit;font-weight:inherit;text-align:left;vertical-align:baseline;}
table { border-collapse:collapse; border-spacing:0; }
abbr,acronym,fieldset,img { border:0; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { color:#333333; font-size:100%; font-weight:normal; margin:0; }
address { font-style:normal }
/* Attempt to stardardize everything to 10px = 1em */
html { font-size:100%; } /* Fixes IE */
body { font-size/**/:small; }
body { font-size:62.5%; line-height:1; font-family:arial,helvetica,clean,sans-serif; }
input, select, textarea { font-size:100%; font-family:inherit; margin:4px; padding:2px; border:1px solid #975433;} /* For Firefox */
html > body { font-size:10px; }
body * { font-size:1em; }

/* Copy Style */
body { color:#333333; background:#f3eee0 url(../../images/site-bg-top.gif) repeat-x 0 0; margin:0; padding:0; }

strong { font-weight:bold; }

h1 { font-size:2.4em; margin:0 0 0.4em 0; line-height:1; }
h2 { font-size:2.0em; margin:0 0 0.4em 0; line-height:1; }
h3 { font-size:1.8em; margin:0 0 0.4em 0; line-height:1.25; }
h4 { font-size:1.4em; margin:0 0 0.4em 0; line-height:1.25; }
h5 { font-size:1.2em; margin:0 0 0.4em 0; line-height:1.25; }
h6 { font-size:1.0em; margin:0 0 0.4em 0; }
/* This order is specific */
a, :link, :visited { text-decoration:none; }
a img, :link img, :visited img { border:0; }
a:link { color:#003E58; text-decoration:underline; }
a:visited { color:#003E58; text-decoration:underline; }
a:hover { color:#B7A683; text-decoration:none; }
a:focus { } /* No IE Support */
a:active { } /* must be last */

ol { margin:0 0 1.6em 2.4em; list-style:decimal outside; }
ul { margin:0 0 1.6em 1.6em; list-style:outside square; color:#333333; }
li { margin:0.2em 0 1em; padding:0; }

div.component { margin:0 0 1.0em; }

/* Main Sections */
#container { margin:0 auto; }
#layout_main {margin:0 auto; width:960px; min-width:960px; background:url(../../images/gavel-and-scales.jpg) no-repeat right 1px; }
#top { margin:0; width:960px; }
#left { clear:left; float:left; width:270px; margin-left:10px; }
#middle { float:left; width:500px; _overflow-x:hidden; }
#internal #middle { width:550px; background:#FFFFFF url(../../images/internal-bg-top.gif) no-repeat 0 0; margin:35px 0 20px 50px; }
#right { margin-left: 520px; width:400px; _overflow-x:hidden;  }
#header { width:960px; height:191px; display:block; position:relative; margin-bottom:10px; }
#logo { width:194px; height:242px; position:absolute; left:10px; top: 0px; z-index:8000; }

#social div { position:absolute; top:10px; }
#social #fb { left:220px; }
#social #li { left:255px; }
#social #tw { left:290px; }

#home_intro { width:462px; background:url(../../images/video-player-bg.jpg) repeat-y 0 0; padding:0; margin:0 0 10px 0; }
#home_intro div { background:url(../../images/video-player-bg-top.jpg) no-repeat 0 0; padding:15px 15px 0 15px; }
#home_intro div img { border-bottom:2px #897457 solid; }
#home_intro h2 { font-family:"Concerta", Georgia, Times, serif; font-size:14px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; padding:0 15px; margin:0; }
#home_intro p { color:#FFFFFF; font-size:12px; font-family:"Concerta", Georgia, Times, serif; padding: 0 15px; margin:15px 0 0 0; }

#s3slider {
   width: 462px; /* important to be same as image width */
   height: 236px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   padding:15px;
}

#s3sliderContent { width: 428px; /* important to be same as image width or wider */ position: absolute; /* important */ top: 15px; /* important */ margin-left: 0; /* important */ }

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-size:14px;
   font-family:Georgia, "Times New Roman", Times, serif;
   padding: 10px 13px 15px 13px;
   width: 402px;
   background-color: #39140c;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #ffffff;
   display: none; /* important */
   bottom: 0;
}

#right .sidebar_callout, #left .sidebar_callout { height:60px; width:270px; margin:15px 0; }
#right #callout1, #left #callout1 { background:url(../../images/callout_bg_directory.jpg) no-repeat 0 0; }
#right #callout2, #left #callout2 { background:url(../../images/callout_bg_member.jpg) no-repeat 0 0; }
#right #callout3, #left #callout3 { background:url(../../images/callout_bg_contact.jpg) no-repeat 0 0; }
#right .sidebar_callout a:link, #right .sidebar_callout a:visited, #left .sidebar_callout a:link, #left .sidebar_callout a:visited { color:#FFFFFF; font-family:"Avenir", Tahoma, Arial, sans-serif; font-size:13px; display:block; padding:21px 0 21px 100px; }
#right #callout2 a, #left #callout2 a { padding-top:20px; }


#nav_top a:link, #nav_top a:visited { font-family:"Concerta", Georgia, Times, serif; font-size:12px; text-decoration:none; text-transform:uppercase; }
#nav_top a:hover { text-decoration:underline; color:#B7A683; }
#nav_top a.on { color:#B7A683; }

.subnav ul {margin:0 0 -18px 325px;}
.subnav li{ display:inline; list-style-type:none; font-family:"Concerta", Georgia, Times, serif; font-size:12px;  font-style:italic; padding: 0 10px;}
.subnav li a:link, .subnav li a:visited {text-decoration:none; color:#39140c;}
.subnav li a:hover {text-decoration:underline; color:#39140c;}

div.padding { padding:10px; }
#left div.padding { padding:20px 0 10px 0; }
#middle div.padding { padding:10px 0 10px 20px; }
#internal #middle div.padding { padding:10px 20px; }
#right div.padding { padding:10px 10px 10px 0; overflow:hidden; }

#header p { margin:0; text-align:center; }
#nav_top { position:absolute; top:161px; right:10px; }
#nav_top ul { list-style-type:none; margin:0; }
#nav_top li { float:left; display:inline; margin:7px 0 0 0; padding:0 0 0 65px; }
#nav_top a { text-decoration:none; color:#FFFFFF; }
#nav_bottom { clear:both; }
#left ul { list-style:none; color:#333333; }

#right h2, #internal #middle h2 { color:#003E58; font-family:"Avenir", Tahoma, Arial, sans-serif; font-size:27px; }
#internal #middle h2 { margin-top: 10px; }
#internal #middle h3 { color:#003E58; font-size:16px; font-family:"Concerta", Georgia, Times, serif; }
#right p { color:#382B05; font-family:"Concerta", Georgia, Times, serif; font-size:12px; margin:0 0 10px 0; padding:0; }
#internal #middle p, #internal #middle li { font-size:12px; font-family:"Concerta", Georgia, Times, serif; color:#382B05; padding:0; margin:0 0 15px 0; }
#internal #middle p a:link, #internal #middle p a:visited { color:#0074A4; }

*.clearboth { clear:both; }
*.clearleft { clear:left; }
*.clearright { clear:right; }
*.hidden { display:none; }

/* Self Clearing Floats */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* Hacks if needed */
/*\*/
* html .gainlayout {height:1%;}
/**/

#footer { width:100%; text-align:left; border-top:2px #79969c solid; clear:both; }
#footer .padding { padding:10px 0 0 0; margin:0 auto; width:960px; }
#footer ul { margin:0 0 0 20px; padding:0; list-style:none; }
#footer li { float:left; display:inline; padding:0; margin:0 20px 0 0; color:#003E58; font-weight:bold; text-transform:uppercase; }
#footer a:link, #footer a:visited { color:#003E58; font-size:10px; font-family:"Concerta", Georgia, Times, serif; text-transform:uppercase; }

/* Sortable tables */
table.sortable th {
    background-color:#39140c;
    color:#f3eee0;
    font-weight: bold;
    cursor: pointer;
	padding:3px;
	font-size:1.1em;
}
table.sortable td {border-bottom: 1px solid #f3eee0;
	padding:2px 3px;}
#submit { background-color:#39140c; color:#F3EEE0; border:#975433 1px solid; }

label { font-size:1.2em; }
dl.row dt { width:23%; display:inline-block; margin:0; padding:0; }
dl.row dd { width:75%; display:inline-block; margin:0; padding:0; }
label.error { color:maroon; font-weight:bold; }

#membership-directory { list-style-type:none; }
#internal #middle #membership-directory li { float:left; margin:0 20px 20px 0; width:45%; /*height:120px;*/ font-family:arial,helvetica,clean,sans-serif; }
#sort-membership-directory { border:1px outset #ccc; padding:.2em; }
#hp{display: none;}