html, body {
        color: #99CCFF;
        background: #0A3862;
        margin: 0;
        padding: 0;
        border: 0px none;
        }

/* First, this is the invisible container that holds the other boxes */

div#container {
	width: 950px;
	margin: 15px auto 0px;
	background: white;
	}


/* Now the boxes that hold the content and sit within the container */

div#sidebar {
	float: left;
	width: 67px;
	height: 730px;
	background: #344E72;
	}

div#topbar {
	float: right;
	width: 883px;
	height: 60px;
	font: italic bold 24pt arial;
	color: white;
	text-align: center;
	vertical-align: middle;
	}

div#main {
	float: right;
	padding: 10px;
	width: 863px;
	margin-bottom: 40px;
	background: #002951;
	font: 12pt arial;
	text-align: justify;
	color: #99CCFF;
	}

div#main img {
	border-color: white;
	}
	
* html div#main {
        margin-left:0;
        height:1%;
        }


div#main a:link {
	color: white;
	text-decoration: none
	}
	
div#main a:visited {
	color: white;
	text-decoration: none
	}

div#main a:hover {
	color: #0A3862;
	text-decoration: none;
	background: white
	}

div#main a:active {
	color: #FF9900;
	text-decoration: none
	}


div#topbar a:link {
	color: white;
	text-decoration: none
	}
	
div#topbar a:visited {
	color: white;
	text-decoration: none
	}

div#topbar a:hover {
	color: #0A3862;
	text-decoration: none;
	background: white
	}

div#topbar a:active {
	color: #FF9900;
	text-decoration: none
	}

/* heading styles */

h1 { 
	padding:0; 
	margin:0; 
	color: white;
	background: inherit;
	font: bold 1.5em Arial, Sans-Serif; 
	letter-spacing: -1px;
	}


h2 { 
	padding:0; 
	margin:0; 
	color: white; 
	background: inherit;
	font: bold 1.2em arial bold;
	letter-spacing: -1px;
	}
