@charset "utf-8";
@import 'global_reset.css';

/***** background
---------------------------------------------------------------------------------------------------------------- *****/
html {
	background-color: #123247;
}
body {
	height: auto;
	padding-top: 1px;
	
	background: url(../img/int_canvas_top_bg.png) no-repeat center -14px;
}
body.home {
	background: url(../img/home_canvas_bg.png) no-repeat center -14px;
}
#canvas-shadow {
	width: 1008px;
	margin: 0 auto;
	margin-top: 32px;
	
	background: url(../img/int_canvas_repeat_bg.png) repeat-y;
}

/***** end background *****/

#canvas {
	position: relative;
	margin: 0 auto;
	width: 970px;
}
#canvas {
	position: relative;
	top: -28px;
	padding-bottom: 28px;
	
	background: url(../img/int_bottom_corners.png) no-repeat center bottom;
}
body.home #canvas {
	height: 635px;
	top: 0;
	padding-bottom: 0;
	margin-top: 4px;
	overflow: hidden;	
	
	background: url(../img/border_bottom.gif) repeat-x center bottom;
}
body.home #canvas div#lb-corner {
	width: 28px;
	height: 28px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	
	background: url(../img/lb_corner1.png) no-repeat;
}
body.home #canvas div#rb-corner {
	width: 28px;
	height: 28px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 100;
	
	background: url(../img/rb_corner1.png) no-repeat;
}

/***** header area 
---------------------------------------------------------------------------------------------------------------- *****/
#header {
	height: 161px;
	position: relative;
	
	background: url(../img/header_bg.png) no-repeat;;
}
#header div#main-logo {
	width: 599px;
	height: 104px;
	float: left;
	margin: 31px 0 0 32px;
}
#header form {
	width: 271px;
	height: 140px;
	float: right;
	margin: 10px 10px 0 0;
	
	background: url(../img/form_bg.png) no-repeat;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
}
#header form dl dt {
	height: 16px;
	margin: 21px 20px 0 20px;
	
	background: url(../img/member_login.png) no-repeat;
	text-align: right;
}
#header form dl dt span {
	display: block;
	width: 118px;
	float: left;
	
	text-indent: -9000em;
	text-align: left;
}
#header form dl dt a {
	display: block;
	padding-top: 2px;
	
	text-align: right;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
}
#header form dl dt a:hover, #header form dl dt a:active {
	text-decoration: none;
}
#header form dl dd {
	margin: 4px 20px 0 20px;
	height: 26px;
}
#header form dl dd input[type="text"] {
	display: block;
	float: left;
	margin: 5px 14px;
	border: none;	
	
	font: bold 14px Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #fff;
}
#header form dl dd input[type="password"] {
	display: block;
	float: left;
	margin: 5px 14px;
	border: none;	
	
	font: bold 14px Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #fff;
}
*:first-child+html #header form dl dd input[type="text"] {
	float: right;
}
#header form dl dd#user {
	background: url(../img/username_bg.png) no-repeat;
}
#header form dl dd#user input {
	width: 203px;
}
#header form dl dd#pass {
	width: 149px;
	float: left;
	margin-right: 4px;
	
	background: url(../img/password_bg.png) no-repeat;
}
#header form dl dd#pass input {
	width: 121px;
}
#header form dl dd#log-in {
	width: 78px;
	margin: 4px 0 0 0;
	float: left;
}
#header form dl dd#log-in input[type="submit"] {
	display: block;
	border: none;
	height: 26px;
	width: 78px;
	
	cursor: pointer;
	background: url(../img/submit_bg.png) no-repeat;
}
#header form dl dd#flag {
	clear: both;
	height: auto;
	padding: 6px 0 0 6px;
	margin-top: 0;
}
*:first-child+html #header form dl dd#flag {
	padding-top: 3px;
}
#header form dl dd#flag input[type="checkbox"] {
	vertical-align: text-bottom;
}
*:first-child+html #header form dl dd#flag input[type="checkbox"] {
	vertical-align: middle;
}
#header ul {
	position: absolute;
	left: 154px;
	top: 120px;
}
#header ul li {
	display: inline;
	padding: 0 7px 0 12px;
	
	background: url(../img/bullet.png) no-repeat left center;
}
#header ul li a:link, #header ul li a:visited {
	font: 13px Arial, Helvetica, sans-serif;
	color: #fff;
}
#header ul li a:hover, #header ul li a:active {
	text-decoration: none;
}
#header ul li span {
	font: 13px Arial, Helvetica, sans-serif;
	color: #f8c779;
}
/***** end header area *****/

/***** navigation area 
---------------------------------------------------------------------------------------------------------------- *****/
#navigation {
	height: 41px;
	border: solid #fff;
	border-width: 0 2px;
	
	background: url(../img/nav_duck.jpg) no-repeat;
}
#navigation ul#nav-list {
	background: #369;
}
#navigation ul#nav-list > li {
	height: 41px;
	float: left;
	
	background: url(../img/nav_li_bg.jpg) no-repeat;
}
#navigation ul#nav-list > li:first-child {
	background-position: -6px 0;
}
#navigation ul#nav-list > li > a, #navigation ul#nav-list > li > span {
	display: block;
	height: 29px;
	margin: 6px 0 0 16px;
	
	text-indent: -9000em;
	background: url(../img/nav_sprite.png) no-repeat;
}

#navigation ul#nav-list li#nav_btn1 { width: 99px; }
#navigation ul#nav-list li#nav_btn1 > a, #navigation ul#nav-list li#nav_btn1 > span { width: 74px; }
#navigation ul#nav-list li#nav_btn1 > a:link, #navigation ul#nav-list li#nav_btn1 > a:visited {
	background-position: 0 0;
}
#navigation ul#nav-list li#nav_btn1 > a:hover, #navigation ul#nav-list li#nav_btn1 > a:active, 
#navigation ul#nav-list li#nav_btn1 > a.active  {
	background-position: 0 -29px;
}
#navigation ul#nav-list li#nav_btn1 > span {
	background-position: 0 -29px;
}
#navigation ul#nav-list li#nav_btn2 { width: 145px; }
#navigation ul#nav-list li#nav_btn2 > a, #navigation ul#nav-list li#nav_btn2 > span { width: 107px; }
#navigation ul#nav-list li#nav_btn2 > a:link, #navigation ul#nav-list li#nav_btn2 > a:visited {
	background-position: -74px 0;
}
#navigation ul#nav-list li#nav_btn2 > a:hover, #navigation ul#nav-list li#nav_btn2 > a:active, 
#navigation ul#nav-list li#nav_btn2 > a.active {
	background-position: -74px -29px;
}
#navigation ul#nav-list li#nav_btn2 > span {
	background-position: -74px -29px;
}
#navigation ul#nav-list li#nav_btn3 { width: 146px; }
#navigation ul#nav-list li#nav_btn3 > a, #navigation ul#nav-list li#nav_btn3 > span { width: 108px; }
#navigation ul#nav-list li#nav_btn3 > a:link, #navigation ul#nav-list li#nav_btn3 > a:visited {
	background-position: -181px 0;
}
#navigation ul#nav-list li#nav_btn3 > a:hover, #navigation ul#nav-list li#nav_btn3 > a:active, 
#navigation ul#nav-list li#nav_btn3 > a.active {
	background-position: -181px -29px;
}
#navigation ul#nav-list li#nav_btn3 > span {
	background-position: -181px -29px;
}
#navigation ul#nav-list li#nav_btn4 { width: 257px; }
#navigation ul#nav-list li#nav_btn4 > a, #navigation ul#nav-list li#nav_btn4 > span { width: 219px; }
#navigation ul#nav-list li#nav_btn4 > a:link, #navigation ul#nav-list li#nav_btn4 > a:visited {
	background-position: -289px 0;
}
#navigation ul#nav-list li#nav_btn4 > a:hover, #navigation ul#nav-list li#nav_btn4 > a:active, 
#navigation ul#nav-list li#nav_btn4 > a.active {
	background-position: -289px -29px;
}
#navigation ul#nav-list li#nav_btn4 > span {
	background-position: -289px -29px;
}
#navigation ul#nav-list li#nav_btn5 { width: 155px; }
#navigation ul#nav-list li#nav_btn5 > a, #navigation ul#nav-list li#nav_btn5 > span { width: 117px; }
#navigation ul#nav-list li#nav_btn5 > a:link, #navigation ul#nav-list li#nav_btn5 > a:visited {
	background-position: -508px 0;
}
#navigation ul#nav-list li#nav_btn5 > a:hover, #navigation ul#nav-list li#nav_btn5 > a:active, 
#navigation ul#nav-list li#nav_btn5 > a.active {
	background-position: -508px -29px;
}
#navigation ul#nav-list li#nav_btn5 > span {
	background-position: -508px -29px;
}
#navigation ul#nav-list li#nav_btn6 { width: 162px; }
#navigation ul#nav-list li#nav_btn6 > a, #navigation ul#nav-list li#nav_btn6 > span { width: 124px; }
#navigation ul#nav-list li#nav_btn6 > a:link, #navigation ul#nav-list li#nav_btn6 > a:visited {
	background-position: -625px 0;
}
#navigation ul#nav-list li#nav_btn6 > a:hover, #navigation ul#nav-list li#nav_btn6 > a:active, 
#navigation ul#nav-list li#nav_btn6 > a.active {
	background-position: -625px -29px;
}
#navigation ul#nav-list li#nav_btn6 > span {
	background-position: -625px -29px;
}

#navigation ul#nav-list li.drop-down {
	position: relative;
	z-index: 99;
}
#navigation ul#nav-list li.drop-down ul {
	position: absolute;
	left: 16px;
	top: 100%;
	z-index: 100;
	display: none;
	width: 160px;
	padding: 5px 0 11px 0;
	
	background: url(../img/drop_down_bg.png) no-repeat center bottom;
}
#navigation ul#nav-list li.drop-down ul li {
	margin: 0 1px;
}
#navigation ul#nav-list li.drop-down ul li a {
	display: block;
	padding: 5px 10px;
	
	font: 14px/1 Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
#navigation ul#nav-list li.drop-down ul li a:hover, #navigation ul#nav-list li.drop-down ul li a:active {
	background: #396 url(../img/drop_down_hover_bg.jpg) repeat-x center 0;
}
/***** end navigation area *****/

/***** columns area 
---------------------------------------------------------------------------------------------------------------- *****/
#cols-wrapper {
	overflow: hidden;
	padding: 0 2px;	
	background: url(../img/int_cols_bg.gif) repeat-y;
	font: 13px Arial, Helvetica, sans-serif;
	color: #323232;
}
body.home #cols-wrapper {
	margin: 0;
	background: url(../img/cols_bg.gif) repeat-y;
}
#cols-wrapper h1 {
	margin: 24px 2px 0 22px;
	
	font: 24px Arial, Helvetica, sans-serif;
	color: #f7941d;
}
#cols-wrapper h2 {
	margin: 0 2px 0 22px;
	
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #f7941d;
}
#cols-wrapper a:link, #cols-wrapper a:visited, #cols-wrapper a {
	color:#935733;
}
#cols-wrapper a:hover, #cols-wrapper a:active {
	text-decoration: none;
}
#left {
	width: 720px;
	float: left;	
	font: 13px Arial, Helvetica, sans-serif;
	color: #323232;
}
#left p {
	margin: 18px 2px 18px 22px;
}
#left ul {
	margin: 18px 2px 18px 38px;
	padding-left: 1.2em;
	
	list-style: disc url(../img/list_bullet.png) outside;
}
#left ul li {
	margin: 10px 0;
}
#middle {
	width: 279px;
	float: left;
}
#middle > img {
	display: block;
	margin: 18px auto;
	padding: 3px;
	
	background-color: #dcdcdc;
}
#middle h2 {
	margin: 0 14px 0 44px;
}
#middle p {
	margin: 10px 14px 10px 44px;
}
#middle a:hover, #middle a:active {
	color: #fff;
	background-color: #f7941d;
}
#right {
	width: 210px;
	float: right;
}

/***** righ menu *****/
#right ul li {
	border-bottom: 1px solid #425d74;
}
#right ul li a {
	display: block;
	padding-left: 70px;
}
#right ul li a:link, #right ul li a:visited {
	font: 16px/69px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background: url(../img/int_right_link_sprite2.jpg) no-repeat;
}
#right ul li.right-menu1 a:link, #right ul li.right-menu1 a:visited {
	background-position: 0 0;
}
#right ul li.right-menu1 a:link, #right ul li.right-menu1 a:hover {
	background-position: -210px 0;
}
#right ul li.right-menu2 a:link, #right ul li.right-menu2 a:visited {
	background-position: 0 -69px;
}
#right ul li.right-menu2 a:link, #right ul li.right-menu2 a:hover {
	background-position: -210px -69px;
}
#right ul li.right-menu3 a:link, #right ul li.right-menu3 a:visited {
	background-position: 0 -138px;
}
#right ul li.right-menu3 a:link, #right ul li.right-menu3 a:hover {
	background-position: -210px -138px;
}
#right ul li.right-menu4 a:link, #right ul li.right-menu4 a:visited {
	background-position: 0 -207px;
}
#right ul li.right-menu4 a:link, #right ul li.right-menu4 a:hover {
	background-position: -210px -207px;
}
#right ul li a:hover, #right ul li a:active {
	text-decoration: none;
}
/***** end righ menu *****/

/***** home page *****/
body.home #left {
	width: 716px;
	height: 431px;
	position: relative;
}
body.home #left div#crystal-carrier {
	height: 102px;
	width: 672px;
	padding: 21px 22px 0 22px;
	position: absolute;
	left: 0;
	top: 308px;
	
	background: url(../img/crystal_bg.png) no-repeat;
}
body.home #left div#crystal-carrier h1 {
	margin: 0;
	
	font-weight: bold;
}
body.home #left div#crystal-carrier p {
	margin: 0;
	
	font: 14px Arial, Helvetica, sans-serif;
	color: #fff;
}
body.home #right {
	width: 248px;
	height: 431px;
	
	background: url(../img/home_right_bg.jpg) no-repeat;
}
body.home #right > a {
	display: block;
	width: 224px;
	height: 118px;
	margin: 13px 12px 20px 12px;
	
	background: url(../img/inthenews.png) no-repeat;
}
/***** home righ menu *****/
body.home #right ul li {
	border-top: 1px solid #425d74;
	border-bottom: none;
}
body.home #right ul li a {
	display: block;
	padding: 28px 0 25px 85px;
	
	font: 16px/1 Arial, Helvetica, sans-serif;
}
body.home #right ul li.last a {
	padding: 17px 0 20px 85px;
}
*:first-child+html body.home #right ul li.last a {
	padding: 20px 0 21px 85px;
}
body.home #right ul li a:link, body.home #right ul li a:visited {
	color: #7599b4;
	background: url(../img/home_right_link_sprite.png) no-repeat;
}
body.home #right ul li a span {
	color: #fff;
}
body.home #right ul li a span#numbers {
	font: 12px/1 Arial, Helvetica, sans-serif;
}
body.home #right ul li a:hover, body.home #right ul li a:active {
	text-decoration: none;
	background: url(../img/home_right_hover_sprite.jpg) no-repeat;
}
body.home #right ul li.right-menu1 a:link, body.home #right ul li.right-menu1 a:visited {
	background-position: 20px 0;
}
body.home #right ul li.right-menu2 a:link, body.home #right ul li.right-menu2 a:visited {
	background-position: 20px -69px;
}
body.home #right ul li.right-menu3 a:link, body.home #right ul li.right-menu3 a:visited {
	background-position: 20px -138px;
}
body.home #right ul li.right-menu4 a:link, body.home #right ul li.right-menu4 a:visited {
	background-position: 20px -207px;
}

body.home #right ul li.right-menu1 a:hover, body.home #right ul li.right-menu1 a:active {
	background-position: 0 0;
}
body.home #right ul li.right-menu2 a:hover, body.home #right ul li.right-menu2 a:active {
	background-position: 0 -69px;
}
body.home #right ul li.right-menu3 a:hover, body.home #right ul li.right-menu3 a:active {
	background-position: 0 -138px;
}
body.home #right ul li.right-menu4 a:hover, body.home #right ul li.right-menu4 a:active {
	background-position: 0 -207px;
}
/***** end home righ menu *****/
/***** end home page *****/
/***** end columns area *****/

/***** footer area 
---------------------------------------------------------------------------------------------------------------- *****/
#footer {
	position: relative;
	margin: 0 auto;
	height: 95px;
	width: 970px;
	padding: 28px 10px 0 10px;
	margin-top: -56px;

	background: #123247 url(../img/int_bottom_corners_shadow.jpg) no-repeat center top; 
}
body.home #footer {
	height: 94px;
	padding-top: 1px;
	margin-top: 0;
	
	background: none;
}
#footer p {
	width: 200px;
	float: left;
	margin: 23px 0 0 23px;
	
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #edf8ff;
}
#footer > a {
	display: block;
	width: 163px;
	height: 30px;
	float: right;
	margin: 12px 29px 0 0;
}
#footer ul {
	margin: 17px 223px 0 223px;
	text-align: center;
}
*:first-child+html #footer ul {
	margin-top: 45px;
}
*:first-child+html body.home #footer ul {
	margin-top: 17px;
}
#footer ul li {
	display: inline-block;
	vertical-align: top;
	padding-left: 6px;
	height: 19px;
	margin: 0 2px;	
}
#footer ul li:hover {
	background: url(../img/footer_nav_left_bg.png) no-repeat left center;
}
#footer ul li:hover a {
	text-decoration: none;
	background: url(../img/footer_nav_right_bg.png) no-repeat right center;
}
*:first-child+html #footer ul li {
/*
	zoom: 1.0;
*/
	display: inline;
}
#footer ul li a {
	display: block;
	padding-right: 6px;	
}
#footer ul li a:link, #footer ul li a:visited {
	font: 11px/19px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
}
/***** end footer area *****/

/* ---------------- Board of Directors ---------------- */

#cols-wrapper #left .officers p {margin:7px 0 7px 35px; padding:0; font-size:14px;}
#cols-wrapper #left .officers p strong {color:#C19542; font-weight:normal;}
#members_table th {height:35px; text-align:left; padding:3px 30px 0; background:url(../img/table_bg3.jpg); font-size:17px; font-weight:normal; color:#444; text-align:center; border-right:1px ridge #DBE4E8;}
#members_table tr {background:url(../img/table_bg.jpg); border-style:none; color:#444;}
#members_table tr:hover {background:url(../img/table_bg2.jpg); border-style:none; color:#000;}
#members_table td {border-style:none; height:35px; padding:5px 35px; text-align:center;}
#members_table table {border:1px solid #777; margin:5px 25px 5px;}
h3 {margin:20px 22px 10px; font-size:18px; color:#123247; font-weight:normal;}
.line {border-bottom:1px solid #CBD1DC; width:700px; margin:15px 20px;}
.line2 {border-bottom:1px solid #CBD1DC; width:334px; margin:15px 0 15px 20px;}
#contact_form input {margin:0 25px 0 0; width:142px;}
#contact_form p {margin:15px 0 0 20px; padding:0}
#contact_form textarea {margin:15px 0 0 0; padding:0; width:330px; height:150px; background:url(../img/textarea.png) bottom right no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#address {margin:40px 0 0 30px;}
#cols-wrapper #left #address p {margin:9px 15px; padding:0;}
#members_table2 th {height:35px; text-align:left; padding:3px 10px 0; background:url(../img/table_bg3.jpg); font-size:13px; font-weight:normal; color:#444; border-right:1px ridge #888;}
#members_table2 tr {background:url(../img/table_bg.jpg); border-style:none; color:#444;}
#members_table2 tr:hover {background:url(../img/table_bg2.jpg); border-style:none; color:#000;}
#members_table2 td {border-style:none; height:35px; padding:5px 10px; text-align:left; border-right:1px solid #888;}
#members_table2 {border:1px solid #777; margin:5px 25px 5px; font-size:10px;}
#members_table3 td {padding:5px; font-size:10px;}
#members_table3 {width:500px}
#members_table3 th { padding:3px 0;}
#members_table2 td.empty {background:url(../img/table_bg4.jpg);}
#links p {padding:0; margin:10px 35px;}
.input { width:250px; padding:4px 3px; margin:0 25px 0 20px; color:#777; outline:none;}
.input2 { width:250px; padding:4px 3px; margin:0 25px 0 20px; color:#000; outline:none;}
.input:hover { width:250px; padding:4px 3px; outline:1px solid #52698D;}
.required { width:250px; padding:4px 3px; margin:0 25px 0 20px; color:#777; outline:1px solid #C00;}
h4 {margin-left:15px; font-weight:normal; color:#126AC2; font-size:17px;}
h3 {font-size:20px;}
form.OEA fieldset { margin:20px 0 20px 45px; padding:10px 0 5px; width:600px;}
form.OEA fieldset .input { width:250px; padding:4px 3px; margin:0 25px 0 0; color:#777;}
form.OEA fieldset .input2 { width:250px; padding:4px 3px; margin:0 25px 0 0; color:#000;}
form.OEA fieldset .input:hover { outline:1px solid #52698D;}
form.OEA fieldset .required {  width:250px; padding:4px 3px; margin:0 25px 0 0; color:#777; outline:1px solid #C00;}
form.OEA p {padding-top:8px;}
form.OEA fieldset p {padding:0;}
/*---------------------------------- LISTINGS STYLES DON'T DELETE ----------------------------*/
.modal_div
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background-color: gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
	z-index: 900;
	width: 300px;
	height: 180px;
}
.inner_div
{
	font: 11px Arial, Helvetica, sans-serif;
	display: none;
	position: absolute;
	width: 300px;
	height: 300px;
	background-color: #246a98;
	border-color: white;
	border-width: 2px;
	z-index: 1000;
	color: white;
}
label
{
	display: inline-block;
}
textarea
{
	height:	100px;
	vertical-align: top;
}
p span.title
{
	display: block;
	font: bold 14px Arial, Helvetica, sans-serif ;
}
p span.owner
{
	display: block;
	font: 13px Arial, Helvetica, sans-serif;
}
.category_title
{
	color: #d18f27;
	font: 18px Arial, Helvetica, sans-serif;
}
.business_title
{
	color: #000;
	font: 25px Arial, Helvetica, sans-serif;
}
.description_title
{
	color: #000;
	font: 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.description
{
	color: #126c7c;
	font: 15px Arial, Helvetica, sans-serif;
}
.adout
{
	color: #344e5f;	
	font: 16px Arial, Helvetica, sans-serif;
	display: block;
	margin-bottom: 7px;
}
input.mess_send
{
	width: 154px;
	height: 52px;
	background-image: url("../img/mess_send.png");
}
div.mail_form p
{
	margin-top: 3px;
}
div.mail_form p label
{
	display: inline-block;
	width: 80px;
}
div.adout_content 
{
	width: 480px;
	margin-left: 22px;
}
div.img p
{
	text-align: center;
}
p.adout_content
{
	margin-left: 0px;
}
.submitHide { visibility:hidden;}
.submitShow { visibility:visible; margin:10px 30px 0 10px; width:200px;}
/*---------------------------------- LISTINGS STYLES DON'T DELETE ----------------------------*/

#form_error_rich {
	color: #F00;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px !important;
	margin: 0 30px 20px 20px !important;
	border: 2px solid #F00;
	background-color: #fcf6ee;
	text-align: center;
	}
	
.form_information {
	padding: 10px 22px; 
	}