html {
	max-width: 100%;
	max-height: 100%;
	padding: 0px;
	margin: 0px;
}

body {
	background-color: #dadbdd;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: black;
}

div {
	border: 0px;
}

div#outer {
	 position: relative;
	 top: 320; 
	left: 50%;
	width: 830px;
	height: 630px;
	margin-top: -315px;
	margin-left: -415px;
}

div#debug {
	position: absolute;
    top:50%;
    margin-top: 320px;
    
}

div#shadow {
	position: absolute;
	margin-top: 30px;
	margin-left: 30px;
	background-color: #00264e;
	width: 800px;
	height: 600px;
}

div#main {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	width: 800px;
	height: 600px;
}

div.header {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    padding-bottom:10px;
    border-bottom: 1px solid #000000;
    margin-bottom:10px;
}

div#content {
    
    position: absolute;
    margin-left:20px;
    width: 500px;
    #width: 540px;
}

div#menu {
    
    position: absolute;
    width:200px;
    right: 0px;
    margin-right: 20px;
}

div.logo {
    text-align: right;
}

div#right-footer {
	color: white;
	position: absolute;
	right: 10px;
	bottom: 5px;
	padding: 0px;
}

div.home-box {
    float: left;
    width:120px;
    height:120px;
    margin: 2px;
    text-align: center;
    vertical-align: bottom;
}

div.lightgraybg {
    background-image: url("../img/home/square-lightgray.png");
    background-repeat: no-repeat;
}

div.darkgraybg {
    background-image: url("../img/home/square-darkgray.png");
    background-repeat: no-repeat;
}

div.lightbluebg {
    background-image: url("../img/home/square-lightblue.png");
    background-repeat: no-repeat;
}

div.darkbluebg {
    background-image: url("../img/home/square-darkblue.png");
    background-repeat: no-repeat;
}

div.clear {
    clear:left;
}

.bigtext {
    font-family: "Arial Black", Arial, Helvetica;
    font-size: 18px;
}

.mediumtext {
    font-family: "Arial Black", Arial, Helvetica;
    font-size: 12px;
}

.blue {
    color: #00264e;
}
        
.intense {
	font-family: Arial Black, sans-serif;
	font-weight: 900;
}

ul.menu {
	list-style-image: url("../img/menu/bullet-blue.png");
	
	}

ul.submenu {
	list-style-image: url("../img/menu/bullet-green.png");
}

A:visited {
	text-decoration: none; 
	color: #00264e;
}

A:hover {
	text-decoration: underline; 
	color: #00264e;
	
	}

A:link {
	text-decoration: none; 
	color: #00264e;
	
	}

A:active {
	text-decoration: none; 
	color: black;
	
	}