/*--------------------.
/   GLOBAL VARIABLES    \___________________________________________________________________________
--------------------------------------------------------------------------------------------------*/
body { height: 100%; margin: 0; padding: 0; background-image: url('../images/header-bg.jpg'); background-repeat: repeat-x; }
body, div, table, p { color: black; font-family: Verdana, Arial, sans-serif; font-size: 10pt; }
p { text-align: justify; text-justify: auto; }
code { font-family: Verdana, Arial, sans-serif; font-size: 10pt; }
h1 { display: none; }
h2 {
	font-family: Garamond, Times, serif;
	font-size: 20pt;
	font-weight: bold;
	color: #00001A;
	font-variant: small-caps;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid black;
	margin-bottom: 15px;
	}
h3 { font-family: Arial, sans-serif; font-size: 14pt; font-weight: bolder; color: #333366; font-variant: normal;
	}
h4 {
	font-family: Garamond, Times, serif;
	font-size: 14pt;
	font-weight: bold;
	color: #00001A;
	font-variant: small-caps;
	padding: 0;
	margin: 0;
	}
h5 {
	font-size: 11pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
hr { border: 0; color: #9E9E9E; background-color: #9E9E9E; height: 1px; width: 100%; text-align: left; }
a img { border: 0; }
select	{min-width: 1.5em; }
li { padding: 3px 0 3px 0; }
a, code a { text-decoration: none; color: #333399; font-weight: bold; }
a:hover, code a:hover { text-decoration: underline; color: #3366CC; }

input.text, input.bigtext { 
	width: 200px;
	height: 20px;
	border: 1px solid #333399;
	background-image: url('../images/gradblue30.jpg');
	background-repeat: repeat-x;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px; 
	}
input.text:hover, input.bigtext:hover { 
	border: 1px solid #333399; 
	background-image: url('../images/gradblue30.jpg');
	background-repeat: repeat-x;
	}

 /*--------------------.
/   CONTAINERS          \___________________________________________________________________________
--------------------------------------------------------------------------------------------------*/
div.container {
	position: relative;
	top: 0;
	left: 50%;
	width: 920px;
	min-height: 100%;
	margin-left: -460px;
	padding: 0;	
	background-image: url('../images/header-mast.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	}
div.headmast {
	position: relative;
	margin: 0;
	padding: 0;
	height: 169px;
	}
div.content {
	position: relative;
	margin: 0;
	padding: 0px;
	padding-bottom: 30px;
	}
div.footer {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	background-image: url('../images/footer-bg.jpg');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #4965BB;
	border-top: 1px solid #34368A;
	border-left: 1px solid #34368A;
	border-right: 1px solid #34368A;
	}
div.prefoot {
	width: 100%;
	border-top: 1px solid #CCC;
	font-size: 9px;
	color: #666;
	}

 /*--------------------.
/   TOPBAR MENU         \___________________________________________________________________________
--------------------------------------------------------------------------------------------------*/
div.topbar {
	position: absolute;
	top: 73px;
	right: 0;
	width: 520px;
	height: 20px;
	font-size: 9pt;
	font-weight: bolder;
	color: #E5E5E5;
	line-height: 17px;
	text-align: right;
	}
div.topbar ul { top: 0; margin: 0; padding: 0; white-space: nowrap; }
div.topbar ul li { list-style-type: none; padding: 0; margin: 0; display: block; float: right; text-align: center; }
div.topbar a { color: #E5E5E5; text-decoration: none; display: block; padding-left: 6px; padding-right: 6px; }
div.topbar a:hover { color: #EEEEEE; text-decoration: underline ;}

 /*--------------------.
/   MAIN MENU           \___________________________________________________________________________
--------------------------------------------------------------------------------------------------*/
div.mainmenu {
	position: absolute;
	top: 97px;
	height: 28px;
	text-align: center;
	font-family: Garamond, Georgia, Times, serif;
	font-size: 12pt;
	line-height: 21pt;
	font-weight: bolder;
	padding: 0;
	margin: 0;
	}
div.mainmenu ul { top: 0; margin: 0; padding: 0; white-space: nowrap; }
div.mainmenu ul li { list-style-type: none; padding: 0; margin: 0; display: block; float: left; text-align: center; }
div.mainmenu a { color: #FFF; text-decoration: none; display: block; width: 184px; height: 28px; }
div.mainmenu li.active1 { background-color: #000077; }	/* #151245; */
div.mainmenu li.active2 { background-color: #115555; }	/* #194A4B; */
div.mainmenu li.active3 { background-color: #114400; }	/* #3F5A2A; */
div.mainmenu li.active4 { background-color: #642020; }	/* #642020; */
div.mainmenu li.active5 { background-color: #CC9911; }	/* #6E4A0A; */
div.mainmenu li.thesociety a:hover { background-color: #000077; }
div.mainmenu li.membership a:hover { background-color: #115555; }
div.mainmenu li.forthepublic a:hover { background-color: #114400; }
div.mainmenu li.regulation a:hover { background-color: #642020; }
div.mainmenu li.prospects a:hover { background-color: #CC9911; }

 /*--------------------.
/   SUB MENUS           \___________________________________________________________________________
--------------------------------------------------------------------------------------------------*/
div.submenu {
	position: absolute;
	top: 123px;
	left: 0;
	width: 920px;
	height: 31px;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	line-height: 22pt;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	}
div.submenu ul { top: 0; margin: 0; padding: 0; white-space: nowrap; text-align: center; }
div.submenu ul li { list-style-type: none; padding: 0; margin: 0; display: block; float: left; text-align: center; color: #FFF; }
div.submenu a { color: #FFF; text-decoration: none; display: inline; padding: 2px 8px 2px 8px; }
div.submenu a:hover { text-decoration: underline; }
div.submenu li.active { background-color: #151245; }

div.tabcontent { font-size: 10pt; color: #FFF; }
div.tabcontent p { margin: 0; padding: 0; width: 100%; font-weight: normal; text-align: center; color: #FFF; }

 /*--------------------.
/   NIFTY CORNERS       \___________________________________________________________________________
--------------------------------------------------------------------------------------------------*/
div.niftybox { margin: 0; background: #BBBBFF; margin-bottom: 10px; }
b.rtop, b.rbottom{ display: block; background: #FFF; }
b.rtop b, b.rbottom b { display: block; height: 1px; overflow: hidden; background: #BBBBFF; }
b.r1 { margin: 0 5px; }
b.r2 { margin: 0 3px; }
b.r3 { margin: 0 2px; }
b.rtop b.r4, b.rbottom b.r4 { margin: 0 1px; height: 2px; }
div.niftyboxcontent { padding: 0px 10px 0px 10px; } 
div.niftybox a { color: #333399; }
div.niftybox a:hover { color: #3366CC; }
div.niftybox p { text-align: left; }

 /*--------------------.
/   LAYOUT DIVS         \___________________________________________________________________________
--------------------------------------------------------------------------------------------------*/
div.clearit { width: 100%; height: 1px; clear: both; }

div.center60 { width: 60%; margin-left: auto; margin-right: auto; }
div.center80 { width: 80%; margin-left: auto; margin-right: auto; }

div.mainleft { width: 560px; float: left; }
div.mainleft p { text-align: justify; text-justify: newspaper; }
div.mainright { width: 310px; float: right; }

div.left30 { width: 245px; float: left; }
div.right70 { width: 625px; float: right; }

div.left40 { width: 350px; float: left; }
div.right60 { width: 520px; float: right; }

div.left50 { width: 435px; float: left; }
div.right50 { width: 435px; float: right; }

div.left60 { width: 520px; float: left; }
div.right40 { width: 350px; float: right; }

div.left70 { width: 625px; float: left; }
div.right30 { width: 245px; float: right; }

div.sub220 { float: right; width: 220px; background-color: #EEE; border: 1px solid #DDD; padding: 5px; margin: 0px 0px 20px 40px; }

 /*--------------------.
/   AJAX ACCORDIAN      \___________________________________________________________________________
--------------------------------------------------------------------------------------------------*/
.accordion_toggle {
	display: block;
	height: 30px;
	padding: 0 10px 0 10px;
	line-height: 30px;
	text-decoration: none;
	font-size: 12px;
	color: #000000;
	cursor: pointer;
	}
.accordion_toggle_active {
	border-top: 1px solid #CCCCFF;
	background-color: #E5E5E5;
	}
.accordion_content {
	background-color: #E5E5E5;
	overflow: hidden;
	padding: 0 10px 5px 10px;
	border-bottom: 1px solid #CCCCFF;
	}
h5.accordion_toggle { text-decoration: none; color: #999; font-weight: bold; }
h5.accordion_toggle:hover { text-decoration: underline; color: #666; }


 /*--------------------.
/  SLIDER ELEMENTS      \___________________________________________________________________________
--------------------------------------------------------------------------------------------------*/

div#rotate { width: 560px; height: 240px; }
div.hourglass { padding: 100px 20px 20px 150px; background-image: url('../images/featured/slider_hourglass.jpg'); }
div.cbant { padding: 100px 35px 20px 35px; background-image: url('../images/featured/slider_cbanwt.jpg'); }
div.committees { padding: 10px 20px 20px 320px; background-image: url('../images/featured/slider_committeesignup.jpg'); }
div.lawyerreferral { padding: 20px 290px 120px 20px; background-image: url('../images/featured/slider_lawyerreferral.jpg'); }
div.ssprospects { padding: 25px 300px 20px 20px; background-image: url('../images/featured/slider_prospects.jpg'); }


 /*--------------------.
/   ELEMENTS            \___________________________________________________________________________
--------------------------------------------------------------------------------------------------*/

p.more { text-align: right; margin: 0; }

div.newspiece { margin-bottom: 10px; border-bottom: 1px solid #CCCCCC; }
div.newspiece small { font-weight: bold; font-size: 8pt; color: #666; }
div.newspiece h3 { font-variant: normal; margin: 0; padding: 0; line-height: 14pt; }

div.newsbox { background-color: #FFCCCC; border: 1px solid #660000; padding: 10px; width: 99%; margin-bottom: 20px; margin-top: 20px; }
div.newsbox h3 { margin: 0; padding: 0; color: #660000; }
div.newsbox a { color: #660000; }
div.newsbox p { margin-bottom: 0; padding-bottom: 0; }

div.mainevents { margin: 5px 0 5px 0; border-bottom: 1px dashed #CCC; }

table.forms, table.pubs { margin-bottom: 10px; }
table.forms th, table.pubs th { background-color: #222277; color: white; font-weight: bold; font-size: 12pt; }
table.forms td, table.pubs td { border-bottom: 1px solid #ccc; }
td.formnum { width: 30px; font-family: Arial Black, Arial, Sans-serif; font-size: 12pt; font-weight: bold; color: #6699CC; }
td.formdate { width: 60px; font-family: Arial, Sans-serif; font-size: 8pt; color: #6699CC; text-align: right; }
td.pubsdate { width: 70px; color: #6699CC; font-size: 8pt; text-align: right;}

p.searchresult { text-align: left; font-size: 11pt; padding: 2px; margin: 3px; border-bottom: 1px dashed #CCC; }
p.searchresult span { width: 300px; right: 0; }
p.searchresult span span { font-size: 9pt; color: #666; width: 200px; }

div.notice { border: 1px solid #BBB; background-color: #EEE; padding: 5px; margin-bottom: 15px;}
div.notice h4 { background-color: #DDD; font-size: 13pt; color: black; text-transform: capitalize; padding: 0; margin: 0; }
div.notice h4 small { font-size: 8pt; }
div.notice p, div.notice li { font-size: 9pt; }
div.notice p.name { text-align: center; }

div.qcolsleft { width: 297px; float: left; }
div.qcolsright { width: 297px; float: right; }

div.qcolsleft ul, div.qcolsright ul { top: 0; margin: 0; padding: 0; }
div.qcolsleft li, div.qcolsright li { list-style-type: none; padding: 4px; margin: 0; }

div.footer a {text-decoration: none; color: white; }
div.footer a:hover { text-decoration: underline; }
div.footer, div.footer table, div.footer td, div.footer p { font-size: 8pt; color: white; }

div.foots { margin-left: 160px; margin-right: 20px; padding: 4px; border-bottom: 1px solid #4A4E98; }
div.footlogo { position: absolute; left: 8px; top: 8px; width: 149px; height: 150px; }
div.footmenu1 p { font-weight: bold; }
div.footmenu1 table { width: 740px; }
div.footmenu1 table td { width: 20%; }
div.footmenu1 ul { top: 0; margin: 0; padding: 0; }
div.footmenu1 li { list-style-type: none; padding: 4px; margin: 0; }
div.footmenu2 { text-align: center; }
div.footcopyright { width: 100%; padding-bottom: 5px; }
div.footcopyright p { text-align: center; }

table.empboard { margin: 0; padding: 0; padding-top: 10px; }
table.empboard th { text-align: left; color: #999; font-size: 9pt; border-bottom: 1px solid #999; padding: 2px; }
table.empboard td.odd { text-align: left; height: 50px; background-color: #EEEEFF; border-bottom: 1px solid #666; padding: 4px; }
table.empboard td.even { text-align: left; height: 50px; background-color: #CCCCEE; border-bottom: 1px solid #666; padding: 4px; }
table.empboard td a { color: #666; text-decoration: none; }
table.empboard td a:hover { color: #999; text-decoration: underline; }

div.noticecase { margin: 0; margin-bottom: 6px; padding: 4px; width: 95%; border: 1px solid #DDD; }
div.noticecase h4 { color: black; padding-bottom: 10px; }
div.noticecase h4 small { font-family: Verdana, Arial, sans-serif; font-size: 10pt; font-variant: normal; }
div.noticecase h5 { text-align: center; }
div.noticecase ul { margin: 0; margin-left: 15px; padding: 0; }
div.noticecase li { list-style-type: none; }
div.nadmin { background-color: #002277; }
div.ndisc { background-color: #660000; }
div.noticecase div.typebar { width: 100%; font-size: 8pt; margin: -2px -2px 10px -2px; padding: 2px; font-weight: bold; color: white; }
div.noticecase div.nadmin { background-color: #000066; }
div.noticecase div.ndisc { background-color: #660000; }
div.noticecase div.typebar span { font-weight: normal; }


table.noticetable { margin: 0; padding: 8px; padding-top: 10px; }
table.noticetable th { text-align: left; color: #999; font-size: 9pt; border-bottom: 1px solid #999; padding: 2px; }
table.noticetable td.odd { text-align: left; background-color: #EEEEFF; border-bottom: 1px solid #666; padding: 5px; }
table.noticetable td.even { text-align: left; background-color: #CCCCEE; border-bottom: 1px solid #666; padding: 5px; }
table.noticetable td a { color: #666; text-decoration: none; }
table.noticetable td a:hover { color: #999; text-decoration: underline; }

div.firmcontainer { border: 1px solid #DDD; text-align: left; margin: 0px auto; padding: 0px; margin-bottom: 20px; width: 100%; clear: both; }
div.firmheader { margin: 0; padding: 5px; background: #EEE; }
div.firmheader h3 { margin: 0; line-height: 100%; padding: 0; }
div.firmleft { float: left; width: 33%; padding: 5px; border-right: 1px solid #CCC; }
div.firmright { margin: 0; padding-right: 20px; float: right; width: 60%; }
div.firmfooter { height: 20px; clear: both; }

table.execTable { text-align: center; padding: 20px; }
img.border1 { border: 1px solid black; margin: 5px; }
td.execPres { width: 175px; border-right: 1px solid #CCC; text-align: center; }
td.execMembers { width: 200px; text-align: left; padding-left: 10px; }
td.execMembers p { text-align: left; }
span.execName { font-weight: bold; }
span.execTitle { font-size: 8pt; color: #666; text-transform: uppercase; }

div.pdfdlbox { float: right; margin-left: 10px; padding: 6px; background-color: #EEE; border: 1px solid #DDD; width: 110px; text-align: center; clear: both; }
div.pdfdlbox p { text-align: center; margin: 0; font-size: 8pt; }
div.pdfdlbox img { border: 0; }

div.eventbit { padding: 5px; border-top: 1px solid #BBBBFF; background-image: url('../images/gradblue30.jpg'); background-repeat: repeat-x; }
div.eventbit h4 { font-family: Arial, sans-serif; font-size: 13pt; font-weight: bolder; color: #333366; font-variant: normal; }

img.obiter1 { border: 1px solid black; border-right: 3px solid black; border-bottom: 3px solid black; margin-left: 50px; margin-bottom: 30px; }
img.obiter2 { border: 1px solid black; border-right: 3px solid black; border-bottom: 3px solid black; margin-left: 10px; }

span.tooltip { font-weight: bold; color: #660000; cursor: help; text-decoration: underline; font-size: 8pt; background-color: #EEEEEE; }

div.mainlawyersearch { 
	border-bottom: 1px solid black;
	background-image: url('../images/icon_searchlawyers.jpg');
	background-position: -5 bottom;
	background-repeat: no-repeat;
	padding-left: 65px;
	}
div.mainlawyersearch h4 { margin: 1px; padding: 0; font-family: Verdana, Arial, sans-serif; font-size: 14pt; font-weight: bold; color: #333366; font-variant: normal; }
div.mainlawyersearch p { margin: 1px; padding: 0; font-size: 8pt; font-weight: bold; color: #666; text-align: left; }
div.mainlawyersearch input.text { height: 25px; width: 190px; background-color: #DDD; border: none; background-image: none; font-size: 13pt; font-weight: bold; }
div.mainlawyersearch td.small { padding: 0px; font-size: 8pt; font-weight: bold; text-transform: uppercase; color: #666; }

div.mainlrsbox { 
	border-bottom: 1px solid black;
	background-image: url('../images/bg_lrs_main.jpg');
	background-position: right bottom;
	background-repeat: no-repeat;
	margin-bottom: 20px; 
	}
div.mainlrsbox h4 { margin: 1px; padding: 0; font-family: Verdana, Arial, sans-serif; font-size: 14pt; font-weight: bold; color: #333366; font-variant: normal; }
div.mainlrsbox p { margin: 5px 120px 15px 0px; padding: 0; font-size: 8pt; font-weight: bold; color: #666; text-align: left; }
div.mainlrsbox a { font-size: 12pt; font-weight: bold; color: black; text-align: center; }

.lrscategories table { background-color: #EEE; border: 1px solid #CCC; }
.lrscategories a {
	display: block;
	width: 90%;
	margin: 0 7px 0 0;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
	padding: 5px 10px 6px 7px; /* Links */
}
.lrscategories a:hover{ background-color: #dff4ff; border:1px solid #c2e1ef; color:#336699; }
.lrscategories a:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; }