div#left_column ul { /* remove bullets from blog sidebar */
	list-style: none;
	margin: 0;
	padding: 0;
}

@charset "utf-8";

html {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	background-color: #001428;
}

body {
	font-size: 0.7em;
	line-height: 1.6;
	margin: 0px;
}

a:link, a:visited {
	color: #76CEDE;
}

a:hover {
	color: #B9E6FD;
}

img {
	border: 0px;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

button {
	line-height: normal;
	padding: 0px 3px;
	width: 1px;
	width: auto;
	overflow: visible;
}

hr {
	color: #004080;
}

div#container {
	background: url(img/back.jpg) #000000 top center no-repeat;
	color: #DAF1FA;
	width: 800px;
	margin: 0px auto;
	border-left: 3px solid #1C3048;
	border-right: 3px solid #1C3048;
	overflow: hidden;
}

div#header {
	color: #DAF1FA;
	float: left;
	width: 792px;
	padding: 4px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 10px;
}

div#header h1 {
    text-indent: -10000px;
	color: #D7EBFF;
	margin-top: 20px;
}

div#header div#search_box {
	float: right;
	position: relative;
	margin-right: 10px;
}

div#header div#search_box form {
	margin-bottom: 0px;
	margin-top: 18px;
}

input.search_box {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	color: #DAF1FA;
	border: 0px;
	background: none;
	padding: 0px;
	height: 1.2em;
	padding: 0.3em;
	line-height: normal;
	float: left;
}

div.search_text {
	background-color: #001F3E;
	border: 1px solid #263A59;
	padding: 2px;
	word-spacing: 0px;
	float: left;
}

a.search_button {
	padding: 0px;
	height: 19px;
	width: 19px;
	vertical-align: -2px;
	float: left;
	background: url(img/search_icon.png) top center;
}

a.search_button:hover {
	background-position: bottom center;
}

div#nav {
	display: none;
}

div#left_column {
	margin: 0px;
	width: 192px;
	padding: 30px 4px 4px 4px;
	float: left;
	color: #DAF1FA;
	min-height: 500px;
	overflow: hidden;
}

div.character_fade img {
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
	width: 100px;
	height: 100px;
}

div#content {
	color: #8EAED5;
	margin: 0px;
	float: left;
	width: 582px;
	padding: 4px;
	margin-left: 10px;
	overflow: hidden;
}

div#content h2 {
	text-align: center;
	font: bold 1.8em Georgia, "Times New Roman", Times, serif;
	margin-top: 30px;
	color: #C7D6E7;
}

div#content h3 {
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	margin-top: 30px;
	color: #B9D7F4;
}

div#footer {
	background: #162230;
	color: #5EAEFF;
	margin: 0px;
	float: left;
	width: 792px;
	padding: 20px 4px;
	text-align: center;
	overflow: hidden;
}

div.picture_grid {
	margin: 15px 0px;
	text-align: center;
}

div.picture_grid a {
	display: inline-block;
	width: 9em;
	text-align: center;
	margin: 10px 3px;
	cursor: pointer;
	padding: 3px;
	background: none;
	text-decoration: none;
}

div.picture_grid a:hover {
	background: #293F87;
}

div.picture_grid a img {
	display: block;
	margin-bottom: 2px;
	width: 100px;
	height: 80px;
}

div.picture_grid a span {
	display: block;
	height: 3.2em;
	overflow: hidden;
}

.image_left {
	overflow: hidden;
}

.image_left img {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}

/* CODE FOR MENU */

.ddcolortabs{
padding: 2px 0px;
width: 100%;
background: url(img/menu_back.png);
voice-family: "\"}\"";
voice-family: inherit;
font-size: 1.1em;
overflow: hidden;
clear: both;
}

.ddcolortabs ul{
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
float: left;
padding:0;
font-weight: bold;
}

.ddcolortabs a{
float:left;
color: #A5C7E2;
text-decoration:none;
padding: 4px 8px;
margin-left: 10px;
background: url(img/nav_back.png) -1000px -1000px repeat-x;
}

.ddcolortabs .selected a, .ddcolortabs a:hover{ /*currently selected/hovered tab*/
background-position: 0% 100%;
color: #DBEEF9;
}

/* ######### Style for Drop Down Menu ######### */

.menu_section {
overflow: hidden;
padding-left: 10px;
background: url(img/menu_back.png);
}

.menu_section span {
display: block;
font-weight: bold;
margin-bottom: 2px;
margin-top: 15px;
}

.menu_section a {
float: left;
margin-right: 10px;
}

.dropmenudiv{
position:absolute;
top: 0;
left: 0;
border: 1px solid #004E9B; /*THEME CHANGE HERE*/
z-index:100;
background: #1B254B;
width: 14em;
visibility: hidden;
margin-top: -1px;
}

.dropmenudiv span{
display: none;
}

*:first-child+html .dropmenudiv{ /*add margin for ie7*/
margin-left: 3px;
}

* html { /*add margin for ie6*/
margin-left: 3px;
}

.dropmenudiv a{
width: auto;
display: block;
color: #B3D9FF;
text-decoration: none;
padding: 3px 4px;
border-top: 1px solid #003366;
background: none;
}

* html .dropmenudiv a{ /*IE6 only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background: #003162;
color: white;
}
