body {height: 100%; width: 100%; padding: 0px; margin: 0px; text-align: center; font-family: Arial, sans-serif; font-size: 14px; background: url(../images/container_bg.gif) repeat-x 0px -25px #ECECEC}
a {color: #555555;}
a img {border: none;}
form {position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; width: 100%; height: 100%;}
h1 {font:normal 24px Arial, Verdana, sans serif; line-height:24px; padding:-50; margin:0 0 0px 0; color:#364e5d;}
h2 {font:normal 18px Arial, Verdana, sans serif; line-height:15px; padding:-25; margin:0 0 0px 0; color:#646464;}
h3 {font:normal 15px Arial Bold, Verdana Bold , Sans Serif Bold; line-height:15px; padding:-25; margin:0 0 0px 0; color:#555555;}
p {font:normal 14px Arial, Verdana, sans serif; line-height:16px; padding:0; margin:0 0 0px 0;}
input, select, textarea {font-family: Arial, sans serif; font-size: 12px}
.clsTextBox {background: #ffffff; border: 1px solid #808080; color: #555555; min-height: 14px; padding: 5px; margin-top: 5px;}

#divContainer {position: relative; top: 0px; left: 0px; width: 100%; min-height: 100%; margin: 0px auto; text-align: left;}

#divHeaderContainer {position: relative; top: 0px; left: 0px; width: 100%; height: 145px; padding: 0px; z-index: 10;}
#divHeader {position: relative; top: 0px; left: 0px; margin: 0px; width: 940px; margin: 0px auto;}
#divLogo {position: absolute; top: 36px; left: 30px;}
#divGlobalNav {position: absolute; top: 30px; right: 35px; text-align: right;}
#divGlobalNav a {position: relative; top: 0px; left: 0px; margin-left: 5px;}

#divContentContainer {position: relative; top: 0px; left: 0px; width: 958px; margin: 0px auto; padding: 10px 0px 114px 0px; z-index: 0;}

#divContentTable {position: relative; top: 0px; left: 0px; width: 940px; margin: 0px auto; padding: 0px 9px; background: url(../images/content_container_bg.png) repeat-y}

#divContentContainer .clsContentTable {position: relative; top: 0px; left: 0px; height: 600px; width: 940px; margin: 0px auto; padding: 0px;}

#divTitleBar {position: relative; top: 0px; left: 0px; width: 900px; height: 34px; padding: 7px 29px 0px 29px; background: url(../images/title_bar_bg.png) no-repeat;}
.clsTitle {line-height: 35px; color: #ffffff; font-size: 14px; font-weight: bold; text-transform: uppercase;}
.clsTitle a {text-decoration: none; color: #ffffff;}

.clsColumn1 {width: 280px; padding: 0px; background: #f2f2f2}
.clsColumn2 {width: 660px; padding: 0px; background: #ffffff}

#divContent {position: relative; top: 0px; left: 0px; color: #555555; padding: 20px}

#divCallout {position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px; color: #555555;}
#divCallout h1 {font:normal 18px Arial, Verdana, sans serif; line-height:15px; padding:-25; margin:0 0 0px 0; color:#8f8f8f;}
#divCallout p {font:normal 12px Arial, Verdana, sans serif; line-height:14px; padding:0; margin:0 0 0px 0; color:#555555;}

div#divNavigationPrimary {position: absolute; top: 75px; right: 20px; margin: 0px auto; height: 31px;}
div#divNavigationPrimary ul {position: relative; top: 0px; right: 0px; list-style-type: none; margin: 0px; padding: 0px; float: right;}
div#divNavigationPrimary ul li {position: relative; top: 0px; left: 0px; float: left; margin: 0px; border: solid 1px transparent; background-repeat: no-repeat; background-position: 0px 10px;}
div#divNavigationPrimary ul li div {}
div#divNavigationPrimary ul li a {display: block; min-height: 50px; text-decoration: none; background-repeat: no-repeat; background-position: 0px 10px;}
div#divNavigationPrimary ul li:hover {background-color: #1B4464; border: solid 1px #ffffff; padding: 0px;}
div#divNavigationPrimary ul li:hover div {}
div#divNavigationPrimary .clsSpacer {position: relative; top: 0px; right: 0px; margin-top: 12px; height: 29px; width: 2px; background: url(../images/nav_spacer.gif) top no-repeat;}

div#divNavigationSecondary {position: relative; top: 0px; left: 0px; background: #e9e9e9;}
div#divNavigationSecondary ul {position: relative; top: 0px; left: 0px; list-style-type: none; margin: 0px; padding: 15px 20px;}
div#divNavigationSecondary ul li {position: relative; top: 0px; left: 0px; background: url(../images/secondary_nav_item_bg.gif) 0px 6px no-repeat; padding-left: 15px; margin-bottom: 12px;}
div#divNavigationSecondary ul li a {text-decoration: none; line-height: 20px; color: #656464; font-size: 15px;}
div#divNavigationSecondary ul li a:hover {color: #022a57;}

#divFooterContainer {position: absolute; bottom: 0px; height: 122px; width: 100%; background: url(../images/footer_container_bg.png) top repeat-x}
* html #divFooterContainer {height: 97px;}
#divFooterContainer #divFooter {position: relative; top: 0px; left: 0px; width: 958px; margin: 0px auto;}
#divFooterContainer #divFooterText {position: absolute; top: 30px; right: 10px; text-align: right; font:normal 10px Verdana, Helvetica, sans serif; padding:0; margin:0; color:#ffffff;}
#divFooterContainer #divFooterText a {color: #ffffff; text-decoration: none;}
#divFooterContainer #divFooterText a:hover {text-decoration:underline;}
#divFooterContainer #divFooterText p {font:normal 10px Verdana, Helvetica, sans serif; text-align: right;}
#divFooterContainer #divCOCLogo {position: absolute; top: 35px; left: 10px;}
#divFooterContainer #divCaordaText {position: absolute; top: 70px; right: 10px; font:normal 10px Verdana, Helvetica, sans serif; color: #ffffff;}
#divFooterContainer #divCaordaText a {color: #ffffff; text-decoration: none;}
#divFooterContainer #divCaordaText a:hover {text-decoration:underline;}

#divSlideShow {position: relative; top: 0px; left: 0px; padding: 0px;}
#divSlidesContainer {position: relative; top: 0px; left: 0px; padding: 0px; height: 310px; width: 660px;}
.clsSlide {position: absolute; background: #878f94; color: #ffffff; font-size: 18px; font-weight: normal; height: 310px; width: 660px;}
.clsSlide div {background-repeat: no-repeat; padding: 0px; margin: 0px;}
.clsSlide img {display: block; height: 310px; width: 660px}
.clsSlide h1 {color: #ffffff; font-size: 30px; font-weight: bold; margin: 0px;}

#divSlideSelect {position: absolute; top: 10px; right: 10px; z-index: 10; height: 19px; width: auto; padding: 0px; background: #a0a0a0;}
#divSlideSelect a {display: block; float: left; text-align: center; padding: 0px 5px; height: 19px; line-height: 19px; margin: 0px 3px 0px 0px; color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: none;}
#divSlideSelect a.clsCurrentSlideLink {text-decoration: underline;}
#divSlideSelect a#lnkPlayPause {padding: 5px 5px 0px 5px; height: 14px; width: 8px;}
#divSlideSelect a#lnkPlayPause img {display: block;} 

.clsNavigation {position: relative; top: 0px; left: 0px;}
.clsNavigation h2 {width: 250px; height: 33px; background: url(../images/callout_nav_header_bg.gif) 0px 0px no-repeat; color: #ffffff; font-size: 16px; line-height: 32px; padding: 0px 15px;}
.clsNavigation ul {position: relative; top: 0px; left: 0px; list-style-type: none; margin: 0px; padding: 20px;}
.clsNavigation ul li {position: relative; top: 0px; left: 0px; background: url(../images/callout_nav_item_bg.gif) 0px 6px no-repeat; padding-left: 15px; margin-bottom: 12px;}
.clsNavigation ul li a {text-decoration: none; line-height: 20px; color: #000000; font-size: 15px;}
.clsNavigation ul li a:hover {color: #022a57;}