/*
	 * 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 { font: 11px/21px Arial, "Tahoma", "Verdana", sans-serif; }

#background
{
    position:absolute;
    left:0;
    top:0;
    width:100%;

    z-index:-100;
 }
 #background img
 {
     width:100%;
     height:100%;
     }
.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; }*/
#mainform{
	height:auto;
	min-height:800px;
	width:1078px;
	margin:0 Auto;
	z-index:1;
}

#wrapper { width: 1078px; margin: 0 auto; padding: 0 0 0 0; /*background: url(../images/bg-wrapper.png) repeat-y 0 0;*/min-height:966px;height:Auto;display:block; }
#page
{
    width: 982px;
    height: auto;
    margin: 0 auto;
    padding: 10px 27px 0px;
    float: left;
    background-image: url(../images/greybackground1px.png);
    background-repeat: repeat-y;
}
#pageBottom
{
     clear:left;
     width: 1026px;
     height:33px;
     background-image:url(../images/greybackgroundroundcorner.png);
  
     float:left;
     background-repeat:no-repeat;
     margin: 0 auto;
   
    }
.homepage { padding-bottom: 0; }

/* top */
#logo { float: left; /*padding: 0 725px 0 0; background: url(../images/bg-logo.png) no-repeat 1680px 850px; */}
.rightLogo { float:right; width:585px; }
#headerSection { padding: 10px; background:url(../images/TopHeaderBackground.png) repeat scroll 0 0 transparent;height:66px;padding:10px;width:960px; }
#login-mod { width: 305px; height: 110px; float: right; padding: 0px 6px 0; background: no-repeat 0 0; }
#login-mod #login { width: 140px; float: left; }
#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-main { 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-main 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-main div .image { margin: 0 -37px 0 0; position: relative; left:35px; width: 56px; bottom: 2px}

#search-mod { position: relative; left: -21px; 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: 43px; clear: both; /*border-bottom: 1px solid #e7e7e7; */background: url(../images/topnav.gif) no-repeat; }
#nav li { position: relative; line-height: 43px; float: left; 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 { color: #E0A000; } 
#nav li.current { background: #5d7595 url(../images/icon-divider-2.png) no-repeat scroll 100% 0;} /*#ED1B2E;*/
#nav li ul { display: none; position: absolute; left: 0; top: 43px; width: 170px; background: #082D5D; }
#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: #082D5D; background-color: #a9b6c8; background-position: 160px 7px; } /* 6 */
#nav li ul ul { position: absolute; left: 170px; top: 0; background: #a9b6c8; } 
#nav li ul ul a { color: #082D5D; }
#nav li ul ul a:hover { color: #fff; background: #082D5D 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 */
.col .add-mod { margin: 0 0 11px; border: 1px solid #d6d6d6; }
.col .add-mod img { display: block; }

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

.col-left #menu {}
/*
.col-left #menu #menu-head { background: #00275d; 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; }
*/
.bottom-left-column a img{
	margin-top:7px;
	vertical-align:middle;
}

.bottom-left-column #menu #menu-head { color:#fff; display: block; padding: 10px 10px; text-align: left; font-size: 14pt; text-transform: uppercase; }
.bottom-left-column #menu #menu-head a { color:#fff; }

.bottom-left-column li a { display: block; padding: 3px 10px; border-bottom: 1px  #b5bac7 outset ; color: #00275d;  font-weight: bold; text-transform: uppercase; }
.bottom-left-column li a img{
	float:right;
	}

.bottom-left-column li a:hover { background-color: #bac2cd; }
.bottom-left-column li.active a {padding-bottom: 4px; border: 0; background-color: #bac2cd;border-bottom: 1px  #b5bac7 outset ; background-position: 0 100%; }
.bottom-left-column li.active a:hover { background-color: #bac2cd; }

.bottom-left-column li.active ul li a {background-color:white;border-bottom: 1px  #b5bac7 dashed ; }
.bottom-left-column li ul li a img{
	float:left;
	padding-right: 5px;
}

/*
.bottom-left-column #menu #menu-head { color:#fff; display: block; padding: 10px 10px; text-align: left; font-size: 14pt; text-transform: uppercase; }
.bottom-left-column #menu #menu-head a { color:#fff; }

.bottom-left-column 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; }
.bottom-left-column li a:hover { background-color: #bac2cd; }
.bottom-left-column li.active a {padding-bottom: 4px; border: 0; background-color: #bac2cd; background-position: 0 100%; }
.bottom-left-column li.active a:hover { background-color: #bac2cd; }

.bottom-left-column li.active ul li a {background-color:#e6e6e6;}
*/
.bottom-left-column li.active ul li a:hover {background-color: #bac2cd;}

.bottom-left-column li li a { padding-left: 25px; color: #375c91; text-transform: none; }
.bottom-left-column li li a:hover { background-color: #bac2cd; }
.bottom-left-column li li.active a { background-color: #bac2cd; }
.bottom-left-column li li.active a:hover { background-color: #bac2cd; }
.bottom-left-column li li li a { padding-left: 50px; }
.bottom-left-column li li li li a { padding-left: 75px; }
.bottom-left-column 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 { width: 640px; float: left;  }
#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 */

/* new footer */
.watermark{color:Gray; font-style:italic;}
div.footer-table 
{
     display:block;
margin:13px auto;
text-align:center;
float:left;
height:auto;
padding-left:33px;
position:relative;

}
#footerSection div.footer-table
{padding-left:0px;
    }
.footer-table table{
margin:0 auto;
float:left;
}
a.footerLink { color: white; font-size: 8pt; position:relative; left: -174px; top:-2px;  }

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

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

/* MISC */
.smalltext { color:#666465; }
.form-panel { background:#e6e6e6; padding: 5px; text-align: right; }
.event-label { font-weight: bold; }
.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 { }
.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;	}


/*home page content section */
/*left column*/
#contentSection
{
    height:auto;
    display:block;
    float:left;
    overflow:hidden;
 
    }
#contentSection .columns-homepage{
	display:block;
	height:auto;
	margin-top:10px; 

	float:left;
	
}
#contentSection .left-column-homepage{
	float:left;
	width:227px;
	display:block;
}
#contentSection .bottom-left-column-homepage{
	
	width:227px;
	height:267px;
	margin-top:18px;
	color:#0b2f61;
}
#contentSection .bottom-left-column-homepage a
{
    background-position: url(../images/leftcolBG.png) no-repeat;
    background: url(../images/leftcolBG.png) no-repeat;
    display: block;
    width: 224px;
    height: 76px;
    margin-bottom: 18px;
    color: #E1EAF1;
    font: 16px Arial,"Tahoma","Verdana",sans-serif;
    font-weight: bold;
    text-align: center;
    line-height: 5;
    word-spacing: 1px;
    text-decoration:none;
  
}
#contentSection .bottom-left-column-homepage a:hover,
#contentSection .bottom-left-column-homepage a:focus
{
      text-decoration:none;
}
#contentSection .top-left-column-homepage{
	width:228px;
}

#contentSection .right-column-homepage{
	display:block;
	/*background:url(../images/rally-image.gif) no-repeat;*/
	width:723px;
	height:418px;
	padding:0 10px 0 20px;	
	 color:white;
	 float:left;
}


#involved-mod .inner .header{
	font-family:Arial,Helvetica,sans-serif;
	font-size:23px;
	margin-bottom:15px;
	font-weight:bold;
	padding:10px 0 0 10px;
}

#contentSection .intro-listing  li{
	font-size:12px;
	font-weight:bold;
	height:53px;
	width:215px;
	vertical-align:middle;
	padding-left:10px;
	}

#contentSection .intro-listing  li a{
	display:block;
	
	
}
#contentSection .intro-listing li a img{
	float:right;
	margin:0 auto;
	width: 80px;
	height: 38px;
	padding-right:5px;
}
#contentSection .intro-listing li .head{
	float:left;
	width:130px;
}

#contentSection .intro-listing li p{
	display:none;
}

/* sponsor div section*/

#sponsorsSection
{ float:left;
  	margin:17px auto 0 auto;
  	/*display:block;*/

 }
 
#leftSponsor
{
    float:left; 
   margin-left:6px;
   
 }
#middleSponsor
{
     float:left;
   margin-left:35px;
   
}
     
#rightSponsor
{
    float:left;
    margin-left:35px;
}

/*right column*/
#eventImagesSlideshowContainer{
	/*display:none;*/
	color:White;
	
	
}


#eventImagesSlideshowContainer h2.lead-header{
    margin-top:20px;
    margin-bottom: 10px;
	font-size:25px;
	font-weight:bold;
	display:block;
	width:405px;
}
#eventImagesSlideshowContainer h2.lead-header span
{
    display:block;
 }
#eventImagesSlideshowContainer h2.lead-header span:last-child
{
    font-size:15px;
    
    }
#eventImagesSlideshowContainer .event-description
{line-height:1;
    	width:405px;
 }
#eventImagesSlideshowContainer .event-details{
	font-weight:bold;
	
	
}
#eventImagesSlideshowContainer .event-details h4{
	font-size:16px;
	line-height:2;
	 vertical-align:text-bottom;	 
}
#eventImagesSlideshowContainer .event-details table
{
    line-height:1;
  }
 #eventImagesSlideshowContainer .event-details table td:first-child
 {
     width:120px;
     }
 #eventImagesSlideshowContainer .event-details input 
 {
     display:none;
    position:absolute;
    left:25px;
    top:350px;
     }   
#eventImagesSlideshowContainer div.slide-item
{
    padding:10px 10px 25px 25px;
}

/*Inner page Section*/
.columns-inner-page{
display:block;
margin-top:17px;
}
#content{
	background:white;
	
	margin:0 auto;
	float: left; 
	width: 730px;
	overflow:hidden;
}
.columns
{
    background:white;	
	margin:0 auto;
	margin-top:15px;	
	width: 982px;
	overflow:hidden;
}

#content-only 
{
    width: 976px; 
}

.landing-page
{
	background: none;
	width: 995px;
}

div#events-mod div.lead
{
 position:relative;    
}
div.leadItemHead
{
     margin-top :5px;
     text-align:center;
    }
div.leadItemHead a
{
    font-style:normal;
    font-weight:bold;
    font:17px/21px Arial,"Tahoma","Verdana",sans-serif;
    color:#ffffff;
}
div.leadItemHead a:hover
{
    color:#E0A000;
}
#leadEventCalendarContainer
{
     position:absolute;
     background:url(../images/calendarbackground2.png) no-repeat;
     right:0px;
     top:30px;
     width:195px;
     height:185px;
    text-align:center;
}

#leadEventCalendarContainer table
{
     margin:0 auto;
 }
.LeadCalenderGrid
{
    padding:0px;
}
.LeadCalenderGrid a
{
    font:12px Arial Black;
 }
#leadYouTubeContainer
{
    position:absolute;
    background:url(../images/camstvbackground2.png) no-repeat;
    right:0px;
    top:225px;
    width:195px;
    height:185px;
    text-align:center;
}
#leadRoadSafety
{
    
    position:absolute;
    left:20px;
    top:240px;
    width:472px;
    height:60px; 
    background:url(../images/RoadSafetyBackground.png) no-repeat;
} 
#leadRoadSafety span
{
    padding:10px 0 0 10px;
    float:left;
    color:#E1EAF1;
    display:block;
    font:bold 16px Arial,"Tahoma","Verdana",sans-serif;
}
#leadRoadSafety a
{
    float:right;
    margin-top:4px;
    margin-right:5px;
    width:110px;
    height:52px;
} 
#leadRoadSafety a img
{
     width:110px;
    height:52px;
}
#content table:first-child{
		 margin:10px Auto Auto 10px;
	 width:700px;
	overflow:hidden;
	}

/*Inner page Left column*/

div.bottom-left-column{
	 margin-top:15px;
	 opacity:0.8;
	 filter:alpha(opacity=80);
	 background: url('../images/sidenav.gif') 0 0;
	 height:642px;
	  width:227px;
	  }