﻿html, body { margin:0; padding:0; background-color:#ece9e2; font-family:Arial; font-size:12px; color:#555555; }
html { overflow-y: scroll; }
img { border:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.clear { clear:both; }

#contain { width:988px; margin:0 auto; }
#headContainer {}
#headContainer {   background: url(Images/Common/BodyShadowTop.gif) no-repeat left bottom; padding:0 0 4px 0; width:100%; }

#contentContainer { background: url(Images/Common/BodyShadowCenter.gif) repeat-y 0 0; padding:0px 11px 8px 11px; width:980px; min-height:100px; float:left;   }
#innerContentContainer { background: url(Images/Common/InnerContentBackground.gif) repeat-y 0 0; float:left; }
#content { float:left; width:735px; margin: 5px 20px 20px 30px; }

#footContainer {  background: url(Images/Common/BodyShadowBottom.gif) no-repeat 0 0; padding:20px 12px 10px 12px; float:left; width:978px; }
#footContainer, #footContainer a { font-family:Arial; font-size:11px; color:#898989; }

h1 { font-family:Arial; font-weight:bold; font-size:19px; color:#004d7b; margin:20px 0 18px 0; }
p { line-height:19px; }

/* Search */
.search { position:absolute; float: right; display: inline; margin-top: 65px; padding: 0;}
input.searchBox 
{ 
    position:absolute; right:70px; 
    background: url(Images/Common/searchBoxBackground.gif) repeat-x 0 0;     
    border:solid 1px #cdcdcd;
    height:22px; 
    width:135px; overflow:hidden; 
    padding:0 0 0 5px; 
    line-height:19px; vertical-align:middle;
}
.searchButton { position:absolute; right: 0; }

/* Sub with Video */
#contentNarrow { float:left; width:582px; margin: 5px 20px 20px 30px; }
#videoBar { width:152px; float:right; display:inline; margin-top:60px; }

#videoThumb {  }
#videoThumb img.videoIcon { background:url(Images/Sub/video_icon/center.gif) repeat-y 0 0; padding:0px 13px 0px 13px; width:112px; margin:0; }
#videoThumb img { margin:0; padding:0; line-height:1px; border:0px;  }
#videoThumb img.top, #videoThumb img.bottom { font-family:Verdana; height:14px; line-height:0px; border:none 0px; margin:0; padding:0; }
#videoThumb img.top { vertical-align:bottom; }
#videoThumb img.bottom { vertical-align:top; }
#videoThumb .link { margin:0px 0px 10px 10px; } 
#videoThumb a { text-decoration:none; outline:none; color:#016DAD; font-weight:bold; }
#videoThumb a:hover { text-decoration:underline; }
#videoThumb h3 { font-size:16px; font-weight:normal; color:#1c6aaf; margin:0px 0px 0px 5px; font-family:Times New Roman; }

/***************************************/
/* Modal */
/***************************************/
.jqmWindow {
    display: none;
    position: fixed; top: 17%; left: 50%;
    width: 544px; margin-left: -300px; /*padding: 12px;
    border: 1px solid black; background-color: #FFFFFF;*/
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



/**************************************************/
/* Grid Wrapper */
/**************************************************/
.gridwrapper {}

/* header styles */
.header { position:relative; color:#fff; }
.header .outer { background:url(../BCTD/images/dialog/top-right.png) right no-repeat; padding-right:6px; }
.header .inner { background:url(../BCTD/images/dialog/top-left.png) left no-repeat; padding-left:9px; }
.header .content { height:35px; background:url(../BCTD/images/dialog/top-mid.png) repeat-x; }
.header .content H2 { float:left; font-size:12pt; line-height: 11pt; font-weight:bold; color:#fff; padding-top:10px; margin:0; }
.header .content a.jqmClose {
    display:block; float:right; 
    width:35px; height:0;
    margin:4px 4px 0 0; padding-top:25px;
    overflow:hidden; display:inline;
    background:transparent url(../BCTD/images/dialog/close.png) no-repeat 0 0;
 }
 .header .content a.jqmClose:hover { background:transparent url(../BCTD/images/dialog/close.png) no-repeat 0 -25px; }

/* dialog body styles */
.body .outer { background:url(../BCTD/images/dialog/right.png) right repeat-y; padding-right:7px; }
.body .inner { background:url(../BCTD/images/dialog/left.png) left repeat-y; padding-left:7px; }
.body .content {}  

/* dialog footer styles */
.footer {}
.footer .outer { background:url(../BCTD/images/dialog/bottom-right.png) right top no-repeat; padding-right:9px; }
.footer .inner { background:url(../BCTD/images/dialog/bottom-left.png) left top no-repeat; padding-left:9px; }
.footer .content { height:7px; background:url(../BCTD/images/dialog/bottom-mid.png) repeat-x; }




/* Navigation */
/*   Main */
ul.L1CMSListMenuUL { float:left; margin:8px 0 7px 0; padding:0; list-style:none; list-style:none; background:url(Images/Common/NavBackground.gif) repeat-x 0 0; height:34px; width:965px; }
ul.L1CMSListMenuUL li { float:left; background:url(Images/Common/NavLine.gif) no-repeat right top; padding-right:2px;  }
ul.L1CMSListMenuUL li a {float:left; display:block; padding:0 28px 0 28px; height:34px; line-height:34px; vertical-align:middle; color:#fefefe; font-family:Arial; font-size:14px;   }
ul.L1CMSListMenuUL li a:hover, ul.L1CMSListMenuUL li a.L1CMSListMenuLinkHighlighted { background-color:#0c2433; text-decoration:none; }
/*  Sub  */
#subNavContainer { float:left; width:160px; min-height:567px; height:auto!important; height:567px; background-color:#ededed; margin:0; display:inline; }
ul.L2CMSListMenuUL { float:left; list-style:none; margin:0; padding:10px 0 0 0; }
ul.L2CMSListMenuUL li { padding:0; margin:0;}
ul.L2CMSListMenuUL li a { color:#016dad; font-family:Arial; font-size:14px; text-decoration:none; display:block; padding:10px 15px 10px 22px; width:123px; }
ul.L2CMSListMenuUL li a:hover, ul.L2CMSListMenuUL li a.L2CMSListMenuLinkHighlighted { color:#0c2433; background-color:#ffffff; }
/*  Level 3  */
ul.L3CMSListMenuUL { float:left; list-style:none; margin:0; padding:10px 0 0 0; }
ul.L3CMSListMenuUL li { padding:0; margin:0;}
ul.L3CMSListMenuUL li a { color:#016dad; font-family:Arial; font-size:12px; text-decoration:none; display:block; padding:4px 15px 10px 27px; width:123px; }
ul.L3CMSListMenuUL li a:hover, ul.L3CMSListMenuUL li a.L3CMSListMenuLinkHighlighted { color:#0c2433; background-color:#ffffff; margin:0 0 0 15px; padding:4px 15px 10px 12px; }




.CWALogo { margin:19px 0px 9px 10px;  }


.footerLinks {float:left; }
.copyright { display:inline; text-align:right; float:right; }



/* Home */
#homeContentText {margin:0px 22px 10px 22px; float:left; width:665px; display:inline; }

#spotlight {background-color:#004c79; min-height:170px; height:auto!important; height:170px; width:238px; float:left; display:inline; color:#ffffff; font-family:Arial; font-size:12px; padding:8px 9px 8px 9px; margin: 8px 0 0 0; line-height:16px; }
#spotlight h2 { text-indent:-5000px; background:url(Images/Home/Spotlight.gif); width:96px; height:23px; float:left; display:inline; margin: 10px 0 8px 0;  padding:0;  }
#spotlight .thumbnail { float:left; display:inline; width:114px; margin:0 12px 15px 0;  }
#spotlight .title { float:left; width:70px; }
#spotlight .description { float:left; display:inline; clear:both; }
#spotlight a { color:#00ffff; text-decoration:none; }
#spotlight a:hover { text-decoration:underline; }


