<!--
body {background-color: #9DABBE !important; line-height: 17px !important; background-image:url(../images/bk.gif); background-repeat: repeat-x;font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 12px; margin: 0px 0px 0px 0px !important;}
a:link, a:visited {color: #003366; text-decoration: none;}
a:hover, a:active {color: #63657A;  text-decoration: underline;}
a:pageSectionTitle.link, a:pageSectionTitle.visited {font-weight: bold; margin: 20px 0px 5px 0px; color: #CC0000;}
a:pageSectionTitle.hover, a:pageSectionTitle.active {font-weight: bold; margin: 20px 0px 5px 0px; color: #CC0000; text-decoration: underline;}
a:link.sectionLink, a:visited.sectionLink {color: #63657A; text-decoration: none;}
a:hover.sectionLink, a:active.sectionLink {color: #63657A; text-decoration: underline;}
a:link.unSelectedSubSection {color: #63657A; text-decoration: none;}
a:hover.unSelectedSubSection, a:active.unSelectedSubSection {color: #63657A; text-decoration: underline;}
a:link.selectedSubSection, a:visited.selectedSubSection {color: #63657A; text-decoration: none; font-weight: bold;}
a:hover.selectedSubSection, a:active.selectedSubSection {color: #63657A; text-decoration: underline;}

#ticButton, #ticButton a
{
	background: url(../images/COTATIC3.JPG) no-repeat;
	display: block;
	width: 345px;
	height: 195px;
}

/* navigation */
#nav 
{
	width: 780px;
	height: 32px;
	margin: 0px !important;
	background: url(../images/cota-menu-bg.gif) repeat-x;
}

#nav li
{
	float: left;
	height: 32px;
	display:inline;
	list-style: none;
}

#nav li a
{
	height: 32px;
	display:block;
}

#nav #homeNavItem a { width: 55px; background: url(../images/cota-menu-inside.gif) 0px 0px no-repeat; }
#nav #aboutNavItem, #nav #aboutNavItem a { width: 45px; background: url(../images/cota-menu-inside.gif) -55px 0px no-repeat; }
#nav #newsNavItem, #nav #newsNavItem a { width: 90px; background: url(../images/cota-menu-inside.gif) -100px 0px no-repeat; }
#nav #membershipNavItem, #nav #membershipNavItem a { width: 80px; background: url(../images/cota-menu-inside.gif) -190px 0px no-repeat; }
#nav #sponsorsNavItem, #nav #sponsorsNavItem a { width: 60px; background: url(../images/cota-menu-inside.gif) -270px 0px no-repeat; }
#nav #publicationsNavItem, #nav #publicationsNavItem a { width: 80px; background: url(../images/cota-menu-inside.gif) -330px 0px no-repeat; }
#nav #policyNavItem, #nav #policyNavItem a { width: 45px; background: url(../images/cota-menu-inside.gif) -410px 0px no-repeat; }
#nav #sustainNavItem, #nav #sustainNavItem a { width: 90px; background: url(../images/cota-menu-inside.gif) -455px 0px no-repeat; }
#nav #pressNavItem, #nav #pressNavItem a { width: 75px; background: url(../images/cota-menu-inside.gif) -545px 0px no-repeat; }
#nav #servicesNavItem, #nav #servicesNavItem a { width: 60px; background: url(../images/cota-menu-inside.gif) -620px 0px no-repeat; }
#nav #contactNavItem, #nav #contactNavItem a { width: 70px; background: url(../images/cota-menu-inside.gif) -680px 0px no-repeat; }

.homeNav #nav #aboutNavItem { margin-left: 10px; }
.aboutNav #nav #aboutNavItem a, #nav #aboutNavItem a:hover { background: url(../images/cota-menu-inside.gif) -55px -32px no-repeat; }
.newsNav #nav #newsNavItem a, #nav #newsNavItem a:hover { background: url(../images/cota-menu-inside.gif) -100px -32px no-repeat; }
.membershipNav #nav #membershipNavItem a, #nav #membershipNavItem a:hover { background: url(../images/cota-menu-inside.gif) -190px -32px no-repeat; }
.sponsorsNav #nav #sponsorsNavItem a, #nav #sponsorsNavItem a:hover { background: url(../images/cota-menu-inside.gif) -270px -32px no-repeat; }
.publicationsNav #nav #publicationsNavItem a, #nav #publicationsNavItem a:hover { background: url(../images/cota-menu-inside.gif) -330px -32px no-repeat; }
.policyNav #nav #policyNavItem a, #nav #policyNavItem a:hover { background: url(../images/cota-menu-inside.gif) -410px -32px no-repeat; }
.sustainNav #nav #sustainNavItem a, #nav #sustainNavItem a:hover { background: url(../images/cota-menu-inside.gif) -455px -32px no-repeat; }
.pressNav #nav #pressNavItem a, #nav #pressNavItem a:hover { background: url(../images/cota-menu-inside.gif) -545px -32px no-repeat; }
.servicesNav #nav #servicesNavItem a, #nav #servicesNavItem a:hover { background: url(../images/cota-menu-inside.gif) -620px -32px no-repeat; }
.contactNav #nav #contactNavItem a, #nav #contactNavItem a:hover { background: url(../images/cota-menu-inside.gif) -680px -32px no-repeat; }

/* Become Member Callout */

#becomeMemberCallout, #becomeMemberCallout a
{
	display: block;
	width: 207px;
	height: 204px;
	background: url(../images/cota-becomemember.jpg) no-repeat;
}

#becomeMemberCallout 
{
	margin-top: 30px;
}

/* top right login & search */
div#searchDiv, #loginDiv {float:left !important;}
#homepage div#searchDiv {float:right !important;}
#loginDiv {padding-left: 10px;}
#loginDiv {width: 188px !important;}

/* 2nd slogan & ad */
#blueBak {background-color: #BCC5D0 !important;}
#sloganBesideAD {text-align: center; width: 300px !important; height: 75px !important;}

/* contents */
#contentTable, #footerTable, #contentLeftCol, #contentCenterCol, #contentRightCol {background-color: #FFFFFF !important;}
#contentLeftCol, #contentCenterCol, #contentRightCol {padding-bottom: 50px !important; vertical-align: top !important;}
#contentLeftCol {padding-top: 38px; padding-right: 30px;}
#contentCenterCol {padding: 24px 30px 0px 0px;}

#contentLeftCol .mainSectionTitle {background-color: #F7B835; color: #FFFFFF; font-weight: bold; padding: 7px 0px 7px 15px;}
#contentLeftCol div.unSelectedSection, .contentLeftCol .unSelectedSectionFirst, .contentLeftCol .selectedSection  {line-height: 12px; padding: 7px 0px 7px 15px; color: #6C6D81; border: 1px solid #DDD; border-width: 1px 0px 0px 0px;}
#contentLeftCol div.unSelectedSectionFirst {border-width: 0px 0px 0px 0px;}
#contentLeftCol div.subSectionBlock {margin: 5px 0px 10px 12px;}
#contentLeftCol .selectedSection {line-height: 12px; padding: 7px 0px 7px 15px; color: #6C6D81; border: 1px solid #DDD; border-width: 1px 0px 0px 0px; background-color: #D9DDE8; font-weight: bold;}
#contentLeftCol .subNavBottomBar {width:100%; border-top: 3px solid #ECAD00;}

#subMenuUtility_top, #subMenuUtility_middle, #subMenuUtility_bottom {border: 1px dashed #BDC4CF; padding-left: 15px !important; width: 130px !important;}
#subMenuUtility_top { border-width: 1px 0px 0px 0px;}
#subMenuUtility_middle {border-width: 1px 0px 1px 0px;}
#subMenuUtility_bottom {border-width: 0px 0px 1px 0px;}

div#subMenuArrowCol {float:left !important;}
div#subMenuText {float:left;}
td#arrowCol {text-align: right; padding-right: 5px; font-size: 8px;}

div#pageHeader {color: #666666; font-size: 16px; letter-spacing: 1px; font-weight:bold; margin-bottom: 20px;}
#contentCenterCol .pageSectionTitle {font-weight: bold; margin: 20px 0px 5px 0px; color: #CC0000;}
#contentCenterCol .titleInLine {font-weight: bold; color: #CC0000;}
#contentCenterCol p {margin: 0px 0px 15px 0px;}
#contentCenterCol  ul, #contentCenterCol ol {padding-right: 60px;}
#contentCenterCol  li {padding-bottom: 5px;}
.impText {border: 1px solid #EEE; margin: 20px 80px 20px 20px; padding: 20px 20px 20px 20px;}

#contentRightCol  div#title {text-transform: uppercase; background-color: #ECAC00; margin: 15px 0px 10px 0px; padding: 5px 0px 5px 5px; color: #FFFFFF; border: 1px dashed #F3CB5E; font-size: 11px;}
#contentRightCol  div#block {margin-bottom: 20px;}
#contentRightCol div#services {border: 1px solid #8D9CB1; border-right-width: 0px;}
#contentRightCol div#serviceAD {border: 1px dashed #9CA7B6; border-width: 0px 0px 1px 0px;}
#contentRightCol #bkColor {background-color: #62738C;}
#contentRightCol #serviceTitle {text-transform: uppercase; text-align: center; font-size: 9px; padding: 5px 0px 4px 0px; letter-spacing: 0px; word-spacing: 2px;}

/* Other Mixed Contents Styles */
#board_staff_table img {float: left; margin: 0px 10px 0px 0px; padding: 3px 3px 3px 3px; border: 1px solid #CCC;}
#board_staff_table div {padding: 20px 0px 20px 0px;}
.storyHeadline {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CC0000;}
.storyDate {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #999999;}
.storyText {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;}
.required {color: #FF0000;font-weight: bold;}
#backToTop {margin-top: 40px;}



/* footer */
#footerTable {border: 1px dashed #BDC4CF; border-width: 1px 0px 0px 0px; text-align: center; font-size: 10px; padding: 15px 0px 15px 0px !important;}
a:link.footerTable {color: #7D7D7D; text-decoration: none;}
a:visited.footerTable {color: #7D7D7D; text-decoration: none;}
a:hover.footerTable {color: #7D7D7D; text-decoration: underline;}
a:active.footerTable {color: #7D7D7D; text-decoration: underline;}

/* Calendar */
.calendarControl {line-height:12px;}


/* business services */
#bussinessBannerBottom {width: 390px;}
#bussinessBannerTop {border:3px solid #E2E6E9; width: 390px;}
#bussinessBannerTop #topTitle {margin: 30px 0px 15px 20px; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align:left; color: #8292A1;}
#bussinessBannerTop #topContents {color: #999999; text-align:left; margin-left: 20px;}

#bussinessBannerBottomLeft #title {margin: 15px 0px 10px 10px; text-transform: capitalize; font-size: 16px; color: #FFF;}
#bussinessBannerBottomLeft #contents {margin: 0px 0px 0px 10px; color: #FFF; height: 77px;}
#bussinessBannerBottomLeft #findMore {width: 100%; text-align: right;}

#bussinessBannerBottomLeft, #thirdBlock {float: left; margin-top: 4px;}
#bussinessBannerBottomLeft {padding: 0px 10px 0px 10px; margin-right: 5px; width: 228px; height: 135px; border: 3px solid #62738D; background-image: url(../images/business_services/business_services_bottom_bk.jpg);}
#thirdBlock {text-align: right;}

/* Clear fix */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/* End hide from IE-mac */

-->