/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
html, body { height: 100% }
 body {font-size:62.5%; background:#FFF url(../ui/bg_body.jpg) center top no-repeat; font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {min-height: 100%; width:720px; margin:0px auto; font-size:1.0em;}
.main {clear:both; width:720px; padding-bottom:75px; position:relative; z-index:100; }
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:right; width:200px; padding-top:150px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:520px; margin:0 0 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main .main-content-large {width:720px;}
.main .main-content-large p { line-height:24px;}
.footer-wrapper {position: relative; width: 100%}
.footer-wrapper .footer {position: absolute; bottom: 0; width: 100%;height: 70px; background: #FFF url(../ui/bg_footer.jpg) no-repeat bottom center;}

iframe {border:5px solid #0071C9; overflow:hidden;}

/* HEADER */
.header {width:720px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {width:720px; height:380px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-banner {width:720px; height:400px; position:absolute; margin-top:110px; z-index:10; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/*************/
/*  2. HEAD  */
/*************/
.sitelogo {width:130px; height:75px; position:absolute; z-index:1; margin:10px 0 0 -20px;}
.sitename {width:350px; height:45px; position:absolute; z-index:1; margin:10px 0 0 130px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:250%; font-family:Georgia, "Times New Roman", Times, serif;}
.sitename h2 {margin:0; color:#4E8915; font-size:130%; font-family:"Times New Roman", Times, serif}
.sitename a{text-decoration:none; color:#FFF;}
.sitename a:hover {text-decoration:none;}

.nav0 {width:70px; position:absolute; z-index:3; margin:10px 0 0 672px;}
.nav0 ul {float:right; font-weight:normal;}	
.nav0 li { display:inline; list-style:none;}
.nav0 li a {width:22px; display:block; float:left; color:#CCC; text-decoration:none; font-size:11px;}
.nav0 a:hover {text-decoration:none; color:#FFF;}

.nav1 {width :270px; position:absolute; z-index:3; margin:91px 0 0 0px;}
.nav1 ul {float:right; font-weight:normal;}	
.nav1 li { display:inline; list-style:none;}
.nav1 li a {width:90px; text-align:center; display:block; float:left; color:#FFF; text-decoration:none; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:#CCC;}

.nav2 {width :459px; position:absolute; z-index:3; margin:91px 0 0 280px;}
.nav2 ul {float:right; font-weight:bold;}	
.nav2 li { display:inline; list-style:none;}
.nav2 li a {width:153px; text-align:center; display:block; float:left; color:#1A96FB; text-decoration:none; font-size:120%;}
.nav2 a:hover {text-decoration:none; color:#0479D9;}

.headermessage {width:300px; height:60px; position:absolute; z-index:1; margin:35px 0 0 440px; /*overflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.headermessage h1 {width:300px; text-align:right; font-size:110%; color:#CCC; font-weight:normal;}
.headermessage h1 strong {font-size:120%; font-weight:bold;}
.headermessage h2 A {float:right; width:300px; margin:0; text-align:right; line-height:140%; font-size:90%; color:#1A96FB;}

.sitemessage { padding:10px; width:315px; height:100px; position:absolute; z-index:20; margin:30px 0 0 10px; color:rgb(234,239,247); /*overflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/; background:url(../ui/pix.png);}
.sitemessage h1 {width:400px; text-align:left; font-size:200%; color:#FFF;}
.sitemessage h2 {float:left; width:320px; margin:8px 0 0 0; text-align:left; line-height:140%; font-size:140%; color:#FFF;}
.sitemessage h3 {float:left; width:320px; margin:10px 0 0 0; text-align:left; font-size:120%;}
.sitemessage h3 a {text-decoration:none; color:#FFF;}
.sitemessage h3 a:hover {text-decoration:none; color:#CCC;}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.column1-unit {width:512px; margin-top:50px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:232px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:left; width:232px; margin-top:60px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:16px;}
.column3-unit-left {float:left; width:150px; margin-top:0px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:150px; margin-top:15px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:15px;}
.column3-unit-right {float:left; width:150px; margin-top:40px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:15px;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer .footer-content {width: 727px; margin: 0 auto; padding-top: 33px}
.footer-content p {line-height:1.3em; text-align:left; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}

/******************/
/*  CLEAR FLOATS  */
/******************/
br.clear-float { clear: both; height: 0 }
hr.clear-contentunit { clear: both; }

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:720px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:720px; background:transparent;}}
@media print {.nav2 {float:left; width:720px; 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:720px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:720px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}