body {background-color:#fff;}
body, td, th {color:#414042; font-size:11px; font-family:Arial,Helvetica,sans-serif;}

html { 
    overflow-y: scroll; 
} 

a:link {color:#0073b6; text-decoration:none; outline:none;}
a:visited {color:#563785; text-decoration:none; outline:none;}
a:hover, a:active {color:#0073b6; text-decoration:underline; outline:none;}
a.noUL:link, a.noUL:visited, a.noUL:hover, a.noUL:active {text-decoration:none;}
a.hoverUL:link, a.hoverUL:visited {text-decoration:none;}
a.hoverUL:hover, a.hoverUL:active {text-decoration:underline;}
a.white:link, a.white:visited {color:#fff; text-decoration:none;}
a.white:hover, a.white:active {color:#fff; text-decoration:underline;}
a.block {display:block;}
a.block:link, a.block:visited {color:#414042; text-decoration:none;}
a.block:hover, a.block:active {color:#0073b6; text-decoration:none;}

form, h1, h2, h3, h4, h5, h6 {margin:0;}
p {margin-top:0; margin-bottom:1em;}
img {border:0;}

.clear {clear:both;}

#body {margin:0 0 40px 0; padding:0; background:#084266 url(/images/bg_page.png) repeat-x top left;}
#cntPage {margin-left:auto; margin-right:auto; width:960px;}

#header {text-align: center; margin-top:32px; margin-bottom: 20px;  width:100%; z-index:10;}
#Logo {position:absolute; left:17px; top:32px; width:388px; height:55px;}
#Logo img.print {display:none;}
.topFormBox {float:right; position:relative; margin-left:18px; padding:0 0 0 8px; background:url(/images/bg_stroke_top.png) no-repeat bottom left;}
.topFormBox form {display:block; padding:12px 47px 11px 6px; background:url(/images/bg_stroke_top.png) no-repeat bottom right;}
.topFormBox input, .topFormBox select {font:11px Arial, Helvetica, sans-serif;}
.dirSearch, .dirSearch form  {background-image:url(/images/bg_stroke_top2.png);}

/* Main Nav */
#topNav {margin-bottom: 11px; background-color:#fff; color:#0081c6;}

/* nav core */
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:relative; text-align: center; top:-999em; width:10em;} /* left offset of submenus need to match (see below) */
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit;} /* fixes IE7 'sticky bug' */
.sf-menu li {float:left; position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:34px; z-index:99;} /* match top ul list item height */
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; top:0;} /* match ul width */
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; top:0;} /* match ul width */
/* main nav skin */
.sf-menu {text-align: center; padding-left: 40px; margin-bottom:0;}
.sf-menu li.navbutton {height:34px; margin:0 3px 0 0; z-index:20100;}
.sf-menu li.navbutton a {width:.1em; padding: 0 40px 0 0; color:#0073b6; font:bold 15px/16px Arial, Helvetica, sans-serif; border:none; text-decoration:none; white-space:nowrap;}
.sf-menu > li.navbutton a {width:auto;}
.sf-menu li.navbutton a span {display:block; padding:12px 11px 10px 2px; background:url(/images/bg_top_tab.png) no-repeat right top;}
.sf-menu li.navbutton a span.twoLine {padding:7px 11px 3px 2px;}
.sf-menu li.navbutton a:hover, .sf-menu li.sfHover a, .sf-menu li.selected a {cursor:pointer !important; background-position:0 -34px; color:#b2332a;}
.sf-menu li.navbutton a:hover span, .sf-menu li.sfHover a span, .sf-menu li.selected a span {background-position:100% -34px;}
.sf-menu li.navbutton ul {width:200px; height:auto; margin:0 0 0 30px; padding:0; background-color:#004578; background-image:none; border:none; cursor:default !important; z-index:20100;}
.sf-menu li.navbutton ul li {background-color:#004578;}
.sf-menu li.navbutton ul li a {width:200px; padding:6px 7px; font-weight:normal; color:#0081c6; background-image:none;}
.sf-menu li.navbutton ul li a:hover, .sf-menu li.navbutton ul li.selected a {background:#0073b6; background-image:none;}
#tndirectory ul {width:224px;}
#tndirectory ul li a {width:210px;}
#tnresources ul {width:204px;}
#tnresources ul li a {width:190px;}

/* main content block */
#bxMain {background-color:#fff; z-index:1;}
#bxMain .center-content {min-height:300px; height:auto !important; height:500px;}
.crnBlue, .crnBlue div {height:6px; background:url(/images/bg_corners_blue.gif) no-repeat top left; font:1px/1px sans-serif; overflow:hidden;}
.xTop6 {background-position:0 0;}
.xTop6 div {background-position:100% -6px;}
.xTop6b {background-position:0 -12px;}
.xTop6b div {background-position:100% -18px;}
.xTop6c {background-position:0 -48px;}
.xTop6c div {background-position:100% -36px;}

.xBot6 {background-position:0 -24px;}
.xBot6 div {background-position:100% -30px;}

/* page columns */
#colLeft {float:left; width:150px; padding:35px 14px 11px 40px;}
#colMain_one {float:left; width:870px; padding:0 13px 12px 40px;}
#colMain_two {float:left; width:722px; padding:0 13px 12px 0; font-size:12px;  line-height: 1.5em;}
#content-2-1 {
    float:left;
    width:351px;
    background:#ffffff;
	margin-top:25px;
	padding-right:10px;
}
#content-2-2 {
    float:right;
    width:351px;
    background:#ffffff;
	margin-top:25px;
	padding-left:10px;
}
#content-2-3 {
    float:left;
    width:430px;
    background:#ffffff;
	padding-right:30px;
}
#content-2-4 {
    float:right;
    width:200px;
    background:#ffffff;
}

/* sub navigation */
#subNav {margin:0; padding:11px 1px 0 0px; color:#414042; font-size:12px; list-style-type:none;}
#subNav ul {margin:0; padding:0 0 6px 0px; font-size:11px; list-style-type:none;}
#subNav li.title {margin-top:-1px; border-bottom:none; font-weight:bold; font-size:12px; text-transform:uppercase;}
#subNav a {display:block; width:180px; padding:7px 10px 1px 0px; line-height:14px; text-decoration:none;border-bottom:1px dotted #8cacc5;}
#subNav a:link, #subNav a:visited {color:#003d69;}
#subNav a.selected:link, #subNav a.selected:visited, #subNav a:hover, #subNav a:active {color:#b2332a; outline:none;}
#subNav ul a {width:auto; line-height:11px;}


/* services icon strip */
#bxFooter {margin-top:11px;  background-color:#fff; color:#0081c6;}
#bxFooter .cba {float:left; margin:-2px 0; padding:2px 0 2px 38px;}
#bxFooter .cba2 {float:right; margin:2px 40px 0 0; padding:2px 0 2px 38px; color:#00395a; }
#bxFooter .cbs {float:right; margin:-2px 4px -2px 0; padding:2px 0; background-color:#e7e8e9; border-left:1px solid #6690b2;}
#bxFooter a {display:block; float:left; padding:1px 5px; border-left:0px dotted #6690b2; line-height:19px; text-decoration:none; white-space:nowrap;}
#bxFooter a:link, #bxIcons a:visited {color:#0081c6;}
#bxFooter a:hover, #bxIcons a:active {color:#0073b6;}
#bxFooter img {float:left; margin-right:3px;}

/* services icon strip */
#bxHome {float:left; margin-top:11px; margin-right: 13px; width:230px; background-color:#fff; color:#414042;}
#bxHome .cba {float:left; margin:-2px 0; padding:5px 10px;}
#bxHome .cbs {float:right; margin:-2px 4px -2px 0; padding:2px 0;}
#bxHome a {display:block; float:left; padding:1px 5px; border-left:0px dotted #6690b2; line-height:19px; text-decoration:none; white-space:nowrap;}
#bxHome a:link, #bxIcons a:visited {color:#b2332a;}
#bxHome a:hover, #bxIcons a:active {color:#b2332a;}
#bxHome img {float:left; margin-right:3px;}

#bxHome_right {float:right; margin-top:11px; margin-right: 0px;  width:230px;  background-color:#fff; color:#414042;}
#bxHome_right .cba {float:left; margin:-2px 0; padding:5px 10px;}
#bxHome_right .cbs {float:right; margin:-2px 4px -2px 0; padding:2px 0;}
#bxHome_right a {display:block; float:left; padding:1px 5px; border-left:0px dotted #6690b2; line-height:19px; text-decoration:none; white-space:nowrap;}
#bxHome_right a:link, #bxIcons a:visited {color:#b2332a;}
#bxHome_right a:hover, #bxIcons a:active {color:#b2332a;}
#bxHome_right img {float:left; margin-right:3px;}


/* white corners */
.crnWhite, .crnWhite div {height:7px; background:url(/images/bg_corners_white.png) no-repeat top left; font:1px/1px sans-serif; overflow:hidden;}
.xTop7 {background-position:0 0;}
.xTop7 div {background-position:100% -7px;}
.xBot7 {background-position:0 -14px;}
.xBot7 div {background-position:100% -21px;}


/* heading styles */
h1 {margin-top:30px; margin-bottom:20px; color:#414042; font:normal 35px/30px "Times New Roman",Times,serif;}
h1:first-line {color:#00467f; font-size:32px;}
h2 {margin-bottom:4px; color:#00467f; font-weight:normal; font-size:18px;}
h3 {margin-bottom:4px; color:#00467f; font-weight:normal; font-size:16px;}
h4 {margin-bottom:4px; color:#00467f; font-weight:bold; font-size:13px;}

/* list styles */
ul.list1, ul.list1 ul {margin:0 0 1em 17px; padding:0;}
ul.list1 li {margin-top:.5em;}
ul.list2, ul.list2 ul {margin:0 0 1em 17px; padding:0;}
ul.list2 li {margin-top:.1em;}
ol.list1 li {margin-top:1em;}
ul.links {margin:0; padding:0; list-style:none;}
ul.links li {margin-top:.5em; padding-left:16px; background:url(http://www.cbalaw.org/images/blt_cirrow.gif) no-repeat 0 2px;}

/* 1 styles */
.head1 {width:707px; height:123px; margin-bottom:13px; padding-left:15px; font-size:12px;}
.head1 h1 {margin:20px 0 6px 0;}
.subhead1 {width:722px; margin-bottom:13px;}
.subhead1 h1 {padding:17px 0 0 15px; line-height:35px;}
.body1 { font-size:12px; line-height: 1.5em;}
.body1 .callout {color:#00467f; font-size:16px;}
.body2 {margin:6px 22px 6px 15px; font-size:12px;}

/* flex areas */
.bxFlex {float:left; background:url(http://www.cbalaw.org/images/bg_flex1.png) repeat-x bottom left;}
.bxFlex2 {float:right; background:url(http://www.cbalaw.org/images/bg_flex1.png) repeat-x bottom left;}
.noshade {background:url(http://www.cbalaw.org/images/bg_flex1_2.png) repeat-x bottom left;}
.bxFlex .box {display:block; float:left; width:206px; margin-right:13px; padding:6px 13px 10px 13px; background:url(http://www.cbalaw.org/images/bg_flex_top.png) no-repeat 0 -81px;}
.bxFlex h5, .bxFlex b {display:block; width:206px; margin:-6px -13px 6px -13px; padding:9px 13px 5px 13px; background:url(http://www.cbalaw.org/images/bg_flex_top.png) no-repeat 0 0; color:#fff; font:bold 12px/13px Arial,Helvetica,sans-serif; white-space:nowrap; overflow:hidden;}
.flx2col {background:url(http://www.cbalaw.org/images/bg_flex2.png) repeat-x bottom left;}
.flx2col .box {width:328px; margin-right:0; background:url(http://www.cbalaw.org/images/bg_flex_top2.png) no-repeat 0 -81px;}
.flx2col h5 {width:328px; background:url(http://www.cbalaw.org/images/bg_flex_top2.png) no-repeat 0 0; }
.bxFlex .blue h5, .bxFlex .blue b {background-position:0 0;}
.bxFlex .green h5, .bxFlex .green b {background-position:0 -27px;}
.bxFlex .purple h5, .bxFlex .purple b {background-position:0 -54px;}
.bxFlex ul {margin:0 0 0 15px; padding:0;}
.bxFlex ul li {margin-top:.5em; line-height:1.1em;}
.bxFlex img.ad {margin:2px -5px 7px -5px;}
.bxFlex a.box {cursor:pointer !important;}
.bxFlex a.box:link, .bxFlex a.box:visited {color:#414042; text-decoration:none;}
.bxFlex a.box:hover, .bxFlex a.box:active {color:#0073b6; text-decoration:none;}

/* blue button */
a.buttonBlue {display:block; width:292px; height:23px; padding-left:8px; background: url(http://www.cbalaw.org/images/bg_bt_blue_l.png) no-repeat top left;}
a.buttonBlue span{display:block; padding:6px 28px 7px 5px; background: url(http://www.cbalaw.org/images/bg_bt_blue_r.png) no-repeat top right; font-weight:bold; font-size:10px; line-height: 10px; text-transform:uppercase;}
a.buttonBlue:link, a.buttonBlue:visited, a.buttonBlue:hover, a.buttonBlue:active {color:#fff; text-decoration:none;}

a.more {padding-right:16px; background:url(http://www.cbalaw.org/images/blt_cirrow.gif) no-repeat center right;}
li.pdf {list-style-image:url(http://www.cbalaw.org/images/ico_pdf.gif);}
li.doc {list-style-image:url(http://www.cbalaw.org/images/ico_doc.gif);}
li.aud {list-style-image:url(http://www.cbalaw.org/images/ico_audio.gif);}
li.xls {list-style-image:url(http://www.cbalaw.org/images/ico_xls.gif);}

.txtXLarge	{font-size:18px;}
.txtLarge	{font-size:14px;}
.txtMdLarge	{font-size:13px;}
.txtMedium	{font-size:12px;}
.txtSmall	{font-size:11px;}
.txtXSmall	{font-size:10px;}
.txtXXSmall	{font-size:9px;}

.txtWhite, .txtWhite a:link, .txtWhite a:visited, .txtWhite a:hover, .txtWhite a:active	{color:#fff;}
.txtBlack {color:#000;}
.txtGray {color:#666;}
.txtBlue {color:#00467f;}
.txtDkBlue {color:#084266;}
.txtLtBlue {color:#0073b6;}
.txtGrayBlue {color:#8cacc5;}
.txtRed {color:#b2332a;}
.txtGreen {color:#4c8945;}
.txtOrange {color:#c88020;}
.txtPurple {color:#563785;}

.bgLtBlue {background-color:#dbe5f1;}

.floater {border: 1px solid #bbb; background-color:#dbe5f1; margin: 25px 25px 15px 0; float: right; padding:10px; margin-left:3em; }
.floater2 {border: 1px solid #bbb; background-color:#dbe5f1; padding:10px; }
.floater3 {border: 1px solid #00395a; background-color:#00395a; margin: 25px 25px 0 0; float: right; padding:10px; margin-left:3em; }

.judge {border: 1px solid #bbb; margin: 0 25px 15px 0; float: left; }
.judge2 {border: 1px solid #bbb; margin: 0 25px 15px 0; float: right; margin-left:3em; }
.judge3 {border: 1px solid #bbb; margin: 0 12px 10px 0; float: left; width:100px; }