/* style.css */

/* layout */
html, body {
   margin: 0;
   padding: 0;
   height: 100%; /* Required */
   }

body {
   background-color: #a0a0a0;
   }

#main_container {
   width: 900px;
   margin-top: 0px;
   margin-left: 0px;
   padding: 0px;
   border-right: 3px solid #fff;
   background-color: white;
   position: relative;
   display: block;
   min-height: 100%; /* For Modern Browsers */
   height: auto !important; /* For Modern Browsers */
   height: 100%; /* For IE */
   }

#top_container {
   width: 900px;
   height: 245px;
   margin: 0;
   padding: 0;
   position: relative;
   display: block;
   }

#top_graphic {
   background-image: url(/img/bg-top.jpg);
   background-color: white;
   width: 900px;
   height: 170px;
   margin: 0;
   padding: 0;
   position: relative;
   display: block;
   }

#top_menu {
   background-color: #042a8b;
   width: 900px;
   height: 40px;
   margin: 0;
   padding: 0;
   position: relative;
   display: block;
   }

#menu {
   height: 40px;
   background-color: #042a8b;
   border-left: 1px solid white;
   margin: 0px;
   margin-left: 20px;
   position: relative;
   display: block;
   }

#top_flags {
   background-color: white;
   width: 900px;
   height: 14px;
   margin: 0;
   border-top: 1px solid white;
   border-bottom: 1px solid white;
   padding: 0;
   text-align: right;
   position: relative;
   display: block;
   }

#top_subnav {
   background-color: white;
   width: 880px;
   height: 15px;
   margin: 0px;
   margin-left: 20px;
   padding: 0px;
   text-align: left;
   display: block;
   position: relative;
   }

#content_container {
   width: 900px;
   margin: 0px;
   padding: 0px;
   background-color: white;
   position: relative;
   display: block;
   }

/** important **/
#content_container:after {
   clear: both;
   display: block;
   font: 1px/0px serif;
   content: ".";
   height: 0;
   visibility: hidden;
   }

#content {
   float: left;
   margin-left: 20px;
   width: 500px;
   padding: 0;
   position: relative;
   display: block;
   }

#content_cms {
   float: left;
   margin-left: 20px;
   width: 850px;
   padding: 0;
   position: relative;
   display: block;
   }

#content_right {
   float: left;
   margin-left: 80px;
   width: 300px;
   padding: 0;
   position: relative;
   display: block;
   }

#footer_container {
   width: 900px;
   height: 30px;
   margin: 0;
   padding: 0;
   background-color: white;
   bottom: 0 !important;
   bottom: -1px;
   position: absolute;
   display: block;
   }

#footer_left {
   float: left;
   margin-top: 5px;
   margin-left: 20px;
   text-align: left;
   }

#footer_right {
   float: right;
   margin-top: 5px;
   text-align: right;
   }

/* text */

body, h1, h2, h3, p {
   font-family: Century Gothic, Verdana;
   font-size: 9pt;
   }
   
h1 {
   font-size: 12pt;
   font-weight: bold;
   color: #042a8b;
   }

h2 {
   font-size: 10pt;
   font-style: italic;
   color: black;
   }

p {
   font-size: 9pt;
   color: black;
   }

p.small {
   font-size: 8pt;
   color: black;
   margin: 0;
   padding: 0;
   }

/* NAVIGATION MENU */

#nav, #nav ul {
   float: left;
   padding: 0;
   margin: 0;
   list-style: none;
   text-align: left;
   height: 38px;
   font-family: Arial, Verdana;
   font-size: 11pt;
   }

#nav a {
   display: block;
   color: white;
   text-decoration: none;
   text-align: left;
   padding-left: 10px;
   }
   
#nav a:hover {
   display: block;
   color:#ffffff;
   text-decoration: underline;
   text-align: left;
   }

#nav a.active {
   display: block;
   color: white;
   text-decoration: none;
   text-align: left;
   background-color: #3650a1;
   /* background-image:url(/img/nav-bg-active.jpg); */
   padding-left: 10px;
   }
   
#nav a.active:hover {
   display: block;
   color: white;
   text-decoration: underline;
   text-align: left;
   }

#nav li {
   float: left;
   width: 7.0em;
   background-color: #3650a1;
   /* background-image:url(/img/nav-bg.jpg); */
   height: 40px;
   border-right: solid 1px white;
   text-align: left;
   text-transform: uppercase;
   line-height: 2.8;
   }

/* CMS specific styles */
#login {
   margin-left: 10px;
   color: white;
   }
#login h1, #login p, #login p.small {
   color: white;
   }

#login a {
   color: white;
   }