@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(body_bg.jpg);
	background-repeat: repeat-x;
}

body,div,tr,td,p,br,blockquote,tsText,tsBody, abstract {margin:0px; padding:0px; color:#333333;font-family: Arial, Helvetica, sans-serif; font-size: 9pt;}


h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
	margin-top: 10px;
	margin-bottom: 2px;
	padding:0;
}
h2 {
	font-size: 170%;
	margin: 2px 2px;
	line-height:95%;}
h3 {
	font-size: 140%;
	margin: 2px 2px;
	line-height:95%;}
	
	
.oneColFixCtrHdr #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(bg_homecontainer.jpg);
	background-repeat: repeat-y;
}
.oneColFixCtrHdr #header {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 535px;
	background-image: url(bg_home_top.jpg);
	background-repeat: noRepeat;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px;
	margin-top:-50px;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px;
	background-image: url(footerfill.jpg);background-repeat:repeat-y; background-position:left; text-align:left;padding-left:20px;width:100%;
}
.oneColFixCtrHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
}




/* standard helper classes */

.clr
{
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
form { margin: 0; padding: 0; }
a img { border: 0; }
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

#mainContentHomewords {width:360px; text-align:right; float:right;padding:0 10px 0px 20px;margin-right:20px;}
.homewelcome {font-size:11px;}
#memberServices  {
float:left;
margin:0 10px 0 0;
padding-left:0px;
text-align:left;
width:350px;}

#mainContentFeatured  {
float:right;
margin:0 10px 0 0;
padding-left:100px;
text-align:right;
width:350px;}
.fltrt {float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


a, a:link, a:visited, a:active {text-decoration:none; font-weight:bold;font-size:inherit;font-family:inherit;}
a:hover { color: #000000}
.overall {background-image:url(http://www.orangechamber.com/images/bg_bitsbytes.jpg); background-position:top left; background-repeat:no-repeat;margin:0px; height:300px;padding:0px;}
a.featurelink {text-decoration:none;font-family:verdana,Arial,Helvetica,sans-serif;font-size:8pt;color:#0C5F96;font-weight:bold; line-height:12px}
a.featurelink:hover {text-decoration:none;font-family:verdana,Arial,Helvetica,sans-serif;font-size:8pt;color:#cccccc;font-weight:bold; line-height:12px}
.footerlink{text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:7.5pt;color:#ff9900;font-weight:normal}
a.footerlink, a.footerlink:visited, a.footerlink:link {text-decoration:underline;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:7.5pt;color:#ff9900;font-weight:normal}
a.footerlink:hover {text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:7.5pt;color:#000000;font-weight:normal;background-color:#ffffff;}
.tsBody { font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 8pt;color:#000000; line-height:16px; font-weight:normal;}
a.tsBody:link, a.tsBody:visited  { font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 8pt;color:#000000; line-height:16px;text-decoration:none; font-weight:bold;}
a.tsBody:hover { font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 8pt;color:#000000; line-height:16px;background:#efefef;text-decoration:underline;}
.footer { font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 7.5pt;color:#759AB0}
.sectionHeader { font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12pt;font-weight:bold;color:#004980;}
.subsectionHeader { font-family:Arial,Helvetica,sans-serif;font-size: 9pt;font-weight:bold;color:#004980;}
.grayButton { border : 1px solid #333333; background : #efefef; font : 10px/12px Verdana; color : #000000;}
.more { border : 1px solid #333333; background : #efefef; font : 9px/11px arial; color : #000000;}
.orange {color:#FF9900;}
.orange2 {color:#FF6600;}
.blue {color:#0066CC;}
.green {color:#009900;}
.red {color:#CC0000;}
.linkButton,.linkButton a:link,.linkButton a:visited { border : 1px solid #ff9900; background : #FFFFF7; font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 9pt;font-weight:bold; color : #ff9900;text-decoration:none;margin:2px;}
a.linkButton:hover { border : 1px solid #ff9900; background : #ff9900; font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9pt;font-weight:bold; color : #FFFFF7;text-decoration:none;}
.linkButton2, a.linkButton2:link, a.linkButton2:visited { border :0; background : #FFFFF7; font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9pt;font-weight:bold; color : #ff9900;text-decoration:none;}
a.linkButton2:hover { border :0; background : #009900; font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9pt;font-weight:bold; color : #ff9900;text-decoration:none;}

#centerdiv {width:960px;padding:0px;margin:0px;border:0px;height:420px;}

/*nav */
#mainnav1 {background-color:transparent;
float:left;
margin-bottom:0;
margin-left:-20px !important;
margin-right:0;
margin-top:60px;
padding:0;
text-align:left;
width:250px;
}
#mainnav2 {background-color:transparent;
display:inline;
float:right;
margin:60px 0 0;}
.mainnav {font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:normal; text-decoration:none; color:#ffffff; letter-spacing:2px;margin-left:2px;}
/*Top menu style*/
ul#navmenu a {
border: 0;
padding: 3 3px;
background: transparent;
color: #ffffff;
font: normal 13px/14px Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
font-weight:bold;
margin:0 2px 0 0;
}
/*Sub menu style only needed if different*/
ul#navmenu ul a {
border: 1px solid #ffffff;
padding: 0 2px;
background: #252C24;
color: #ffffff;
font: normal 10px/16px Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: left;
font-weight:bold;
}
/* on hover */
ul#navmenu a:hover {
background: #b49a5a;
font-weight:bold;
}
/* sub element hover */
ul#navmenu ul a:hover {
background: #ffffff;
color:#252C24;
border-bottom: 1px solid #ffffff;
font-weight:bold;
}

/*second nav menu */
ul#navmenu2 a {
border: 0;
padding: 3 3px;
background: transparent;
color: #ffffff;
font: normal 13px/14px Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
font-weight:bold;
margin:0 2px 0 0;
}
/*Sub menu style only needed if different*/
ul#navmenu2 ul a {
border: 1px solid #ffffff;
padding: 0 2px;
background: #252C24;
color: #ffffff;
font: normal 10px/16px Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: left;
font-weight:bold;
}
/* on hover */
ul#navmenu2 a:hover {
background: #b49a5a;
font-weight:bold;
}
/* sub element hover */
ul#navmenu2 ul a:hover {
background: #ffffff;
color:#252C24;
border-bottom: 1px solid #ffffff;
font-weight:bold;
}

#footer {width:100%; height:25px;background-image:url(footerfill.jpg); background-repeat:repeat-y; background-position:left; text-align:left;padding-left:20px;}
/* for forms */
.questiondivider, .questiondiver td, .questiondivider {background-color:#cccccc;color:#000000; font-weight:bold; text-transform:uppercase;adding:2px 5px;font-size:13px;margin:15px 0 0 5px;}

