body {
background-color: #999999;
text-align: center;
margin: 0;
padding: 0;
font-family: Arial;
font-size: 12px;
color: #CCCCCC;
}

h1 { font-size: 15px; color: #FFFFFF; font-weight: bold;}
a { text-decoration: none; color: #CCCCCC }
a:hover {text-decoration: underline; color: #FFFFFF; }
a:visited {text-decoration: none; color: #CCCCCC }

#main {
position: relative;
width: 770px;
background-color: #3e3e3e;
}

#header-top {
width: 770px;
height: 45px;
text-align: left;
vertical-align: bottom;
background-color: #3e3e3e;
}

#header-top a img {
position: absolute;
left: 20px;
top: 1px;
z-index: 1;
border: none;
}

#header-bottom {
position: relative;
width: 770px;
height: 60px;
text-align: left;
vertical-align: top;
background-color: #455002;
}

#header-bottom img {
padding-left:20px;
width: 252px;
height: 46px;
}

#nav {
position: absolute;
top: 40px;
right: 20px;
float: right;
text-align: center;
}

/*--  NAVIGATION MENU - Active page/subpages snippet (CSS mouseover) --*/
/*    This CSS snippet is used in conjunction with the javascript      */
/*    code found in the accompanying XSL.                              */

#nav a {
text-decoration: none;
padding: 0px 5px;
margin-top: 10px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
}

#nav a:hover {
background-color: #879913;
}

.nav_selected {
background-color: #879913;
}

/* Necessary only if you want the active page's background color to  */
/* also invert.                                                      */
.nav_selected a:hover {
background-color: transparent;
}

.nav_unselected {
background-color: transparent;
}

/*-- end snippet --*/

#local_header {
position:relative;
text-transform: uppercase;
text-align: center;
letter-spacing:10px;
font-weight:600;
background-color: #455002;
border-top: #CCCCCC 1px solid;
padding: 5px 0px;
width:100%;
height:15px;
line-height:15px;
}

#banner {
width: 770px;
height: 200px;
}

#content_container {
text-align:left;
position:relative;
}

#content {
width:570px;
padding:10px;
vertical-align: top;
}

#submenus {
width: 200px;
font-size: 10px;
vertical-align: top;
background-color: #455002;
}


#submenu_header {
display: block;
text-decoration: none;
background-color: #879913;
color: #FFFFFF;
text-transform:uppercase;
font-weight:800;
padding: 5px;
border-top: solid 1px #000000;
}

#submenu_content {
border-top: #FFFFFF 1px solid;
color: #FFFFFF;
text-transform:uppercase;
font-weight: 800;
background-repeat:repeat-x;
background-color: #455002;
}

.submenu_item {
display: block;
text-decoration: none;
cursor: pointer;
background-color:transparent;
padding: 5px;
}

.submenu_item:hover {
display: block;
text-decoration: none;
background-color: #D2C78F;
color: #000000;
}

.submenu_item_selected {
display: block;
text-decoration: none;
cursor: pointer;
background-color:#D2C78F;
color: #000000;
padding: 5px;
}

.submenu_item_selected:hover {
display: block;
text-decoration: none;
background-color:transparent;
padding: 5px;
color: #ffffff;
}

#footer {
clear: both;
width: 770px;
background-color: #3e3e3e;
height: 40px;
text-transform:uppercase;
}

#global-footer {
padding-top: 3px;
border-top: 1px solid #000000;
width: 90%;
}

#ktfooter {
position: relative;
width: 770px;
background-color: transparent;
}

#ktfooter a {
position:absolute;
right: 0px;
top: 5px;
}

/*-- Content Area --*/