﻿body {
	margin: 0 auto;
	padding: 0;
	background-color: #b2c1d3;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
h1 
{
    font-size: 16px;
    color: #000;
    margin: 0px 0 0 0px;
    font-weight: bold;
}
h2 
{
    font-size: 16px;
    color: #fff;
    margin: 3px 0 0 10px;
    font-weight: bold;
}
h3 
{
    font-size: 15px;
    color: #004785;
    font-weight: bold;
}
sup { line-height: 0; } 
/* Layout
-------------------------------------------------------------------*/
#containerHome 
{
    margin: 0 auto;
    padding: 0;
    width: 1024px;    
    height: 1348px;
    background: url(../images/homeBg.jpg) no-repeat;
}
#containerSub 
{
    margin: 0 auto;
    padding: 0;
    width: 1024px;    
    height: 856px;
    background: url(../images/subBg.jpg) no-repeat;
}
#containerNews 
{
    margin: 0 auto;
    padding: 0;
    width: 1024px;
}
.newsBgCont
{
    float:left;
    position: relative;
    display: inline;
    margin: 0 auto;
    padding: 0;
    width: 1024px;
    background: url(../images/newsBg.jpg) no-repeat;
    background-color: #f0eceb;
}
#innerContainer 
{
    float: left;
    position: relative;
    display: inline;
    width: 960px;
    margin-left: 32px;
}
#container a 
{
    text-decoration: underline;
    color: #003145;
}
/* Header
-------------------------------------------------------------------*/
#homeHead 
{
    float: left;
    position: relative;
    display: inline;
    height: 300px;
    width: 960px;
    background: url(../images/homeHeader.jpg) no-repeat;
    margin: 0;
}
#subHead 
{
    float: left;
    position: relative;
    display: inline;
    height: 183px;
    width: 960px;
    margin: 0;
}
.contact 
{
    float: left;
    position: relative;
    display: inline;
    background: url(../images/contactHeader.jpg) no-repeat;
    height: 40px;
    width: 253px;
    margin: 128px 0 0 119px;
}
.news 
{
    float: left;
    position: relative;
    display: inline;
    background: url(../images/newsHeader.jpg) no-repeat;
    height: 40px;
    width: 383px;
    margin: 128px 0 0 119px;
}
.disclaimer 
{
    float: left;
    position: relative;
    display: inline;
    background: url(../images/disclaimerHeader.jpg) no-repeat;
    height: 42px;
    width: 272px;
    margin: 128px 0 0 120px;
}
#logo 
{
    float: right;
    display: inline;
    position: relative;
    background: url(../images/caldLogo.png) no-repeat;
    height: 97px;
    width: 243px;
    margin: -50px 30px 0 0;
}
    
/*NAV
-------------------------------------------------------------------*/
#nav 
{
    float: left;
    position: relative;
    display: inline;
    height: 36px;
    width: 888px;
    background: #004785;
    margin: 28px 0 0 36px;
}
#nav ul 
{
    margin-left: 4px;
    float: left;
    position: relative;
    display: inline-block; 
}
#nav ul li,
#nav ul li a 
{
    float: left;
    position: relative;
    display: inline;
    padding: 5px 11px 5px 10px;
    color: #fdb913;
    font-size: 15px;
    font-weight: bold;
}
#nav ul li img 
{
    float: left;
    position: relative;
    display: inline-block;
    padding: 11px 0px 0 0px;
}
#nav ul li a:hover 
{
    color: #fff;
}
#nav li ul
{
	display: none;
	text-align: left;
}

#nav li:hover ul
{
	background: #004785;
	left: -4px;
	top: 36px;
	margin: 0px;
	width: 188px;
	height: auto;
	position: absolute;
	display: block;
	z-index: 999;
}
*html #nav li:hover ul 
{
    left: -8px;
}
#nav li ul li {
	display: inline;
	float: left;
	position: relative;
	width: 170px;
    z-index: 99;
}
#nav li ul li a 
{
    float: left;
    position: relative;
    display: inline;
    color: #fdb913;
    background: url(../images/navLi.jpg) no-repeat 0em .5em;
	font-size: 13px;
	padding: 2px 0px 2px 18px;
    z-index: 99;
}
#nav li ul a:hover {
    color: #fff;
}  
/* Body
-------------------------------------------------------------------*/
#leftAd 
{
    float: left;
    position: relative;
    display: inline;
    width: 208px;
    height: 281px;
    margin: 25px 0 0 32px;
    background: url(../images/newsCallout.jpg) no-repeat;
}
*:first-child+html #leftAd {z-index: -1;} * html #leftAd {z-index: -1;}
#leftAdCont 
{
    float:left;
    position: relative;
    display: inline;
    width: 190px;
    height: 210px;
    margin-top: 45px;
    margin-left: 10px;
    text-align: left;
    color: #000;
    font-size: 12px;
    line-height: 16px;
}
#leftAdCont ul li a 
{
    color: #000;
    text-decoration: none;
}
#leftAdCont ul li a:hover 
{
    color: #000;
    text-decoration: underline;
}
#leftAdLink a 
{
    margin: 6px 0 0 15px;
    color: #fdb913;
    text-decoration: underline;
}
*:first-child+html #leftAdLink {margin-left: 15px;} * html #leftAdLink {margin-left: 15px;}
#leftAdLink a:hover 
{
    color: #fff;
    text-decoration: underline;
}
#rightAd 
{
    float: left;
    position: relative;
    display: inline;
    width: 693px;
    height: 272px;
    margin: 30px 0 0 15px;
    color: #000;
}
#rightAd #introducing 
{
    float: left;
    position: relative;
    display: inline;
    background: url(../images/introducing.jpg) no-repeat;
    height: 43px;
    width: 693px;
    margin-bottom: 10px;
}
#rightAd h2 
{
    font-size: 20px;
    color: #004785;
    margin: 0;
}
#rightAd ul li 
{
    background: url(../images/li.png) no-repeat .0em 1em;
    font-size: 17px;
    line-height: 20px;
    padding: 10px 0 0 22px;
    font-weight: bold;
    z-index: 99999;
}
ul.recentAnnouncements,
ul.recentEvents 
{
    margin: 0 0 10px 10px;
} 
ul.recentAnnouncements li,
ul.recentEvents li 
{
    background: url(../images/li.png) no-repeat .0em 1em;
    font-size: 17px;
    line-height: 23px;
    padding: 10px 0 0 22px;
    font-weight: bold;
    z-index: 99999;
}
#content 
{
    float: left;
    position: relative;
    display: inline;
    width: 860px;
    margin-left: 68px;
    font-size: 15px;
    line-height: 18px;
}
#subContent 
{
    float: left;
    position: relative;
    display: inline;
    width: 770px;
    margin: 12px 0 42px 122px;
    font-size: 15px;
    line-height: 18px;
}
#subContent a,
#content a 
{
    color: #000;
    text-decoration: underline;
}
.bold 
{
    font-weight: bold;
    margin-bottom: 10px;
}
#subContent p,
#content p 
{
    padding-bottom: 10px;
}
#content ul 
{
    padding-left: 15px;
}
#content ul li 
{
    list-style-type: disc;
    padding: 2px 0 2px 0px;
    margin-left: 15px;
}
.reference 
{
    font-size: 12px;
    margin: 10px 0 10px 0;
}
/* Footer
-------------------------------------------------------------------*/
#footer 
{
    float: left;
    position: relative;
    display: inline;
    margin: 27px 0 0 68px;
}
#subFooter 
{
    float: left;
    position: relative;
    display: inline;
    width: 820px;
    margin: 27px 0 0 122px;
}
#subFooter a,
#footer a 
{
    color: #000;
    text-decoration: none;
}
.footerLogo 
{
    background: url(../images/footerLogo.png) no-repeat;
    height: 36px;
    width: 176px;
    margin: 10px 0 10px 0;
}
#homeLink 
{
    float: left;
    position: relative;
    display: inline;
    height: 23px;
    width: 85px;
    background: #004785;
    text-align: center;
    margin-top: 5px;
    padding-top: 5px;
}
#homeLink a 
{
    color: #fdb913;
    font-size: 15px;
    font-weight: bold;
}
#homeLink a:hover 
{
    color: #fff;
}
/* Form
-------------------------------------------------------------------*/
.popup 
{
    background:#FFF; 
    border:2px solid #004b8d; 
    padding:8px;
}
.popupHeader 
{
    height:23px; 
    padding:7px; 
    background: #004b8d;
}
.popupHeader h2 
{
    margin:0; 
    padding-top: 1px; 
    font-size:18px; 
    float:left;
    color: #fdb913;
}
.popupBody 
{
    padding:10px;
}
.popupBody input 
{
    margin: 3px;
    border: 1px solid #004b8d;
    height: 18px;
}
.popupBody textarea
{
    margin: 3px;
    border: 1px solid #004b8d;
    width: 180px;
}
.popupBody th 
{
    text-align: right;
}
.closeLink 
{
    background: url(../images/closeBtn.png) no-repeat;
    float: right;
    position: relative;
    display: inline;
    height: 21px;
    width: 22px;
}
label.error 
{
    font-size: 11px;
    color: #CE0000;
    margin-left: 5px;
}
.popupBody .submit 
{
    margin-left: 98px;
}
.popupBody .contactSubmit 
{
    margin-left: 136px;
}