/* GENERAL DEFAULTS */


* {
	margin: 0;
	padding: 0;
	border: none;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: sans-serif;
}

a img {
	border: none;
	vertical-align: middle;
}

img {
	max-width: 100%;
}




/* LAYOUT */

body {
	background-color: #112244;
	color: white;
	margin: 0;
	padding: 0;
}

#main { 
	background-color: white;
	color: black;
	width: 90%;
	min-width: 600px;
	margin: 1em auto;
	border: 2px solid black;
	text-align: left;
}



#banner {
	background-image: url(banner.jpg);
	height: 150px;	
}


#title-icon {
	float: right;
	width: 23%;
	text-align: right;
}

#title-icon img {
	margin: 5px 10% 5px 0;
	padding: 0;
}


h1.title {
	text-align: center;
	margin: 0;
	padding-right: 23%;
	font-family: Helvetica, sans-serif;
}

a.title {
	text-decoration: none;
	color: black;
}


#navbar  {
	background-color: #770000;
	clear: both;
}

#navbar ul {
	margin: 0;
	padding: 5px;
	text-align: left;	
}

#navbar ul li {
	display: inline;
	font-family: sans-serif;
	font-size: large;
	padding-bottom: 5px; /* matches link padding except for left and right */
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

#navbar ul li a {
	background-color: #770000;
	color: #FFCC33;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	text-decoration: none;
}

#navbar ul li a:hover {
	background: #FFCC33;
	color: #770000;
}


#wrapper {
	clear: both;
}

#content {
	width: 77%;
	float: left;
	background-color: white;
}


#content-inner {
	border: none;
	padding: 0 2em;
}

#content h1, #content h2, #content h3, #content h4,
#content h5, #content h6, #content h7,
#content p, #content ul
{
	margin: 1em 0 0 0;
}

#content li {
	margin-left: 2em;
}

#content li ul {
	margin: 0;
}

#content p, #content li {
	text-align: justify;
}


#sidebar {
	width: 23%;
	min-width: 130px;
	float: left;
}

#sidebar-inner {
	margin-right: 1em;
}

#sidebar h1 {
	margin: 1em 0 0 0;
	padding: 1ex 1em;
	background-color: #112244;
	color: #FFCC33;
	text-align: left;
	font-size: large;
}	


#sidebar p {
	margin-bottom: 1em;
}

.sidebar-section {
	background-color: #DDEEFF /*#CCDDEE*/;
	text-align: center;
	padding: 1em;
}	

#homenav {
	width: 50%;
	float: left;
	margin-top: 1em;
	margin-left: -1em;
}

#homenav-inner {
	padding: 0 1em 1em 1em;
	background-color: #FFFFCC;
	border: 1px solid black;
	text-align: left;
}

#homenews {
	width: 50%;
	float: left;
	margin-left: 1em;
}

#homenews-inner {
	padding-left: 1em;
}


#footer {
	clear: both;
	text-align: right;
}

#footer img {
	margin: 1ex;
}




/* SPECIAL FEATURES */

#main .key {          /* "#main" appears everywhere to ensure high specificity */
	background-color: #FFFFCC;
	float: right;
	text-align: left;
	width: 40%;
	min-width: 25ex;
	font-size: small;
	margin: 0 1em;
	border: thin solid black;
	padding: 1em;
}


#main .key h3 {
	margin: 0;
}


#main ul.navbutton {
	text-align: left;
	padding: .5em .5em 0 0;
	margin: 1em 0;
}

#main .navbutton li {
	display: inline;
	margin: 0 1em 0 0;
}

#main .navbutton li a {
	background-color: #FFFFCC;
	color: black;
	font-family: sans-serif;
	font-size: medium;
	/*font-style: italic;*/
	text-decoration: none;
	border: medium outset black;
	padding: .2em 1em;
}

#main .navbutton li a:hover {
	background-color: #FFFFCC;
	color: #FF0000;
}

#main .navbutton li a:active {
	background-color: #FFFFCC;
	color: #FF0000;
	border: medium inset black;
}