@charset "utf-8";
/* CSS Document */

.banner {
	border-top: solid;
	border-bottom: solid;
	border-color: #FFFFFF;
	border-width: 5px;
}

.footer {

	font-family:Verdana, Geneva, sans-serif;
	bottom: 0;
	width: 100%;
	color: #666666;
	font-size:10px;
	text-align: center;
	line-height: 1.5em;
	margin: 0 auto;
}

.titles {
	font-family: Verdana, Geneva, sans-serif;
	color: #000066;
	font-size:16px;
}

.body {
	background: url(bodybg.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: top;
	font-family:Verdana, Geneva, sans-serif;
	color: #000033;
	font-size:13px;
	text-align: left;
	line-height: 1.5em;
}

.content {
	border: solid;
	border-color: #999999;
	border-width: 5px;
}

.box {
	font: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #FF6600;
	border: solid;
	border-width: 2px;
	border-color: #CCCCCC;
	padding: 5px;
	text-align: center;
	line-height: 1.5em;
	background-color: #EFEFEF;
}

.box b {
	color: #000033;
	text-decoration: underline;
	line-height: 2em;
}

.tables {
	border-right: solid;
	border-bottom: solid;
	border-top: none;
	border-left: none;
	border-color: #CCCCCC;
	border-width: 2px;

}

.tables td {
	border-left: solid;
	border-top: solid;
	border-right: none;
	border-bottom: none;
	border-color: #CCCCCC;
	border-width: 2px;
	font-size:12px;

.whitebg {
    background:white;
}


.image { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

h2 { 
   position: absolute; 
   bottom: 0; 
   left: 0; 
   width: 100%;
}

h2 span { 
   color: white; 
   font: bold 22px/36px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(255, 102, 0); /* fallback color */
   background: rgba(255, 102, 0, 1);
   padding: 10px; 
}

h2 .spacer {
   padding:0 5px;
}

a:link {color: #000033; }
a:visited {color: #FF6600; }
a:hover {color: #999999; }
a:active {color: #FF6600; } 

small a:link {color: #666666; }
small a:visited {color: #FF6600; }
small a:hover {color: #999999; }
small a:active {color: #FF6600; } 

body { 
	background: #333333;
	background-repeat: repeat;
	background-attachment: fixed;
}



hr {
	border: 0;
	width: 100%;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 2px;
}

ul{
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

li{
    margin-top: 10px;
}

/* Header */
.header{
    background-color: #666666;
    position: static;
    top: 0;
    width: 800px; 
}


/* Logo */
.logo{
    display: inline-block;
    color: #FFFFFF;
    font-size: 10px;
    margin-left: 10px;
}


/* Nav menu */
.nav{
    width: auto; /* was 100% */
    height: 100%;
    position: relative;
    right: 0px;
    background-color: #666666;
    overflow: hidden;

}




/* Responsiveness */
@media (min-width: 750px) {
    .nav{
        max-height: none;
        top: 0;
        position: relative;
        float: right;
        width: 800px;
    }
    .menu li{
        float: left;
        text-align: center;
    }
    .menu a:hover{
        background-color: transparent;
        color: #000033;

    }

    .hamb{
        display: none;
    }
}