@charset "utf-8";
/* Hex values for the colors:
	gray blue			#9bcee5
	really light blue 	#d4ecfb
	light blue 			#9cf
	normal 'cool' blue 	#09f
	dark blue 			#004f84
	*/

/* ======= General Things ======= */
* {margin:0; padding:0;}

body {padding:1em 2em; background:#fff url('../images/bg-top.png') repeat-x 0 0;}

h1 {font:normal 22pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#09F; letter-spacing:.1em;}
h2 {font:bold 14pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#004f84; text-align:center; padding:0 .5em;}

p, li, input {margin:.5em 0; font:10pt Tahoma, Geneva, sans-serif; color:#333;}
li {margin:.5em 0 .5em 2em;}

img {border:none;}

strong {}

.red {color:#f00;}
.green {color:#0C0;}

#wrapper {margin:0 auto; width:800px;}


/* ======= Links ======= */
a, a:visited {text-decoration:none; color:#04f;}
a:hover, a:active {text-decoration:none; color:#06b; text-decoration:underline;}


/* ======= Logo Area ======= */
/*#logo, #title, #header {border:1px solid #f0f;}*/
#logo {width:800px; height:auto; overflow:hidden; padding-bottom:2em;}
#logo img {display:block; border:0; margin-bottom:.3em;}

#title {font:bold 22pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff; letter-spacing:.1em; float:left;}
#title a {color:#fff;}

#header{font:normal 14pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#09f; letter-spacing:.1em; text-align:right; float:right; margin-top:90px;}
#header:first-line {font-size:18pt; color:#07d;}

#logo span {font:bold 14pt  Georgia, "Times New Roman", Times, serif; color:#09f; display:inline-block; width:300px; text-align:center;}


/* ======= Menu Area ======= */
#menu {clear:both; overflow:hidden; width:800px; padding-left:.5em;}
#menu a {
padding:.5em 1em; display:inline-block; width:auto; height:1.5em; letter-spacing:.1em; text-align:center;
font:12pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		}
#menu a, #menu a:visited {color:#004f84; background-color:#9cf;}
#menu a:hover, #menu a:active {color:#09f; background-color:#d4ecfb; text-decoration:none;}
#menu a.active {color:#fff; background-color:#09f; text-decoration:none;}


/* ======= Content Area ======= */
#content_box {
width:800px; border:4px solid #09F; clear:both; border-top-width:8px; overflow:hidden; background:#fff;}

#left_column {margin:1em; width:200px; height:auto; float:left; clear:left; display:inline-block; background-color:#9bcee5; overflow:hidden;}				
#left_top {height:9px; width:200px; background:url('../images/box_top.png') no-repeat;}
#left_bottom {height:8px; width:200px; background:url('../images/box_bottom.png') no-repeat;}

#left_column p {padding:.5em;}

#right_column {margin:1em; width:500px; height:auto; clear:right; display:inline-block; overflow:hidden;}



#footer {text-align:center; width:800px;}
#footer p {color:#999; font:8pt Tahoma, Geneva, sans-serif;}


.clearer {clear:both;}


/* ======= Forms ======= */
fieldset {border:4px double #d4ecfb; height:auto; width:auto; padding:.5em;}
label {
margin:1em 0; display:inline-block; width:10em; font:12pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing:.1em;}
input, textarea {
display:inline-block; padding:.25em; border:3px solid #aaa; font-size:12pt; font-weight:bold;}
input:hover {
border-color: #9cf;