/* CSS Document */

body{
/* background: #e6e6e6 url(../backgrounds/bg-fade.jpg) repeat-x; /* E3E3E4 */ 
background: #fff url(../backgrounds/bg-fade.jpg) repeat-x;
/* background: #fff; */
margin: 10px;
padding: 0px;
}


#stage{
background: #FFF;
width: 780px;
text-align: left;
border: 1px solid #c4c4c4; /* dbdbdb e1e1e2 */
border-bottom: 1px solid #c4c4c4;
}

#header{
background: #004c7e url("../backgrounds/header-bg.gif") repeat-x;
width: 770px;
height: 90px;
margin: 5px 0px 0px 5px;
border-bottom: 1px solid #002f4f;
}

#header img{
margin: 24px 0px 0px 25px;
}

#new-search{
background:url(../images/new-search.gif) no-repeat;
width: 74px;
height: 34px;
display: block;
float: right;
margin: -5px -3px -3px 0px;

padding: 0px 0px 0px 0px;
z-index: 10;
_display: none;
}

#site-navigation{
background: #b3b4b6 url("../backgrounds/site-navigation-bg.gif") repeat-x;
width: 770px;
height: 26px; /* +1 to offset for border/shadow on buttons */
margin: 5px 0px 0px 5px;
}

#site-navigation-left{
width: 473px;
height: 26px;
margin: 0px;
padding: 0px;
border: 0px;
float: left;
position: relative;
border-right: 5px solid #FFF;
}


#site-navigation-right{
width: 280px; /* 387 - 2 (x) border width, - l+r padding*/
height: 25px; /* 25 - top padding */
#height: 22px;
_height: 22px;
float: right;
margin: 0px 0px 0px -1px;
#margin: 0px 0px 0px -1px;
_margin: 0px 0px 0px -1px;
padding: 0px 10px 0px 0px;
#padding: 3px 10px 0px 0px;
_padding: 3px 10px 0px 0px;
border-left: 1px solid #a2a2a4;
border-right: 1px solid #a2a2a4;
font-weight: bold;
}

#site-navigation-right form{
margin: 3px -8px 0px 0px;
#margin: 0px -8px 0px 0px;
_margin: 0px -4px 0px 0px;
padding: 0px;
float: right;
}

.nav-search-input{
background:url(../backgrounds/search-input-bg.png) repeat-x;
width: 119px;
height: 16px; /* 20 */
margin: -1px 4px 0px 0px;
padding: 4px 4px 0px 4px;
float: right;
color: #9c9c9c;
font-size: 110%;
border: 1px solid #97999e;
}

#nav-search-btn{
width: 22px;
height: 21px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
}

#splash{
background: #FFF;
width: 768px; /* to right-justify, subtract width of border (x) # of sides */
height: 256px; /* 256 */
margin: 5px 0px 5px 5px;
border: 1px solid #e1e1e2;
}

#splash.frontpage{
height: 368px;
}


#section-splash{
background: #FFF;
width: 768px; /* to right-justify, subtract width of border (x) # of sides */
height: 160px;
margin: 5px 0px 5px 5px;
border: 1px solid #e1e1e2;
}



#section-nav-container{
width: 770px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
float: left;
left: 5px;
}

#mini-nav-container{
background: url(../backgrounds/mini-nav-fade.jpg) repeat-x;
width: 770px;
height: auto;
margin: -10px 0px -7px 0px;
padding: 15px 0px 10px 0px;
position: relative;
clear: both;
left: 5px;
text-align: center;
}

/* *** NEWS TICKER *** */

#news-ticker{
background: #d8dadc url("../backgrounds/news-ticker.gif") repeat-x;
width: 768px; /* 766 to right-justify, subtract width of border (x) # of sides */
height: 23px;
margin: 0px 0px 5px 5px;
padding: 3px 0px 0px 0px;
border: 1px solid #CCC;
}

#ticker-title-container{
width: 121px;
height: 100%;
float: left;
border-right: 0px solid #b3b4b6;
margin: -3px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

#ticker-script-container{
height: 20px;
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 100%;
}

#highlighter{
position:absolute;
width: 659px;
height: 20px;
margin: 0px;
padding: 0px;
}

/* *** COLUMNS *** */

#columns-container{
width: 770px;
height: auto;
margin: 0px 0px 0px 0px;
float: left;
padding: 0px 0px 5px 5px;
clear: both;
}

#columns-container #divider{
background: #FFF;
width: 100%;
height: 1px;
margin: 6px 0px 0px 0px;
padding: 0px;
border-bottom: 1px solid #CCC;
}

#columns-container-border{
width: 768px;
height: auto;
margin: 0px 0px 0px 0px;
float: left;
padding: 0px 0px 0px 0px;
border: 1px solid #CCC;
}

/* *** one columns *** */

#one-column{
width: 750px; /* - 2 (x) padding value */
float: left;
margin: 0px 0px 0px 0px;
padding: 10px;
text-align: justify;
}

.overline{
border-top: 1px solid #CCC;
}


#columns-container-border #one-column{
margin-left: -1px;
}


/* *** two columns *** */

#two-column-left{
width: 362px; /* - 2 (x) padding value */
float: left;
margin: 0px 0px 0px 0px;
padding: 10px;
text-align: justify;
}

#two-column-right{
width: 362px; /* - 2 (x) padding value */
float: right;
margin: 0px 0px 0px 0px;
padding: 10px;
text-align: justify;
z-index: 100;
}

#two-column-left.no-pad, #two-column-right.no-pad{
width: 382px;
padding: 0px;

}

#two-column-left_embedded, #two-column-right_embedded{
width: 360px; /* 382 - 2*(padding) - 2*(border size) */
padding: 10px;
border: 1px solid #e1e1e2;
float: left;
}

#two-column-left_embedded.secondary, #two-column-right_embedded.secondary{
margin-top: 4px;
}

#columns-container-border #two-column-left{ /* bump left to fix for border offset*/
margin-left: -1px;
}
#columns-container-border #two-column-right{
margin-right: -1px;
}

/* *** 1/3 and 2/3 columns *** */

#one-third-column-left{
background: #CCC;
width: 256px;
height: 100%;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
padding: 10px;
text-align: justify;
}

#two-thirds-column-right{
width: 469px;
float: right;
margin: 0px 0px 0px 0px;
padding: 10px;
text-align: justify;
}

/* *** 1/4 and 3/4 columns *** */

#one-fourth-column-left{
width: 167px; /* 169 - border width */
height: 185px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
padding: 10px;
text-align: left;
border: 1px solid #CCC;
border-bottom: 2px solid #CCC;
}

#three-fourths-column-right{
width: 556px; /* 556 */
float: right;
margin: 0px 0px 0px -10px;
padding: 10px;
text-align: justify;
}



#one-fourth-column-left-header{
/*background: #e4e5e7 url("../backgrounds/glare_silver_39px.gif") repeat-x;  */
background: #004c7e url("../backgrounds/popular-resources.gif");
width: 187px;
height: 37px;
margin: -10px -10px -2px -10px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #CCC;
}

#one-fourth-column-left_alternate{
width: 169px; /* 169 - border width */
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
padding: 10px;
text-align: left;
}



/* *** three columns *** */

#three-column-left{
width: 231px; /* - 2 (x) padding value - 2 (x) border value */
float: left;
margin: 0px 0px 0px 0px;
padding: 10px;
text-align: justify;
border: 1px solid #e1e1e2;
}

#three-column-center{
width: 232px; /* - 2 (x) padding value - 2 (x) border value */
float: left;
margin: 0px 0px 0px 5px;
padding: 10px;
text-align: justify;
border: 1px solid #e1e1e2;
}

#three-column-right{
width: 231px; /* - 2 (x) padding value - 2 (x) border value */
float: right;
margin: 0px 0px 0px 0px;
padding: 10px;
text-align: justify;
border: 1px solid #e1e1e2;
}

/* *** four columns *** */

#four-column-I{ /*left, left center, right center */
/* background: #E1E1E1; */
width: 169px; /* - 2 (x) padding value */
float: left;
margin: 0px 5px 0px 0px;
padding: 10px;
text-align: justify;
}

#four-column-IV{ /* right */
/* background: #E1E1E1; */
width: 168px; /* - 2 (x) padding value */
float: right;
margin: 0px 0px 0px 0px;
padding: 10px;
text-align: justify;
}

/* four column fixed height */

#four-column-I_fixedHeight{ /*left, left center, right center */
width: 187px; /* (std. 189) -  2 (x) border value */
height: 187px; /* 124 */
float: left;
margin: 0px 5px 0px 0px;
padding: 0px;
text-align: justify;
overflow: hidden;
border: 1px solid #CCC; 
/*border-bottom: 1px solid #b3b4b6;*/
}

#four-column-IV_fixedHeight{
width: 186px; /* (std. 188) - 2 (x) border value */
height: 187px; /* 124 */
float: right;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: justify;
overflow: hidden;
border: 1px solid #CCC;
/*border-bottom: 1px solid #b3b4b6;*/
}

#four-column-I_fixedHeight:hover, #four-column-IV_fixedHeight:hover{
border: 1px solid #004c7e; /*  004c7e */
cursor: pointer;
}



/* *** other *** */


#resources-box{
background: #eaeaea url(../backgrounds/related-resources.jpg) repeat-x;
width: 340px; /* 362 - 2 x border - 2 x padding */
margin: 0px 0px 0px 0px;
padding: 10px;
padding-top: 15px;
border: 1px solid #CCC;
}

#resources-box .bulletlist{
line-height: 220%;
}


#footer{
background: #989ba2 url("../backgrounds/footer-fade.gif") repeat-x;
width: 768px;
height: 33px; /* 45 - top padding */
margin: 0px 0px 5px 5px;
padding: 12px 0px 0px 0px;
clear: both;
border: 1px solid #b5b9bf;
}

#footer img{
margin: 1px 12px 0px 0px;
float: left;
}

#footer #left{
width: 183px; /*197 - left padding */
float: left;
padding: 0px 0px 0px 10px;
}

#footer #center{
width: 383px;
float: left;
text-align: center;
padding: 0px 0px 0px 0px;
}

#footer #right{
width: 180px; /*190 - right padding */
float: right;
text-align: right;
padding: 0px 10px 0px 0px;
}






/* *** TABLES  *** */
/** data tables **/

.specifications-table{
text-align: center;
border: 0px solid #b3b4b6;
margin-top: 0px;
line-height: 160%;
width: 100%;
}

.titlebar{
font-weight: bold;
height: 30px;
color: #FFF;
}

.title-tab{
background: url("../backgrounds/table-tab_blue.gif");
}

.blank{
background: #FFF;
}

.left-title{
font-weight: bold;
text-align: left;
}

.td-spacer{
height: 1px;
background: #b3b4b6;
}

.alternate{
background: #d8dadc url("../backgrounds/fade_silver_20px.gif") repeat-x;
}

.data{
text-align:left;
}

.support-table tr{
height: 28px;
}



.register-table tr{
height: 28px;
}


/**   **/

#staff{
width: 558px;
padding: 6px 0px 0px 0px;
margin: 0px 0px 26px 0px;
float: left;
position: static;
}

#staff h3{
line-height: normal;
margin: 0px 0px 0px 0px;
font-size: 130%;
border-bottom: 1px solid #CCC;
}

#staff #employee{
width: 130px;
text-align: center;
margin: 10px 8px 0px 0px;
float: left;
}

#staff #employee h4{
line-height: normal;
color: #004c7e;
margin: 0px 0px -4px 0px;
}

.job-title{
font-size: 90%;
font-weight: bold;
font-style: italic;
color: #b7b7b7;
}

#documents{
width: 558px;
padding: 6px 0px 0px 0px;
margin: 0px 0px 26px 0px;
float: left;
position: static;
}

#documents h3{
line-height: normal;
margin: 6px 0px 4px 0px;
font-size: 130%;
border-bottom: 1px solid #CCC;
}

#documents #document{
width: 130px;
text-align: center;
margin: 10px 8px -18px 0px;
float: left;
}

#documents #document h4{
line-height: normal;
color: #004c7e;
margin: 0px 0px -4px 0px;
}



.file-info{
font-size: 80%;
font-weight: normal;
font-style: normal;
color: #b7b7b7;
margin: -4px 0px 0px 0px;
line-height: normal;
}

#staff #employee img{
margin-bottom: 6px;
}

/**  **/

#page-banner{
background: url(../images/block-blue.gif);
width: 190px;
height: 90px;
margin: 0px 0px -90px 588px;
padding: 0px 0px 0px 0px;
position: relative;
}

/** #page-banner:hover{
background: url(../images/block-orange.gif);
}

/** **/

#job, #news-event{
padding: 6px 0px 4px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #CCC;
}



#job h3, #news-event h3{
font-size: 130%;
}

#news-event h3{
margin-bottom: -12px;
}

#job h5, #news-event h5{
margin-bottom: 0px;
}

#job ul{
margin-left: 0px;
}

#job ul, #job li{
list-style: disc inside;
list-style-image: none;
color: #333;
}



/*              */

#trainingphotos{
width: 536px;
margin: 0px 0px 0px 0px;
float: left;
}

p.classtitle{
margin-top: 30px;
float: left;
}
#trainingphoto{
width: 126px;
float: left;
position: relative;
margin: 0px 14px 0px -6px;
padding: 0px 0px 6px 0px;
text-align: center;
font-size: 90%;
line-height: normal;
}