/*
	 * CAMS @2008
	 * Screen CSS
	 *
	 *
	 */

@import "cams-typo.css";


html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, ul, ol, li, dl, dt, dd, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; list-style: none; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }
strong { font-weight:bold; }

html { background: url(../images/bg-html.png) repeat 0 0; }
body {   background: url(../images/bg-body.png) repeat-x 0 0; font: 11px/21px Arial, "Tahoma", "Verdana", sans-serif; }

.aural { position: absolute; left: -100em; }

a { color: #224473; text-decoration: none; }
a:focus, a.focus, a:hover { color: #ed1b2e; text-decoration: underline; }
.clear { display: block; height: 0; clear: both; margin: 1em 0; border: solid #d6d6d6; border-width: 0 0 1px; background: none; }

.columns:after,
.license-mod:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

/* main */
#holder { width: 100%; background: url(../images/bg-holder.png) no-repeat 50% 0; }
#wrapper { width: 1078px; margin: 0 auto; padding: 0 0 19px 0; background: url(../images/bg-wrapper.png) repeat-y 0 0;min-height:689px; }
#page { width: 960px; margin: 0 auto; padding: 10px 0 0; }
.homepage { padding-bottom: 0; }

/* top */
#logo { float: left; padding: 0 410px 0 0; background: url(../images/bg-logo.png) no-repeat 100% 100%; }
.call-toll { float: left; margin: -23px 0 0 540px; color: #c2c2c2; font-size: 2em; font-weight: bold; } /* 6, 7 */
#login-mod { width: 270px; height: 110px; float: right; padding: 0px 6px 0; background: no-repeat 0 0; }
#login-mod #login { float: right; padding-top:5px;}
#login-mod .text { width: 138px; border: 1px solid #d0d0d0; color: #9f9f9f; font-size: 0.9em; }
#login-mod .password { margin: 5px 0 10px; }
#login-mod .rem { width: 60px; line-height: 11px; float: left; padding: 0 0 0 20px; font-size: 0.9em; }
#login-mod .rem input { float: left; margin: 0 0 0 -20px; } 
#login-mod .image { float: right; }
#login-mod .btn-register { width: 113px; height:23px; float: right; margin: 70px 20px 0 0; background: url(../images/btn-register.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }

/* search */
#search-mod { position: relative; left: -52px; top:-2px; width: 200px; float: right; margin: -33px 25px 0;  background: url(../images/search.gif) no-repeat 0 1px; }
#search-mod div .text { position:relative; top:-5px; top: -2px; left:25px; width: 125px; /*margin:5px 25px 12px;*/ border: 0; /*background: none; */font-size: 0.9em; }
#search-mod div .image { margin: 0 -37px 0 0; position: relative; left:35px; width: 56px; bottom: 2px}

/* nav */
#nav { height: 29px; clear: both; border-bottom: 1px solid #e7e7e7; background: #900; }
#nav li { position: relative; line-height: 29px; float: left; background: url(../images/icon-divider-2.png) no-repeat 100% 0; z-index: 100; padding:0 1px 0 0px;}
#nav li a { display: block; padding: 0 15px; color: #fff; font-weight: bold; text-transform: uppercase; }
#nav li a:hover { background: #d13131; }
#nav li.current { background: #d13131 url(../images/icon-divider-2.png) no-repeat scroll 100% 0;} /*#ED1B2E;*/
#nav li ul { display: none; position: absolute; left: 0; top: 29px; width: 170px; background: #900; }
#nav li:hover>ul { display: block; } /* 6 */
#nav li ul li { width: 100%; line-height: 22px; float: left; clear: left; padding: 0; background: url(../images/icon-dot.png) repeat-x 0 100%; }
#nav li ul li a { padding: 0 10px; color: #fff; font-weight: normal; text-transform: none; }
#nav li ul li.parent a { background: url(../images/icon-arrow.png) no-repeat 160px 70px; }
#nav li ul li.hover>a,
#nav li ul li a:hover { color: #fff; background-color: #d13131; background-position: 160px 7px; } /* 6 */
#nav li ul ul { position: absolute; left: 170px; top: 0; background: #900; }
#nav li ul ul a { color: #fff; }
#nav li ul ul a:hover { color: #fff; background: #d13131 url(../images/icon-dot.png) repeat-x 0 100%; }


/* breadcrumb */
#breadcrumb { background: #fff; padding: 3px; padding-left: 10px; }

/* content */
#content .subnav { background: url(../images/bg-subnav.png) repeat-x 0 0;height:27px;padding-bottom:0; }
#content .subnav li { height: 23px; float: left; padding: 0 1px 0 0; background: url(../images/icon-dot.png) repeat-y 100% 0; }
#content .subnav a { height: 23px; float: left; padding: 0 8px;background: url(../images/bg-subnav-act.png) repeat-x 0 -100px;  }
#content .subnav a.active,
#content .subnav a:hover { color: #fff; background-position: 0 0; }
.subnav a { font-weight: bold; }
.subnav .item-1 a { color: #f58026; }
.subnav .item-2 a { color: #c41230; }
.subnav .item-3 a { color: #0079c2; }
.subnav .item-4 a { color: #47aa42; }
.subnav .item-5 a { color: #4e2683; }
.subnav .item-6 a { color: #e50278; }

/* sub-section */
.sub-section { float:left; width:330px; margin:0 20px 20px 0; height:125px; }
.sub-section img { float:left; margin: 0 10px 5px 0; }

/* bar border: 1px solid #d6d6d6;*/
.col .add-mod { margin: 0 0 11px;  }
.col .add-mod img { display: block; }

/* sub menu */
.col-left { width: 230px; float: left; }

.col-left #menu {}

.col-left #menu #menu-head { background: #900; color:#fff; display: block; padding: 3px 10px; border-bottom: 1px solid #fff; font-weight: bold; text-transform: uppercase; }
.col-left #menu #menu-head a { color:#fff; font-weight: bold; }

.col-left li a { display: block; padding: 3px 10px; border-bottom: 1px solid #fff; color: #00275d; background: #e6e6e6 url(../images/icon-dot-3.png) repeat-x 0 -10px; font-weight: bold; text-transform: uppercase; }
.col-left li a:hover {background-color: #bac2cd; }
.col-left li.active a {padding-bottom: 4px; border: 0; background-color: #bac2cd; background-position: 0 100%; }
.col-left li.active a:hover { background-color: #bac2cd; }

.col-left li.active ul li a {background-color:#e6e6e6;}
.col-left li.active ul li a:hover {background-color: #bac2cd;}

.col-left li li a { padding-left: 25px; color: #375c91; text-transform: none; }
.col-left li li a:hover { background-color: #bac2cd; }
.col-left li li.active a { background-color: #bac2cd; }
.col-left li li.active a:hover { background-color: #bac2cd; }
.col-left li li li a { padding-left: 50px; }
.col-left li li li li a { padding-left: 75px; }
.col-left li li li li li a { padding-left: 100px; }


.col-right { width: 144px; float: right; padding: 0 8px 0 0; }
.col-right .box { margin: 0 0 2em; }
.col-right .box h5 { color: #ed1b2e; font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
.col-right .box li { line-height: 14px; margin: 0 0 -1px; padding: 4px; border: 1px solid #d6d6d6; color: #00275d; background: #e5e5e5 url(../images/bg-gradient-1.png) repeat-x 0 0; }
.col-right .box li a { display: block; color: #00275d; font-weight: bold; }
.col-right .box li a.download { min-height: 22px; padding: 0 0 0 25px; background: url(../images/icon-pdf.png) no-repeat 0 0; }

/* footer */
#footer { height: 171px; clear: both; color: #666465; background: url(../images/bg-footer.png) repeat-x 0 100%; }
#footer .inner { width: 944px; margin: 0 auto; padding: 0 7px; }
#footer .related-mod { float: left;  }
#footer .copy-mod { width:400px; display:inline; float: right;  margin-top:10px; text-align:right;}
#footer .related-mod h5 { margin: 0 0 6px; padding: 0 0 2px; color: #c2c2c2; background: url(../images/bg-line.png) no-repeat 0 100%; font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
#footer .related-mod ul li { display: inline; padding: 0 10px 0 0; }
#footer .subnav { width: 295px; height: 50px; float: right; padding: 15px 0 0; }
#footer .subnav li { width: 49px; height: 49px; float: left; text-align: right; }
#footer .subnav a { display: block; width: 37px; height: 25px; line-height: 11px; padding: 24px 6px 5px; }
#footer .subnav .item-1 a { background: url(../images/bg-subnav-item-1.png) no-repeat 0 0; }
#footer .subnav .item-2 a { background: url(../images/bg-subnav-item-2.png) no-repeat 0 0; }
#footer .subnav .item-3 a { height: 36px; padding-top: 13px; background: url(../images/bg-subnav-item-3.png) no-repeat 0 0; }
#footer .subnav .item-4 a { height: 36px; padding-top: 13px; background: url(../images/bg-subnav-item-4.png) no-repeat 0 0; }
#footer .subnav .item-5 a { height: 36px; padding-top: 13px; background: url(../images/bg-subnav-item-5.png) no-repeat 0 0; }
#footer .subnav .item-6 a { background: url(../images/bg-subnav-item-6.png) no-repeat 0 0; }
#footer #copy { clear: both; text-align: right; }
#footer .nav { text-align: right; }
#footer .nav li { display: inline; padding: 0 0 0 9px; background: url(../images/icon-divider-1.png) no-repeat 0 60%; }
#footer .nav li a { color: #666465;}
#footer .nav li:first-child { background: none; } /* 6 */

/* search */
.search-cat-title { float:right; clear: left; }
.search-result-hit {  }

/* animation */
#eventImagesSlideshowContainer {width: 300px; height: 85px;}
#featuredStoriesSlideshowContainer {width: 300px; height: 178px;}
.slide-container { overflow:hidden;position:relative;display: block;}
.slide-item { position:absolute;left:0;float:left;display:block;overflow:hidden; }

/* MISC */
.smalltext { color:#666465; }
.form-panel { background:#e6e6e6; padding: 5px; text-align: right; }
.event-label { font-weight: bold; vertical-align:top; }
.capitalize-first-letter { text-transform: capitalize; }
.pager-page-number { background-color: #fff; border: solid 1px #00275D; padding: 1px 2px 1px 2px; }
.pager-page-number-selected { background-color: #00275D; border: solid 1px #00275D; padding: 1px 2px 1px 2px; color: #fff; }
.error-label { font-size: 11px; color: #f00; }

/* Photo Gallery */
#photo-album {}
#photo-album .photo-frame { float: left; background:#fff;color:#000;text-align: center; border: solid 1px #c0c0c0; overflow:hidden; vertical-align:bottom; }
#photo-album .photo-frame:hover { background:#c0c0c0;color:#000;border:solid 1px #c0c0c0; }
#photo-album .photo:hover { }
#photo-album .photo-title { margin-top:-7px; height: 20px; overflow: hidden;vertical-align:middle; } 

.download-panel-wrapper { clear: left; }
.download-panel { }
.download-panel-submit { background: url(../images/btn-download-panel-submit.png) no-repeat top left transparent; width:71px; height:27px; border:0;}
.download-panel-download { background: url(../images/btn-download-panel-download.png) no-repeat top left transparent; width:210px; height:27px; border:0;}
.download-panel .download-form-label { width: 120px; }
.download-panel .download-form-textbox {}

/* Lightbox */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 102;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}

/*tooltip calendar*/
.tooltip {width: 205px;z-index: 999;}
.tooltip .header{background-color: #ed1b2e;padding: 2px 4px 2px 4px;margin: 0px;color: #FFFFFF;}
.tooltip .arrow{background-image: url('../images/arrow_left.gif');background-repeat: no-repeat;background-position: left 35px;z-index: 1001;height: 20px;left: 3px;width: 25px;position: relative;padding-top: 35px;display: inline-block;vertical-align: top;margin: 0px;float: left;}
.tooltip .container{z-index: 1000;border: 2px solid #000000;background-color: #fff;width: 175px;display: inline-block;margin: 0px;padding: 0px;}
.tooltip .content{margin: 4px;}
.tooltip a {color:#ed1b2e;}