/******************************/
/*  GLOBAL                    */
/* 333366 main                */
/* e0e0e0 trim                */
/* a8a8ca side bg             */
/* #333367 nav a      */
/* rgb(70,122,167) nav a hover */
/* 5890A8 page title          */
/*                            */
/******************************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:62.5%; font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.container {width:100%; margin:0px auto; margin-top:0px; margin-bottom:0px; background-color:rgb(255,255,255); border:solid 0px #e0e0e0; font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:30px; background-color: #FFFFFF; background:transparent url(../images/bg_container_left_border.jpg) top left repeat-y; margin: 0 auto;}
.vertical-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background-color: #333366;}
.content {display:inline; /*Fix IE floating margin bug*/; float:left; width:640px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.side-bar {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:0px 0px 0 0px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:100%; background: url(../images/bg_footer-container.jpg) #333366; background-repeat: repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; margin: 0 auto;}

/* --- For alternative headers START PASTE here --- */
.header-container { width: 100%;}
/* HEADER */
.header {width:100%; height: 100px; background-color: #8ca5c3; font-family:verdana,arial,sans-serif; border-top:solid 4px #333366; border-bottom:solid 1px #e0e0e0;}
.header-branding {width:900px; height:100px; background: url(../images/bg_header_branding.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; margin: 0 auto;}
.flash-container { width: 100%;   background: url(../images/bg_page.bmp); background-repeat: repeat; }
.slide_show {width:900px; height:190px; margin: 0 auto; border-left:solid 1px #e0e0e0; border-right:solid 1px #e0e0e0;}
.body-container { width:100%; background: url(../images/body-background.jpg); background-repeat: repeat-x; }

.nav-container { width: 100%; background-color: #333366;  border-top:solid 1px #e0e0e0; border-bottom:solid 1px #e0e0e0; }
.header-horizontal-nav {width:900px; height:29px; margin: 0 auto;}
.sub-nav-horiz {clear:both; width:900px; padding:.2em 0 .2em 0; background:rgb(255,255,255); background:transparent url(../images/bg_container_left_border.jpg) top left repeat-y;}
.footercontainer { width: 900px; height:3.7em; padding:1.1em 0 0; background:#333366 url(../images/bg_footer.jpg); no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; margin: 0 auto; }

/********************/
/*  HEADER SECTION  */
/********************/
.headerlogo {width:140px; height:125px; position:absolute; z-index:2; margin:0px 0 0 0px;}
.headerslogan {width:440px; height:125px; position:absolute; z-index:1; margin:0px 0 0 240px;}


.nav-top {width:350px; position:absolute; z-index:3; margin:0px 0 0 545px; font-family: verdana, arial, sans serif;}
.nav-top ul {float:right; padding:0 0px 0 0; border-left: solid 0px #73A2B6; border-bottom: solid 0px #73A2B6; background-color: #FFFFFF; font-weight: normal;}	
.nav-top li {display:inline; list-style:none;}
.nav-top li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125) ; border-right: solid 0px #73A2B6; color: #333366; text-decoration: none; font-size:110%;}
.nav-top a:hover {text-decoration:none; color:#e0e0e0;}

.address {width:300px; height:60px; position:absolute; z-index:1; margin:20px 0 0 590px; color:#333366; /*xoverflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.address p {width:300px; text-align:right; line-height:110%; font-size:120%;}
.address a {text-decoration:none; color:#333366;}
.address a:hover {text-decoration:underline; color:#e0e0e0;}

.nav-horiz {float:left; width:900px; height:27px; background:#333366 url(../images/bg_header_navigation.jpg) repeat-x; color:rgb(75,75,75); font-family: verdana, arial, sans serif; font-size:1.0em; font-size:130%;} /*Color navigation bar normal mode*/
.nav-horiz ul {list-style-type:none;}
.nav-horiz ul li {float:left; position:relative; z-index:1000; border-right:solid 1px #e0e0e0; }
.nav-horiz ul li ul {display:none; border:none;}
.nav-horiz ul li ul {margin-left:-30px; padding:0 30px 30px 30px; background:url(../images/bg_header_navigation_hover.gif) top center;} /*Sticky hover zones*/
.nav-horiz ul li a {float:left; display:block; height:29px; line-height:2.1em;  padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color:#FFFFFF; background:url(../images/bullet.gif) 5px 10px no-repeat;}
.nav-horiz ul li:hover {width:auto;  background:url(../images/bullet-hover.gif) 5px 10px no-repeat; color:#FFFFFF; }
.nav-horiz table {position:absolute; z-index:999; top:0; left:0; border-collapse:collapse;}

/*Non-IE6*/
.nav-horiz ul li:hover a {background-color:#FFFFFF; text-decoration:none; color:#333366;} /*Color main cells hovering mode*/
.nav-horiz ul li:hover ul {display:block; position:absolute; z-index:998; top:2.0em; margin-top:0.1em; left:0;}
.nav-horiz ul li:hover ul li ul {display: none;}
.nav-horiz ul li:hover ul li a {display:block; width:10em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50); } /*Color subcells normal mode*/
.nav-horiz ul li:hover ul li a:hover { text-decoration:none; background:url(../images/bullet-hover.gif) 5px 10px no-repeat; color:#FFFFFF; } /*Color subcells hovering mode*/


/*IE6*/
.nav-horiz ul li a:hover {background:url(../images/bullet-hover.gif) 5px 10px no-repeat; color:#FFFFFF; background-color:#FFFFFF; text-decoration:none; color:#333366;} /*Color main cells hovering mode*/
.nav-horiz ul li a:hover ul {display:block; position:absolute;z-index:997; top:2.1em; t\op:2.0em; left:0; marg\in-top:0.1em;}
.nav-horiz ul li a:hover ul li a {display:block; w\idth:10em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav-horiz ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; position:absolute; z-index: 997;}
.nav-horiz ul li a:hover ul li a:hover {background-color:#FFFFFF; text-decoration:none;  background:url(../images/bullet-hover.gif) 5px 10px no-repeat; color:#FFFFFF; } /*Color subcells hovering mode*/

.sub-nav-horiz ul {float:left; width:660px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.sub-nav-horiz ul li {display:inline; padding:0 0 0 10px; background:transparent url(../images/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.sub-nav-horiz ul a {color:#FFFFFF; text-decoration:none;}
.sub-nav-horiz ul a:hover {color:#e0e0e0; text-decoration:none;}

/* --- For alternative headers END PASTE here --- */



/* MAIN NAVIGATION */
.vertical-navigation .round-border-topright {width:10px; height:10px; position:absolute; z-index:100; margin:0 0 0 190px; background:url(../images/bg_corner_topright.gif) no-repeat;}

/* MAIN CONTENT */
.column1-unit {width:640px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/}
.column3-unit-middle {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/:}

/* SIDEBAR */
.side-bar-with-border {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px #333366; background:#a8a8ca;}
.side-bar-with-border-green {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(160,214,81); background-color:rgb(217,239,185);}
.side-bar-with-border-blue  {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(137,170,214); background-color:rgb(213,225,240);}
.side-bar-with-border-orange {width:183px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150);}

.side-bar-no-border {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}
.side-bar-no-border-green {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}
.side-bar-no-border-blue  {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(213,225,240);}
.side-bar-no-border-orange {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:174px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:175px;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:#FFFFFF; font-weight:bold; font-size:110%; margin: 0 auto;}
.footer p.credits {font-weight:normal; color:#FFFFFF; margin: 0 auto;}
.footer a {text-decoration:underline; color:#FFFFFF; margin: 0 auto;}
.footer a:hover {text-decoration:none; color:rgb(0,0,0); margin: 0 auto;}
.footer a:visited {color:#FFFFFF; margin: 0 auto;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .sub-nav-horiz:after, .main:after, .vertical-navigation:after, .content:after, .content div:after, .side-bar:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.side-bar-with-border:after, .side-bar-no-border:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.side-bar-with-border-blue:after, .side-bar-with-border-green:after, .side-bar-with-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.side-bar-no-border-blue:after, .side-bar-no-border-green:after, .side-bar-no-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:640px; height:0.1em; border:none; background:rgb(210,210,210); color:#e0e0e0;}/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-branding {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.sub-nav-horiz {width:900px; height:80px; background:transparent;}}
@media print {.nav-horiz {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /*IE proprietary flicker hack for background images. Not validating, but OK*/