/*for banner graphic on pages8*/
#banner	{
	margin 0;
	color: #FFFFFF;
	height: 600px;
	}

* {
	padding: 0;
	margin: 0;
}
html 
{ 
	height:100%;
}

body {
	margin: 0;
	padding: 0px 5px 15px 10px;
	font: .76em/1.6em Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	color: #333;
	background: #666666 none repeat scroll 0%;
	height:100%;
}
#page {
	background: #FFFFFF url(http://www.csba.org/images/drop_shadow_URcorner.gif) no-repeat scroll right top;
	margin: 0pt auto;
	padding:0;
	text-align: left;
	width: 780px;
}

#page-a {
	background: transparent; url(http://www.csba.org/images/bg_page_right_dark.gif) repeat-y scroll right top;
	width: 780px;
}
#page-b {
	background: #FFFFFF; 
	url(http://www.csba.org/images/drop_shadow_BRcorner.gif) no-repeat scroll right bottom;
	padding: 0pt 0px 0px 0px;
	width: 100%;
}

/* Print View Layouts */

#page_print {
	background: #FFFFFF; url(http://www.csba.org/images/drop_shadow_URcorner.gif) no-repeat scroll right top;
	margin: 0pt auto;
	padding:0;
	text-align: left;
	width: 780px;
    height: auto;
}

#page-a_print {
	background: transparent url(http://www.csba.org/images/bg_page_right_dark.gif) repeat-y scroll right top;
	width: 780px;
	height:auto;
}
#page-b_print {
	background: transparent; /url(http://www.csba.org/images/drop_shadow_BRcorner.gif) no-repeat scroll right bottom;
	padding: 0pt 0px 0px 0px;
	width: 780px;
	height:100%;
}
.page_print_table
{

    border: none; padding:none; margin:none; width:773px;
}
.page_print_td
{
    border: none; padding:none; margin:none;
}

/* HOMEPAGE LAYOUTS */
.home {
	clear: both;
	width: 775px;
	padding-bottom: 10px;
	background: #FFFFFF;
}
#home-contents {
	display: inline; /*Fix IE floating margin bug*/
	float: left;
	width: 755px;
	margin: 0 0 0 20px;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
}
.header-middle {
	height: 150px;
}
.threecolumn .column1, .threecolumn .column2, .threecolumn .column3 {
	float: left;
	width: 252px;
	margin-top:0px;
	margin-left: 0px;
	margin-bottom: 10px !important /*Non-IE6*/;
	margin-bottom: 5px /*IE6*/;
}
/* MAIN CONTENT LAYOUTS */

.fullpage {
	clear: both; 
	width: 775px; /* Previously 776 - RC */
	background-color:#CED1D9;
}
.main {
	clear: both;
	width: 100%; /* Previously 776 - RC */

}
.main-navigation {
	display: inline; /*Fix IE floating margin bug*/
	float: left;
	width: 175px;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
}
.main-contents {
	display: inline; /*Fix IE floating margin bug*/
	float: left;
	width: 600px;
	margin: 0 0 0 0px;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
}
main-contents-print
{	

	width: 560px;
	margin: 0 0 0 0px;

}
.column1-unit {
	float:left;
	width: 560px;
	margin:0;
	padding:20px 20px 0 20px;
	background-color: #ffffff;
}
.column2-unit {
    float: left;
	width: 560px;	
	padding:20px;	
}
.column2-unit-print 
{	
	clear:both;
	float:left;
	display:inline;
	width: 560px;	
	padding:20px;	
}
.column2-unit-print ul li
{
	margin: 0px;
	padding:0 0 0 15px;
	line-height: 1.6em;
	font-size: 95%;
}

.column2-unit-right-print ul li
{
	margin: 0px;
	padding:0 0 0 15px;
	line-height: 1.6em;
	font-size: 95%;
}

.column2-unit-left-print ul li
{
	margin: 0px;
	padding:0 0 0 15px;
	line-height: 1.6em;
	font-size: 95%;	
}


.column2-unit-left {
	float: left;
	width: 384px;	
	padding:20px;	
}
.column2-unit-right {
	float: right;
	background:transparent none repeat scroll 0%;
	margin:0;
	padding:15px;
	width:145px;
}

.column2-unit-print-container 
{	
	clear:both; float:left; display:inline; width: 560px;
}

.column2-unit-left-print 
{
	clear:left;          
    float:left;
	width:384px;   
	padding:20px;
}

.column2-unit-right-print 
{
	background-color:#DDDDDD;
	float:right;
	position: absolute;
	left: 425px;
	top: 180px;
	display:inline;
	width:145px;
	padding:20px;
}
.onecolumn-wrapper {
	margin:0px;
	padding:20px;
	background-color:#FFFFFF;
}
.twocolumn-wrapper {
	display: inline; /*Fix IE floating margin bug*/;
	float: left;
	margin: 0 0 0 0px;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
	background-color:#CED1D9;
}

.twocolumn-main {
	float: left;
	width: 560px;	
	padding:20px;	
	background-color: #ffffff;	
}
.twocolumn-side {
	float:left;
	margin:0;
	padding:15px;
	width:145px;
}
/* HEADER LAYOUTS*/
/*.header {
	width: 780px;
}*/
.header-top {
	width: 780px;
	height: 80px;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
}
.header-top a:hover {
	width: 780px;
	height: 80px;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
	background: url(http://elearning.csba.org/theme/CSBA_nv/eLearnHeader.jpg) no-repeat;
}
.header-middle {
	width: 775px;
	margin:0;
	padding:0;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
}

.header-bottom {
	width: 775px;
}
/*  HEADER CONTENT LAYOUTS  */
.sitelogo {
	width: 390px;
	height: 80px;
	position: absolute;
	z-index: 1;
	margin: 0;
	background: url(http://elearning.csba.org/theme/CSBA_nv/eLearnHeader.jpg) no-repeat;
}
.nav0 {
	width: 350px;
	position: absolute;
	z-index: 2;
	margin: 25px 0 0 0;
	margin-left: 430px !important /*Firefox*/;
	margin-left: 433px /*IE6*/;
}
.nav0 ul {
	float: right;
	padding: 0 20px 0 0;
}
.nav0 li {
	display: inline;
	list-style: none;
}
.nav0 li a {
	padding: 0 0 0 3px;
}
.nav0 a:hover {
	text-decoration: none;
}
.nav0 a img {
	height: 14px;
	border: none;
}
.nav0 .searchform {
	width: 200px;
	margin: 0 10px 0 160px;
}
.nav0 .searchform fieldset {
	border: none;
}
.nav0 .searchform input.field {
	float: left;
	width: 134px;
	padding: 0.1em 0 0.2em 0 !important /*Non-IE6*/;
	padding: 0.2em 0 0.3em 0 /*IE6*/;
	border: 1px solid rgb(200,200,200);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
}
.nav0 .searchform input.button {
	float: left;
	width: 3.0em;
	margin-left: 4px;
	padding: 1px;
	background: rgb(230,230,230);
	border: solid 1px rgb(150,150,150);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(150,150,150);
	font-size: 75%;
}
.nav0 .searchform input.button:hover {
	cursor: pointer;
	border: solid 1px rgb(80,80,80);
	background: rgb(220,220,220);
	color: rgb(80,80,80);
}
.nav1 {
	width: 350px;
	position: absolute;
	z-index: 3;
	margin: 45px 0 0 420px !important /*Non-IE6*/;
	margin: 45px 0 0 440px /*IE6*/;	
}
.nav1 ul {
	float: right;
	padding: 0 15px 0 0;
	font-weight: normal;
}
.nav1 ul li {
	display: inline;
	padding: 0 0 0 0px;
	font-weight: normal;
	font-size: 85%;
	background:#ffffff;	
}
.nav1 ul a {
	color: #36b;
	text-decoration: none;
}
.nav1 ul a:hover {
	color: #911;
	border-bottom: 1px dotted #36b;
}
.sitemessage {
	width: 350px;
	height: 120px;
	position: absolute;
	z-index: 1;
	margin: 20px 0 0 50px;
	color: rgb(134, 143, 162); /*xoverflow:visible !important /*Activate if Firefox print problems*/;
	overflow: hidden /*IE6*/;
}
.sitemessage h1 {
	width: 350px;
	text-align: left;
	font-size: 140%;
}
.sitemessage h2 {
	float: left;
	width: 270px;
	margin: 8px 0 0 0;
	text-align: left;
	line-height: 100%;
	font-size: 110%;
}
.sitemessage h3 {
	float: left;
	width: 270px;
	margin: 10px 0 0 0;
	text-align: left;
	font-size: 110%;
}
.sitemessage h3 a {
	text-decoration: none;
	color: rgb(42, 90, 138);
}
.sitemessage h3 a:hover {
	text-decoration: none;
	color: rgb(50,50,50);
}

/* TOP MENUS */
/* SOURCE: http://exploding-boy.com/images/cssmenus/menus.html */

#tabsE {
	float: left;
	font-size: 96%;
	line-height: 160%;
	background: #3A4966 url("http://www.csba.org/images/menu_graphic_45px.gif") repeat-x right top;
	width:100%;
}
#tabsE ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 775px;
}
#tabsE li {
	display: inline;
	margin: 0;
	padding: 0;
}
#tabsE a {
	float: left;
	background: url("http://www.csba.org/images/menu_graphic_tableft.gif") no-repeat left top;
	margin: 0;
	padding: 0px;
	text-decoration: none;
}
#tabsE a span {
	float: left;
	display: block;
	background: url("http://www.csba.org/images/menu_graphic.gif") no-repeat right top;
	padding: 5px 11px 4px 13px;
	color: #FFF;
}
#tabsE a span.active {
	background-position: 100% -27px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsE a span {
	float: none;
}
/* End IE5-Mac hack */
#tabsE a:hover span {
	color: #FFF;
}
#tabsE a:hover {
	background-position: 0% -27px;
	height:1.3em;
}
#tabsE a:hover span {
	background-position: 100% -27px;
}
/* TABLES STYLES */
table {
	clear: both;
	/* width: 538px; */
	margin: 0;
	/*table-layout: fixed; */
	padding: 0;
	border-collapse: collapse;
	width:100%;
	background-color: white;
}
td a:link {
	color: #3366BB;
	text-decoration: none;
	border:0px;
}
td a:visited {
	color: #3366BB;
	text-decoration: none;
	border:0px;
}
td a:hover {
	color: #722;
	text-decoration: none;	
	border:0px;
}

table caption {
	text-align: left;
	padding: 0 0 10px 30px !important;	
	padding: 0 0 10px 10px;	
	font: 150% Georgia, sans-serif;	
}
table thead th {
	background-color: #DDDDDD;
	padding: 5px 10px;
	text-align: left;
	font-weight: normal;
	border: 1px solid #EAECEE;
}

table tfoot tr {
	text-align: left;
	background: #fff;
	padding: 4px;
}
table tfoot th {
	text-align: left;
	background: #fff;
	padding: 4px;
}
table tfoot td {
	text-align: left;
	background: #fff;
	padding: 4px;
}
/* TABLE STYLE1: WITH BORDERS ON WHITE
------------------------------------------*/
table.tbl-style1 thead {
	border-left: 1px solid #EAECEE;
	border-right: 1px solid #EAECEE;
}
table.tbl-style1 tbody {
	border-left: 1px solid #EAECEE;
	border-right: 1px solid #EAECEE;
}
table.tbl-style1 tbody {
	border-bottom: 1px solid #EAECEE;
}
table.tbl-style1 tbody th {
	background: #fff;
	text-align: left;
	border: 1px solid #EAECEE;
}
table.tbl-style1 tbody td {
	background: #fff;
	text-align: left;
	border: 1px solid #EAECEE;
}
/* TABLE STYLE2: WITH BORDERS AND SHADING 
------------------------------------------*/
table.tbl-style2 thead {
	border-left: 1px solid #EAECEE;
	border-right: 1px solid #EAECEE;
}
table.tbl-style2 tbody {
	border-left: 1px solid #EAECEE;
	border-right: 1px solid #EAECEE;
}
table.tbl-style2 tbody {
	border-bottom: 1px solid #EAECEE;
}
table.tbl-style2 tbody th {
	background: #F3F5F7;
	text-align: left;
	border: 1px solid #EAECEE;
}
table.tbl-style2 tbody td {
	background: #F3F5F7;
	text-align: left;
	border: 1px solid #EAECEE;
}
/* TABLE STYLE3: Table row separators 
------------------------------------------*/
table.tbl-style3 td {
	border-bottom: 1px solid #ccc;
	padding: 10px;
}

/* TABLE STYLE4: no borders 
------------------------------------------*/
table.tbl-style4 td {
	padding: 10px;
}


/* Breadcrumbs */
.breadcrumbs {
	float:left;
	width: 610px;
	padding: 6px 7px;
	margin:0;
}
.breadcrumbs ul {
	float: left;
	/* width: 420px; Removed by RC. - this was causing the breadcrumb to linebreak when it got too big in FF */ 
	list-style: none;
	padding: 0;
	margin:0;
}
.breadcrumbs ul li {
	display: inline;
	padding: 0 0 0 10px;
	background: transparent url(http://www.csba.org/images/bg_bullet_arrow.jpg) no-repeat 0 50%;
	font-weight: normal;
	font-size: 75%;
}
ul a:visited {
	color: #3366BB;
	text-decoration: none;
}
.breadcrumbs ul a {
	color: #3366BB;
	text-decoration: none;
}
.breadcrumbs ul a:hover {
	color: #911;
	border-bottom: 1px dotted #36b;
}
.breadcrumbs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* UTILITIES: PRINT|EMAIL|RSS */
.utilities {
	float: right;
	height:25px;
}
.utilities a img {
	border:0;
	padding:0 4px;
}

/*  FOOTER SECTION  */

/******************/
/*  CLEAR FLOATS  */
/******************/

.footer2 {
	background:#3A4966 none repeat scroll 0%;

	height:8em;
	overflow:visible !important;
	padding:0.5em 0pt 0em;
	width:100%;
}
.footer2-content {
	background:#ffffff none repeat scroll 0%;
	clear:both;
	font-size:95%;
	height:8em;
	overflow:visible !important;
	padding:0em 0pt 1em;
	width:100%;
}
/*added the above two lines in footer*/

.home-contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.home:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.main-content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.main-navigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.header-breadcrumbs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.page-container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column3-home-right:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column3-home-middle:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column3-home-left:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column3-unit-right:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column3-unit-middle:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column3-unit-left:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column2-unit-right:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column2-unit-left:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column1-unit:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
p:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
hr.clear-contentunit {
	clear: both;
	width: 550px;
	height: 0.2em;
	border: none;
	background: rgb(210,210,210);
	color: rgb(210,210,210);
}
hr.clear-sectioncontent {
	margin: 0 auto;
	border: none 0;
	border-top: 1px dashed rgb(210,210,210);
	width: 90%;
	height: 1px;
}