/* @override http://192.168.0.112:8888/csb/css/main.css */

/*
Company:	CSB
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - they make sure that all browsers start with the same default settings
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group Global Browser Reset */
* {

padding:0;

margin:0;

}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, fieldset, address { margin:10px 0; }

blockquote { margin-left: 40px; }

fieldset { padding:10px; }

img { border: 0px; }
/* @end */

/* @group HTML, Body */
body {
	background-color: #cbcb98;
}
/* @end */

/* @group Layout */
div#outer-wrapper {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 13px;
	background-color: #cbcb98;
}
body#index div#hd-outer {
	padding-top: 14px;
}
div#hd {
	width: 1054px;
	height: 288px;
	background: url(../images/hd-bkg.jpg) no-repeat bottom center;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
body#inside div#hd {
	background: url(../images/inside-hd-bkg.jpg) no-repeat bottom center;
	height: 181px;
	width: 840px;
}

div#hd-outer {
	background: url(../images/hd-bkg-repeat.jpg) repeat-x bottom center #fff;
}
body#inside div#hd-outer {
	background: url(../images/csb-inside-hd-bkg.gif) repeat-x bottom center #fff;
}
div#left-content {
	padding-left: 98px;
	width: 268px;
	height: 268px;
	overflow: hidden;
	float: left;
	display: inline;
}
body#inside div#left-content {
	padding-left: 0;
	width: 274px;
	height: 92px;
}
div#right-content {
	width: 688px;
	height: 273px;
	overflow: hidden;
	background: url(../images/top-swoosh.gif) no-repeat 100% 4px;
	float: right;
	display: inline;
}
body#inside div#right-content {
	width: 290px;
	height: 100px;
	background: none;
}
div#logo {
	/*background: url(../images/curtis-logo.jpg) no-repeat;*/
	width: 688px;
	height: 127px;
	overflow: hidden;
}
body#inside div#logo {
	background: url(../images/csb-logo-inside.gif) no-repeat;
	width: 255px;
	height: 108px;
	overflow: hidden;
	float: left;
	display: inline;
}
a#l-logo {
	display: block;
	text-indent: -9000px;
	width: 300px;
	height: 116px;
	background: url(../images/csb-logo.gif) no-repeat;
	float: left;
	display: inline;
}
a#l-logon {
	display: block;
	text-indent: -9000px;
	background: url(../images/logon.gif) no-repeat;
	background-position: 0 -1px;
	width: 53px;
	height: 52px;
	margin: 63px 5px 0 70px;
	float: left;
	display: inline;
}
a#l-signup {
	display: block;
	text-indent: -9000px;
	background: url(../images/signup.gif) no-repeat;
	background-position: 0 -1px;
	width: 53px;
	height: 52px;
	margin: 63px 5px 0 0;
	float: left;
	display: inline;
}
a#l-demo {
	display: block;
	text-indent: -9000px;
	background: url(../images/demo.gif) no-repeat;
	background-position: 0 -1px;
	width: 53px;
	height: 52px;
	margin: 63px 0 0 0;
	float: left;
	display: inline;
}
a#l-logon:hover, a#l-demo:hover, a#l-signup:hover {
	background-position: 0 -53px;
}

body#inside div#util-links {
	width: 167px;
	height: 51px;
	margin-top: 5px;
	margin-left: 65px;
}
body#inside a#l-logon, body#inside a#l-signup, body#inside a#l-demo {
	margin: 0!important;
	width: 52px;
}
body#inside a#l-logon, body#inside a#l-signup {
	margin-right: 5px!important;
}

div#page-header {
	width: 164px;
	margin: 21px 0 0 65px;
	font-size: 170%;
	font-weight: bold;
	color: #cbcb98;
	float: left;
	display: inline;
}

div#bd-outer {
	background: url(../images/bd-top-shade.gif) repeat-x 0 0;
}
body#inside div#bd-outer {
	background: url(../images/inside-top-shade.gif) repeat-x 0 0;
}
div#bd {
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/bd-bkg.gif) repeat-y 26px 0;
}
body#inside div#bd {
	background: url(../images/inside-bd-bkg.gif) repeat-y 26px 0;
}
div#bd-inner {
	background: url(../images/content-top-shade.gif) no-repeat 26px 0;
	padding: 1px 0;
}
body#inside div#bd-inner {
	background: url(../images/inside-content-top-shade.gif) no-repeat 26px 0;
}
div#side-col {
	width: 36px;
	float: left;
	display: inline;
}
div#side-col a {
	display: block;
	margin-top: 40px;
	height: 98px;
	width: 36px;
	text-indent: -9000px;
	background: url(../images/community-tab.gif) no-repeat;
	background-position: 0 0;
}
div#side-col a:hover {
	background-position: 0 -100px;
}
body#inside div#side-col {
	width: 32px;
	padding-top: 10px;
}
body#inside div#side-col img {
	margin-left: 6px;
}
div#left-col {
	width: 141px;
	margin-left: 12px;
	padding-top: 10px;
	padding-right: 45px;
	font-size: 85%;
	color: #2f6703;
	line-height: 150%;
	background: url(../images/left-col-top-bar.gif) no-repeat top right;
	float: left;
	display: inline;
}
body#inside div#left-col {
	background: none;
	margin-left: 4px;
	padding-right: 0;
	width: 188px;
}
div#left-col-outer {
	background: url(../images/left-col-bar.gif) no-repeat bottom right;
	margin-top: 20px;
	float: left;
	display: inline;
}
body#inside div#left-col-outer {
	background: none;
}
div#center-col {
	width: 337px;
	margin-left: 15px;
	padding-top: 30px;
	color: #666666;
	font-size: 92%;
	line-height: 150%;
	float: left;
	display: inline;
}


div#admin-col {
	margin-left: 65px;
	padding-top: 30px;
	width: 690px;
	color: #666666;
	font-size: 92%;
	line-height: 150%;
	float: left;
	display: inline;
}

body#inside div#center-col {
	line-height: 145%;
	width: 500px;
	margin-left: 25px;
	color: #8b8b8b;
}
div#right-col {
	width: 160px;
	margin-left: 32px;
	color: #fff;
	text-align: center;
	font-size: 85%;
	float: left;
	display: inline;
}
div#right-col hr {
	color: #fff;
	margin: 10px 0;
	width: 80%;
	margin-left: auto;
	margin-right: auto;

}
div#home-logos {
	width: 102px;
	margin-left: 45px;
	margin-top: 20px;
	float: left;
	display: inline;
}

div#ft-outer {
	background: url(../images/bottom-swoosh.gif) no-repeat 100% 25px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
div#ft {
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	font-size: 85%;
	background: url(../images/ft-bkg.gif) no-repeat 26px 0;
}

body#inside div#ft-outer {
	background: url(../images/inside-ft-bkg.gif) no-repeat 0 0;
	width: 1062px;
}
body#inside div#ft {
	background-image: none;
	padding-top: 15px;
}
div#ft p {
	margin: 0 0 0 45px;
	padding: 10px 0;
	color: #002d70;
	line-height: 140%;
}
div#ft p a:link, div#ft p a:visited {
	text-decoration: none;
}
div#ft-links {
	width: 520px;
	margin-right: 55px;
	text-align: center;
	padding-top: 28px;
	color: #002d70;
	float: right;
	display: inline;
}
div#ft-links span {
	padding: 0 3px;
}


/* Site Search */
body#inside div.search {
	width: 290px;
	height: 30px;
	background: url(../images/search-bkg.gif) no-repeat;
	padding: 0;
	margin: 0;
}
div.search input.searchInput {
	width: 95px;
}
div.search label {
	font-style: italic;
	color: #ccd09f;
	background: url(../images/search-arrow.gif) no-repeat 0 50%;
	padding-left: 10px;
}
body#inside div.search label {
	color: #fff;
	font-size: 85%;
	margin-left: 30px;
	background: url(../images/bullet-blue.gif) no-repeat 0 50%;
}
div.search input.searchButton {
	cursor:pointer;
	background-image: url(../images/go-btn.gif);
	background-repeat: no-repeat;
	font-size: 9px!important;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	color: #ffffff!important;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	height: 24px!important;
	width: 24px!important;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
body#inside div.search input.searchButton {
	background-image: url(../images/go-btn-tan.gif);
}

/* Table */
table.content-table {
	margin: 10px 0;
        width: 250px; 
        height: 50px;
}
table.content-table th {
	background-color: #003366;
	padding: 3px 6px;
	color: #cbcb98;
	font-weight: bold;
	text-align: center;
}
table.content-table td {
	background-color: #cbcbff;
	padding: 3px 6px 0px 6px;
	color: #666666;
	font-weight: bold;
	text-align: center;
}


/* Event */
div.event h2 {
	color: #003366;
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 0;
}
div.event div.eventDate, div.event div.eventBody {
	font-size: 85%;
	font-style: italic;
	color: #666666;
}
.bold-green {
	font-weight: bold;
	color: #336600!important;
}

/* Sidebox */
div#sidebox-hd {
	background: url(../images/sidebox-hd.gif) no-repeat;
	width: 125px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 30px;
	margin-top: 25px;
	margin-left: 15px;
	color: #fff;
	font-size: 107%;
       
}
div#sidebox-top {
	background: url(../images/sidebox-top.gif) no-repeat;
	padding: 5px 10px 0 25px;
	line-height: 130%;
}
div#sidebox-btm {
	width: 187px;
	height: 13px;
	background: url(../images/sidebox-btm.gif) no-repeat;
}

/* breadcrumb */
div.breadcrumb a:link, div.breadcrumb a:visited {
	color: #cbcbff;
	text-decoration: none;
}
div.breadcrumb a:hover {
	color: #336600;
}
div.breadcrumb {
	color: #003366;
}
/* @end */

/* @group Nav */
div#nav {
	margin: 106px 0 0 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}
body#inside div#nav {
	margin: 18px 41px 0 0;
	float: right;
	display: inline;
}
div#nav ul {
	font-size: 85%;
	float: left;
	display: inline;
}
#nav ul { /* all lists */
	padding: 0;
	margin: 0!important;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 114px;
	height: 40px;
	line-height: 48px;
	text-align: center;
	background: url(../images/nav-tabs-full.png) no-repeat;
	background-position: 0 -109px;
	overflow: hidden;
	font-weight: bold;
}

/* Nav tabs */
#nav li.n-home, #nav li.n-home a {
	width: 57px;
}
#nav li.n-home a.selectedPage {
	background-position: 0 -54px;
}

#nav li.n-online, #nav li.n-online a {
	width: 113px;
	background-position: -57px -109px;
}
#nav li.n-online a:hover {
	background-position: -57px 1px;
}
#nav li.n-online a.selectedPage {
	background-position: -57px -54px;
}

#nav li.n-services, #nav li.n-services a {
	width: 77px;
	background-position: -169px -109px;
}
#nav li.n-services a:hover {
	background-position: -169px 1px;
}
#nav li.n-services a.selectedPage {
	background-position: -169px -54px;
}

#nav li.n-rates, #nav li.n-rates a {
	width: 102px;
	background-position: -245px -109px;
}
#nav li.n-rates a:hover {
	background-position: -245px 1px;
}
#nav li.n-rates a.selectedPage {
	background-position: -245px -54px;
}

#nav li.n-contact, #nav li.n-contact a {
	width: 90px;
	background-position: -347px -109px;
}
#nav li.n-contact a:hover {
	background-position: -347px 1px;
}
#nav li.n-contact a.selectedPage {
	background-position: -347px -54px;
}


#nav a:hover {
	background-position: 0 1px;
	color: #fff!important;
}
#nav a.selectedPage {
	background-position: 0 -54px;
	color: #fff!important;
}
#nav a:link, #nav a:visited {
	color: #336803;
	text-decoration: none;
}
#nav ul ul a:link, #nav ul ul a:visited {
	color: #cbcb98;
	font-weight: normal;
}
#nav ul ul a:hover {
	color: #336803!important;
	text-indent: 10px;
	background: url(../images/nav-arrow-small.gif) no-repeat 5px 50% #cbcb98!important;
}
#nav ul ul {
	font-size: 100%;
	margin-left: 6px!important;
}
#nav ul ul a {
	height: 20px;
	line-height: 20px;
	text-align: left;
	width: 122px!important;
	padding: 3px 6px;
	background-image: none;
}

#nav li { /* all list items */
	float: left;
	width: 114px; /* width needed or else Opera goes nuts */
	margin: 0;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: url(../images/nav-bkg.gif) no-repeat 0 100%;
	border: none;
	width: 134px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li {
	width: 134px;
	margin-left: 0px;
	border: none;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.9em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* Sub Nav */
div#sub-nav-top {
	width: 187px;
	height: 10px;
	background: url(../images/subnav-top.jpg) no-repeat;
	overflow: hidden;
}
div#sub-nav-btm {
	width: 187px;
	height: 12px;
	background: url(../images/subnav-btm.jpg) no-repeat;
	overflow: hidden;
}

div#sub-nav {
	margin: 0 0 0 0;
	padding: 1px 0;
	list-style: none;
	line-height: 1;
	background: url(../images/subnav-bkg.jpg) repeat-y;
	width: 187px;
}
div#sub-nav ul {
	font-size: 100%;
}
#sub-nav ul { /* all lists */
	padding: 0;
	margin: 0!important;
	list-style: none;
	line-height: 1;
}

#sub-nav a {
	display: block;
	width: 187px;
	height: 20px;
	line-height: 20px;
	text-align: left;
	text-indent: 30px;
	overflow: hidden;
}
#sub-nav a:link, #sub-nav a:visited, #sub-nav ul li.selectedPage ul a:link, #sub-nav ul li.selectedPage ul a:visited {
	color: #003366;
	text-decoration: none;
}
#sub-nav a:hover {
	background: url(../images/blue-arrow.gif) no-repeat 30px 50% #003366;
	color: #fff;
	text-indent: 40px;
}
#sub-nav li.selectedPage a:link, #sub-nav li.selectedPage a:visited {
	background: url(../images/gray-arrow.gif) no-repeat 30px 50% #8b8b8b;
	color: #fff;
	text-indent: 40px;
}
#sub-nav li.selectedPage ul a {
	text-indent: 0px!important;
	color: #003366!important;
	background-image: none!important;
	background-color: transparent!important;
}
#sub-nav ul ul a:link, #sub-nav ul ul a:visited {
	color: #003366;
}
#sub-nav ul ul a:hover {
	color: #fff!important;
	text-indent: 10px!important;
	background: url(../images/bullet-subnav.jpg) no-repeat 5px 50% #003366!important;
}
#sub-nav ul ul a {
	height: 20px;
	line-height: 20px;
	text-align: left;
	width: 122px;
	padding: 3px 6px;
	text-indent: 0;
	text-transform: uppercase;
	font-size: 92%;
	border-bottom: 1px solid #a8a8a8!important;
}

#sub-nav li { /* all list items */
	width: 187px; /* width needed or else Opera goes nuts */
	margin: 0!important;
	padding: 0!important;
	border-bottom: 1px solid #a1a098;
	height: 20px!important;
	overflow: hidden;
}

#sub-nav li ul { /* second-level lists */
	font-size: 100%;
	margin-left: 187px!important;
	margin-top: -20px!important;
	position: absolute;
	background: url(../images/subnav-bkg.gif) repeat-y;
	width: 134px;
	border: 1px solid #a8a8a8;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#sub-nav li ul li {
	width: 134px;
	margin-left: 0px;
}

#sub-nav li ul ul { /* third-and-above-level lists */
	margin: 0;
}

#sub-nav li:hover ul ul, #sub-nav li.sfhover ul ul {
	left: -999em;
}

#sub-nav li:hover ul, #sub-nav li li:hover ul, #sub-nav li.sfhover ul, #sub-nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/* <textEditor> */ 

.colorTan {
	color: #CBCB98;
}
.colorDrkBlue {
	color: #003366;
}
.colorGreen {
	color: #336600;
}

.colorBlack {
	color: #000;
}	
.colorWhite {
	color: #fff;
}	

/* </textEditor> */ 

/* Footer */
div#ft-nav ul {
	padding: 10px 0;
	margin-left: 46px!important;
	font-size: 92%;
}
div#ft-nav ul li {
	list-style-type: none;
	display: inline;
	border-right: 1px solid #336803;
	padding-right: 4px;
	padding-left: 2px;
}

div#ft-nav-lower ul {
	padding-bottom: 20px;
	margin-left: 46px!important;
	font-size: 92%;
}
div#ft-nav-lower ul li {
	list-style-type: none;
	display: inline;
	border-right: 1px solid #336803;
	padding-right: 4px;
	padding-left: 2px;
}
div#ft-nav a:link, div#ft-nav a:visited, div#ft-nav-lower a:link, div#ft-nav-lower a:visited {
	color: #336803;
	text-decoration: none;
}
div#ft-nav a:hover, div#ft-nav-lower a:hover {
	color: #013167;
}
/* @end */

/* @group Headings */
div#center-col h1 {
	color: #013167;
	font-size: 123%;
	margin-top: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
}
div#center-col h1.title {
	color: #cbcb98;
}
div#left-col h1.title {
	color: #013167;
	font-size: 123%;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
	line-height: 110%;
}
h3 {
	color: #013167;
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 0;
}
h4 {
	color: #c1c89a;
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 0;
}
h5 {
	color: #013167;
	font-size: 120%;
	font-weight: bold;
}
h6 {
	font-size: 135%;
	color: #fff;
	font-weight: bold;
}
/* @end */

/* @group Text Styles */
	
/* @end */

/* @group Lists */
div#outer-wrapper ul {
	margin-left: 20px;
}
div#outer-wrapper ol {
	margin-left: 27px;
}
div#center-col ul li {
	background: url(../images/main-ul-arrow.gif) no-repeat 0 50%;
	list-style-type: none;
	padding-left: 10px;
}
/* @end */

/* @group Forms */
	
/* @end */

/* @group Links - link visited hover active */
a:link, a:visited {
	color: #336803;
}
a:hover, a:active {
	text-decoration: none;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}

/* @end */