@charset "utf-8";
/* CSS Document */


/*--------- global --------*/
* {
	margin:0;
	padding:0;
	}


body {
	font-family: tahoma, "Times New Roman", Times, serif;
	font-size:100%;
	line-height:1.125emem; /*16×1.125=18*/
	background-image: url(../images/main_gfx/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #E3E2D4;
	}
	
#clear {
clear:both;
}
	
.fleft {
	float:left;
	margin:10px;
	}
	
.fleft_clear {
	float:left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	clear:both;
	}
	
.fright {
	float:right;
	margin: 10px;
	}
.fleft_border {
	float:left;
	margin: 10px;
	padding:5px;
	background:#FFF;
	border:#333 solid 1px;
	}

.fright_border {
	float:right;
	margin: 10px;
	padding:5px;
	background:#FFF;
	border:#333 solid 1px;
	}
	
.fleft_contact_us_btn {
	float:left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	}	
	
.10pad {
	margin:10px;
	}	
	
.margin_left {
	margin:10px;
	}	
	
.style1 {
	color: #33CCFF;
	}

.style2 {
	color: #FFFFFF;
	}
	
.style4 {
	color: #FFCC00;
	}

.bold {
	font-weight:bold;
	color:#3399FF;
	}
.italic {
	font-style:italic;
	}
	
.line_thru {
	text-decoration:line-through;
	}	
	
/*--------- end global--------*/



/*----------- main div container structures / formating ---------------*/



#top_spacer {
	height:25px;
	width:800px;
	background-image: url(../images/main_gfx/images/main_shadow_01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0 auto;
	}
	
#bottom_spacer {
	height:10px;
	width:800px;
	background-image: url(../images/main_gfx/images/Untitled-2_03.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 auto;
	}
	
#top_divider {
	height:6px;
	width:760px;
	background-color:#A79971;
	margin: 0 auto;
	}

#wrapper {
	width:770px;
	height:auto;
	margin: 0 auto;
	background-image: url(../images/main_gfx/images/main_shadow_02-03.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 778px;
	}
	
#header {
	position:relative;
	width:760px;
	height:116px;
	background-color: #1E5EA5;
	margin: 0 auto;
	background-image: url(../images/main_gfx/header_bg.png);
	background-position: center top;
	}	
	
#header a{
	position:relative;
	color:#CC6;
	}	
	
#logo {
	position:absolute;
	width:153px;
	height:116px;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
	}
	
#contact_info {
	position:absolute;
	width: auto;
	height:125px;
	left: 345px;
	top: 9px;
	font-size:0.8em;
	}
	
#slide_show {
	width:480px;
	height:230px;
	float: left;
	margin-left: 9px;
	z-index: 1;
	}
	
#slide_show_2 {
	width:480px;
	height:230px;
	float: left;
	margin-left: 9px;
	z-index: 1; 
	}
	
#main_content {
	width:475px;
	height:auto;
	background-color: #ffffff;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	margin-left: 9px;
	float: left;
	}

#main_content a {
	color:#597AAF;
	font-weight: bold;
	}
	
#main_content p {
	color:#666666;
	font-size: 0.9em;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	}
	
#main_content ul {
	color:#666;
	font-size: 0.9em;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
	list-style-type: disc;
	list-style-image: url(../images/main_gfx/dot_ul.png);
	}
	
#main_content h1 {
	color:#9D8F68;
	margin-top: 20px;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-left: 10px;
	font-size: 1.4em;
	line-height: 1.3em;
	}
	
#main_content h2 {
	color:#66512B;
	font-size: 1.1em;
	margin-top: 30px;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-left: 10px;
	}
#main_content h3 {
	color:#66512B;
	font-size: 0.9em;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	}
	
#main_content table tr td {
	padding:6px;
	}
	
#side_box {
	width:280px;
	height:auto;
	float:left;
	background-color: #FFFFFF;
	}	
	
#side_box1 {
	width:280px;
	height:auto;
	float:left;
	background: url(../images/main_gfx/sub_nav_bg1.jpg) top left repeat-y;
	padding-bottom: 5px;
	}	
	
#inner_box {
	width:270px;
	height:auto;
	float:left;
	margin-left: 5px;
	margin-top: 5px;
	background: url(../images/main_gfx/sub_nav_bg2.jpg) top left repeat-y;
	}
	
#home_boxes {
	background-color:#8B6F2D;
	width:760px;
	height:212px;
	margin: 0 auto;
	}
	
#box_1 {
	width:253px;
	height:212px;
	float:left;
	}
	
#box_2 {
	width:253px;
	height:212px;
	float:left;
	}
	
#box_3 {
	width:253px;
	height:212px;
	float:left;
	}
	
.box_divider {
	background:url(../images/main_gfx/box_divider.png) top left no-repeat;
	width:256px;
	height:212px;
	}	
	
#box_1 p, #box_2 p, #box_3 p {
	margin:10px;
	color:#F2ECE1;
	font-size: 0.9em;
	}
	
#box_1 ul, #box_2 ul, #box_3 ul {
	color:#F2ECE1;
	font-size: 0.9em;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
	list-style-type: none;
	list-style-image: url(../images/main_gfx/dot_ul.png);
	}
	
#box_1 h1, #box_2 h1, #box_3 h1 {
	color:#262018;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 10px;
	font-size: 1.5em;
	}
	
#box_1 h2, #box_2 h2, #box_3 h2 {
	color:#C4A873;
	font-size: 1.1em;
	margin-top: 6px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 10px;
	}

#contact_us_btn{
	background:url(../images/main_gfx/contact_us_btn.png) top left no-repeat;
	width:204px;
	height:81px;
	margin-left: 30px;
	}
	
#contact_us_btn a:hover{
	background:url(../images/main_gfx/contact_us_btn_hover.png) top left no-repeat;
	width:204px;
	height:81px;
	display:block;
	}
	
	
#copyright {
	width:770px;
	height:20px;
	margin: 0 auto;
	font-size: 0.7em;
	color: #333333;
	}
	
#copyright a {
	color:#333333;
	}
	
#copyright a:hover {
	color:#FFFFFF;
	background-color: #A79971;
	}
	
/*----------- end main div container structures / formating ---------------*/

/*--------------------------- main nav --------------------*/

#main_nav {
	width:760px;
	height:28px;
	background-color: #1D334B;
	margin: 0 auto;
	z-index: 20;
	}
	
#main_nav ul {
	width:770px;
	height:28px;
	}
	
#main_nav li {
	width:152px;
	height:28px;
	float:left;
	display:block;
	list-style-type:none;
	font-size: 0.9em;
	}
	
#main_nav li a {
	color:#fff;
	text-decoration:none;
	width:152px;
	height:24px;
	padding-top:4px;
	display:block;
	font-size: 0.9em;
	}	
	
#main_nav li a:hover {
	width:153px;
	color:#FFFFFF;
	display:block;
	height: 24px;
	background-image: url(../images/main_gfx/main_nav_hover_bg.png);
	background-repeat: repeat;
	background-position: left center;
	font-size: 0.9em;
	}

/*------------- drop downs --------------*/	
	

#main_nav li:hover ul {
	position:relative;
	display:block;
	width:230px;
	height:auto;
	float:none;
	list-style-type:none;
	font-size: 0.9em;
	background-image: url(../images/main_gfx/main_nav_dropdown_bg.png);
	background-repeat: repeat;
	background-position: left top;
	}

#main_nav li:hover ul li{
	position:relative;
	display:block;
	width:230px;
	height:30px;
	float:none;
	list-style-type:none;
	font-size: 0.9em;
	background-image: url(../images/main_gfx/main_nav_dropdown_bg.png);
	background-repeat: repeat;
	background-position: left top;
	}

#main_nav li ul li {
	position:absolute;
	top:-3px;
	left:0px;
	color:#fff;
	text-decoration:none;
	width:auto;
	height:30px;
	display:none;
	font-size: 0.9em;
	}	
	
#main_nav ul li ul li a {
	color:#fff;
	text-decoration:none;
	width:auto;
	height:30px;
	display:block;
	padding-left:5px;
	font-size: 0.9em;
	}	
	
#main_nav li ul li a:hover {
	width:auto;
	color:#ffffff;
	display:block;
	height: 28px;
    margin-top:-2px;
	padding-top:4px;
	font-size: 0.9em;
	}
	

/*--------------------------- end main nav --------------------*/




/*--------------------------- sub nav --------------------*/

#sub_nav {
	width:280px;
	height:230px;
	float: left;
	background-image: url(../images/main_gfx/sub_nav_bg1.jpg);
	}
	
#sub_nav ul {
	width:270px;
	height:230px;
	margin-left: 5px;
	margin-top: 5px;
	}
	
#sub_nav li {
	width:270px;
	height:34px;
	display:block;
	font-weight:bold;
	list-style-type:none;
	font-size: 0.9em;
	background-image: url(../images/main_gfx/sub_nav_bg2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: 3px;
	}
	
#sub_nav li a {
	color:#fff;
	text-decoration:none;
	width:270px;
	height:26px;
	padding-top:7px;
	display:block;
	padding-left: 5px;
	font-size: 0.9em;
	}	
	
#sub_nav li a:hover {
	width:270px;
	color:#FFFFFF;
	display:block;
	background-image: url(../images/main_gfx/sub_nav_bg2_hover.png);
	background-repeat: repeat-y;
	background-position: left top;
	height: 27px;
	font-size: 0.9em;
	}
	
.nav_divider {
	background:url(../images/main_gfx/nav_divider.png) top left no-repeat;
	width:154px;
	height:34px;
	}
	

/*--------------------------- end sub nav --------------------*/

.dmxNavigationMenu {
	position: relative;
    background-color: #eee;
	min-height: 1%;
}

.dmxNavigationMenu * {
	font-family: Arial;
	font-size: 12px;
	color: #333;
}

.dmxNavigationMenu h3 {
    float: left;
    margin: 5px;
}

.dmxNavigationMenu form.dmxSearchForm {
	/*float: right;
    margin: 5px;*/
	position: absolute;
	right: 5px;
	bottom: 2px;
}

.dmxNavigationMenu .vertical form.dmxSearchForm {
	position: relative;
}

.dmxNavigationMenu.contextMenu {
	z-index: 10000;
}

.dmxNavigationMenu.contextMenu h3 {
    display: none;
}

.dmxNavigationMenu.contextMenu form.dmxSearchForm {
    display: none;
}

.dmxNavigationMenu ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dmxNavigationMenu li {
	display: block;
	position: relative;
	white-space: nowrap;
	zoom: 1;
}

.dmxNavigationMenu li span.label {
	display: block;
	padding: 5px;
	font-weight: bold;
}

.dmxNavigationMenu li span.heading {
	display: block;
	padding: 5px;
	font-weight: bold;
}

.dmxNavigationMenu li.separator {
	background-color: #ccc;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 1px;
	margin: 3px 5px;
	font-size: 0;
	line-height: 0;
	text-indent: -10000px;
}

.dmxNavigationMenu ul.horizontal > li.separator {
	width: 1px;
	margin: 3px 5px;
}


.dmxNavigationMenu li:hover > ul {
	display: block;
}

.dmxNavigationMenu ul.vertical {
	clear: both;
}

.dmxNavigationMenu ul.horizontal {
	float: left;
}

.dmxNavigationMenu ul.horizontal > li {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: bottom;
	margin-right:38px;
	font-weight:bold;
}

.dmxNavigationMenu ul.mega,
.dmxNavigationMenu ul.sub {
	position: absolute;
	top: 0;
	left: 97%;
	display: none;
	background-color: #eee;
	border: 1px solid #999;
	width: 150px;
	z-index: 99;
}

.dmxNavigationMenu ul.sub_left ul.mega,
.dmxNavigationMenu ul.sub_left ul.sub {
	left: auto;
	right: 97%;
}

.dmxNavigationMenu ul.mega > li {
	float: left;
}

.dmxNavigationMenu ul.horizontal > li > ul.mega,
.dmxNavigationMenu ul.horizontal > li > ul.sub {
	top: 100%;
	left: 0;
}

.dmxNavigationMenu ul.main_up > li > ul.mega,
.dmxNavigationMenu ul.main_up > li > ul.sub {
	top: auto;
	bottom: 100%;
}

.dmxNavigationMenu ul.main_up ul.mega,
.dmxNavigationMenu ul.main_up ul.sub {
	top: auto;
	bottom: 0;
}

.dmxNavigationMenu li a {
	display: block;
	padding: 5px;
	text-decoration: none;
	overflow: hidden;
	outline: none;
	zoom: 1;
}

.dmxNavigationMenu ul.horizontal > li > a {
	*display: inline;
	
}

.dmxNavigationMenu li a.icon-top {
	line-height: normal !important;
	text-align: center;
}

.dmxNavigationMenu a.expandable {
	padding-right: 16px !important;
}

.dmxNavigationMenu ul.sub_left ul a.expandable {
	padding-left: 16px !important;
}

.dmxNavigationMenu ul.vertical.sub_left > li > a.expandable {
	padding-left: 16px !important;
}

.dmxNavigationMenu li a.selected,
.dmxNavigationMenu li a:hover,
.dmxNavigationMenu li a.hover {
	background: #09c;
	color: #fff;
}

.dmxNavigationMenu li a img {
	position: relative;
	border: none;
	margin-right: 5px;
	vertical-align: middle;
}

.dmxNavigationMenu li a.icon-top img {
	display: block;
	margin: 0 auto;
}

.dmxNavigationMenu span.sub_down,
.dmxNavigationMenu span.sub_right,
.dmxNavigationMenu span.sub_up,
.dmxNavigationMenu span.sub_left {
	display: block;
	position: absolute;
	width: 16px;
	height: 100%;
	top: 0;
	right: 0;
	background-image: url('right-trans.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.dmxNavigationMenu span.sub_down {
	background-image: url('down-trans.png');
}

.dmxNavigationMenu span.sub_up {
	background-image: url('up-trans.png');
}

.dmxNavigationMenu span.sub_left {
	background-image: url('left-trans.png');
	right: auto;
	left: 0;
}

*:first-child+html .dmxNavigationMenu li a.icon-top img,
* html .dmxNavigationMenu li a.icon-top img {
	margin: 0;
}

.dmxNavigationMenu li a span {
	display: none;
}

http://www.bankscountychamber.com/Styles/dmxNavigationMenu/dark_blue/dark_blue.css

/* dark_blue */

.dmxNavigationMenu.dark_blue {
    background-color: #152b4d;
	background-image: url('images/main_gfx/main_nav_bg12.png');
	background-position: top;
	background-repeat: repeat-x;
	border: 1px solid;
	border-color: #9ac #666 #346 #666;
	padding: 5px;
}

.dmxNavigationMenu.contextMenu.dark_blue {
	background: none;
	border: none;
	padding: 0;
}

.dmxNavigationMenu.dark_blue * {
	color: #fff;
}

.dmxNavigationMenu.dark_blue h3 {
    margin: 0 10px 0 0;
	line-height: 24px;
	font-size: 13px;
	color: #fff;
	text-shadow: 0 0 3px #aaa;
}

.dmxNavigationMenu.dark_blue ul.menu {
}

.dmxNavigationMenu.contextMenu.dark_blue ul.menu {
	background-image: none;
	border: 1px solid;
	border-color: #666;
	font-weight:bold;}

.dmxNavigationMenu.dark_blue li span.label {
	color: #fff;
	text-shadow: 0 0 3px #aaa;
}

.dmxNavigationMenu.dark_blue li.separator {
	background-color: #000;
	border-color: #444;
}

.dmxNavigationMenu.dark_blue ul.mega,
.dmxNavigationMenu.dark_blue ul.sub {
	background-color: #036;
	border: 1px solid;
	border-color: #666;
}

.dmxNavigationMenu.dark_blue li a {
	padding: 4px 5px;
	font-weight: normal;
	color: #fff;
}

.dmxNavigationMenu.dark_blue li a.selected {
	background: transparent;
	color: #fff;
}

.dmxNavigationMenu.dark_blue li a:hover {
	background: #069;
	color: #fff;
	text-shadow: 0 0 3px #aaa;
}

.dmxNavigationMenu.dark_blue span.sub_right {
	background-image: url('right-trans.png');
}

.dmxNavigationMenu.dark_blue span.sub_down {
	background-image: url('down-trans.png');
}

.dmxNavigationMenu.dark_blue span.sub_left {
	background-image: url('left-trans.png');
}

.dmxNavigationMenu.dark_blue span.sub_up {
	background-image: url('up-trans.png');
}

.dmxNavigationMenu.dark_blue li.active > a > span.sub_right,
.dmxNavigationMenu.dark_blue a:hover span.sub_right {
	background-image: url('right_sel-trans.png');
}

.dmxNavigationMenu.dark_blue li.active > a > span.sub_down,
.dmxNavigationMenu.dark_blue a:hover span.sub_down {
	background-image: url('down_sel-trans.png');
}

.dmxNavigationMenu.dark_blue li.active > a > span.sub_left,
.dmxNavigationMenu.dark_blue a:hover span.sub_left {
	background-image: url('left_sel-trans.png');
}

.dmxNavigationMenu.dark_blue li.active > a > span.sub_up,
.dmxNavigationMenu.dark_blue a:hover span.sub_up {
	background-image: url('up_sel-trans.png');
}

.dmxNavigationMenu.dark_blue .dmxSearchForm .textfield {
    background-color: #000;
    border: 1px solid #555;
	font-family: Arial;
	font-size: 11px;
	color: #ccc;
}

.dmxNavigationMenu.dark_blue .dmxSearchForm .button {
    background-color: #000;
    background-image: url('button.png');
    background-position: top;
    background-repeat: repeat-x;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #555;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0;
	padding: 0 5px;
	height: 24px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #aaa;
}

.dmxNavigationMenu.dark_blue .dmxSearchForm .button:hover {
	color: #fff;
	text-shadow: 0 0 3px #aaa;
}