@charset "utf-8";

/* CSS Document */
* {margin:0; padding:0;}
body {
    margin: 10px auto;
    background-color: #003366;
	text-align: justify;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #e7e0c2;
}

/** HEADER */
#header {
    height: 150px;
    width: 1000px;
	margin: 0px;
	background: #FFFFFF;
}

/** CONTENT */
#content {
    margin: 0px auto;
	width: 1000px;
    font-size: 12px;
    background: #AFE2FF;
    border: 0px solid #FFFFFF;
}

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
    background: #990000;
    padding: 0px;
    height: 54px;
    width: 1000px;
    background: url(../images/nav-bg.gif);
}

.float-left{
    float: none;
}

.float-right{
    float: none;
}

.nav-container .divider {
    display: block;
    font-size: 1px;
    border-width: 0px;
    border-style: solid;
}

.nav-container .divider-vert {
    float: left;
    width: 0px;
    display: none;
}

.nav-container .item-secondary-title{
    display: block;
    cursor: default;
    white-space: nowrap;
}

.clear {
    font-size: 1px;
    height: 0px;
    width: 0px;
    clear: left;
    line-height: 0px;
    display: block;
    float: none;
}

.nav-container{
    height: 30px;
    margin: 0px;
    background: url(../images/nav-bg.gif) repeat-x left top;
}

.nav-container a, .nav-container li{
    float: left;
    display: block;
    white-space: nowrap;
}

.nav-container div a, .nav-container ul a, .nav-container ul li{
    float:none;
}

.nav-container ul{
    left: -10000px;
    position: absolute;
}

.nav-container, .nav-container ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.nav-container li a {
    float:none;
}

.nav-container li {
    position: relative;
}

.nav-container ul{
    z-index: 10;
}

.nav-container ul ul{
    z-index: 20;
}

.nav-container ul ul ul{
    z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/
#nav-container a{
padding:7px 17px 10px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Arial, MS Sans Serif, Helvetica;
font-size: 14px;
text-decoration: none;
font-weight: bold;
background: url(../images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #6C3600;
background: url(../images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/
#nav-container div, #nav-container ul{
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(../images/item-secondary-container-bg.gif);
background-repeat: repeat-x;
background-color: #00BBFF;
border-bottom: 1px solid #006699;
}

/*^'^ Secondary Items ^'^*/
#nav-container div a, #nav-container ul a{
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(../images/item-secondary-bg.gif);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size: 12px;
font-family: Arial, MS Sans Serif, helvetica;
font-weight: normal;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: auto;
}

/*^'^ Secondary Items Hover State ^'^*/
#nav-container div a:hover, #nav-container ul a:hover{
background-color: #FFFFFF;
background: url(../images/item-secondary-bg.gif);
background-repeat: repeat-x;
color:#CC0000;
}

/*^'^ Secondary Item Titles ^'^*/
#nav-container .item-secondary-title{
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, MS Sans Serif, Helvetica;
font-size:11px;
background-repeat: no-repeat;
font-weight: normal;
}

/*^'^ Horizontal Dividers ^'^*/
#nav-container .divider-horiz{
border-top-width: 1px;
margin: 5px 5px;
border-color: #006699;
}

/*^'^ Vertical Dividers ^'^*/
#nav-container .divider-vert{
border-left-width: 1px;
height: 15px;
margin: 4px 2px 0px 2px;
border-color: #ffffff;
}

#nav-container .r1{
 background-position: right;
 background-image: url(../images/r1.gif);
}

.btn {
	height: 25px;
	width: 75px;
	color: #000;	
	border: thin solid #000;
	background: url(../images/btn1.jpg) center repeat-x;
}

.btn:hover {
	color: #fff;
	background-color: #777;
	border: thin solid #fff;	
	background: url(../images/btn2.png) center repeat-x;
}

input {
	border: thin solid #00f;	
}

input:hover {
	border: thin solid #f00;
	background-color: #ffb;	
}

#footer {
    height: 50px;
    background:url(../images/footer_bgd2.gif) repeat-x;
    margin: 0px auto;
	width: 1000px;
    font-size: 12px;
    border: 0px solid #B5B5B5;
}

/*footer*/
#footer .indent { padding:12px;}
#footer .fcenter { color: #ffffff;}
#footer .fcenter a { color:#ffffff;}