body {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 11px;
 text-align: center;
 margin: 0px;
 padding: 0px;
 color: #FFFFFF;
 background: #000000;
}

table {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 11px;
}

table td {
 vertical-align: top;
}

a {
 text-decoration: none;
 color: #0178BE;
}

img {
 border: 0px;
}

#header {
 float: left;
 height: 165px;
 width: 100%;
 text-align: left;
 background: #000000;
 padding: 0px 0px 0px 0px;
}

#footer {
 float: left;
 width: 100%;
 height: 100px;
 background: #000000 url(../images/mission.jpg) no-repeat 40px 10px;
 clear: both;
}

/******************************************************************************************************************************************/
/* header */
/******************************************************************************************************************************************/

#logo {
 float: left;
 margin: 45px 50px 0px 50px;
}

.keywords {
 float: left;
 margin-top: 0px;
 margin-left: 150px;
}

/******************************************************************************************************************************************/
/* footer */
/******************************************************************************************************************************************/

/******************************************************************************************************************************************/
/* menu */
/******************************************************************************************************************************************/

ul.menu {
 height: 410px;
 font-size: 14px;
 font-weight: bold;
 text-transform: uppercase;
 padding: 0px 0px 0px 12px;
 margin: 20px 0px 0px 0px;
 list-style-type: none;
}

ul.menu li {
 float: left;
 display: block;
 line-height: 30px;
 white-space: nowrap;
 clear: both;
}

ul.menu li a {
 display: block;
 color: #FFFFFF;
 padding: 3px 10px 3px 21px;
}

ul.menu li a:hover {
 display: block;
 color: #000000;
 background: url(../images/arrow.gif) no-repeat 10px 50%;
}

ul.menu li a.selected {
 display: block;
 color: #000000;
 background: url(../images/arrow.gif) no-repeat 10px 50%;
}

ul.menu li.li-selected {
 margin-bottom: 9px;
}

ul.menu li a.sub-selected {
 display: block;
 color: #000000;
 background: url(../images/arrow-down.gif) no-repeat 7px 50%;
}

ul.menu ul.sub-menu {
 font-size: 12px;
 margin: 0px 0px 0px 12px;
 padding: 0px;
 list-style-type: none;
}

ul.menu ul.sub-menu li {
 float: left;
 line-height: 22px;
 clear: both;
}

ul.menu ul.sub-menu li a {
 float: left;
 display: block;
 color: #FFFFFF;
 font-weight: bold;
 padding: 0px 10px;
}

ul.menu ul.sub-menu li a:hover {
 color: #000000;
 background: none;
}

ul.menu ul.sub-menu li a.selected {
 color: #000000;
 background: none;
}

/******************************************************************************************************************************************/
/* right */
/******************************************************************************************************************************************/

#right {
 float: left;
 width: 250px;
 height: 515px;
}

.bottom-links {
 float: left;
}

.bottom-links div {
 margin: 5px 5px 5px 35px;
}

.bottom-links a {
 color: #FFFFFF;
}

.bottom-links a:hover {
 color: #000000;
}

/******************************************************************************************************************************************/
/* main */
/******************************************************************************************************************************************/

#bg {
 float: left;
 width: 100%;
 background: #005FAA;
}

#main {
 float: left;
 width: 1100px;
 height: 515px;
 text-align: left;
 background: #005FAA;
}

.content {
 float: left;
 width: 809px;
 height: 515px;
 background-color: #000000;
 background-position: left top;
 background-repeat: no-repeat;
 overflow: hidden;
}

#text-content {
 float: left;
 position: absolute;
 left: 0px;
 width: 270px;
 color: #333333;
 background: #FFFFFF;
 overflow: hidden;
 opacity: 0.9;
 filter: alpha(opacity=90);
 z-index: 2;
}

#text-content-div {
 margin: 20px 0px 0px 20px;
 width: 230px;
}

.scrollable {
 float: left;
 height: 450px;
 width: 230px;
 margin-bottom: 10px;
 border: 0px solid red;
 overflow: auto;
}

#text-content .scrollable p {
 float: left;
 width: 200px;
 margin-top: 0px;
 margin-bottom: 12px;
}

#text-content p {
 float: left;
 width: 230px;
 margin-top: 0px;
 margin-bottom: 12px;
}

.close-arrow {
 float: left;
 width: 230px;
 clear: both;
 padding-bottom: 15px;
}

#bottom-rectangle {
 position: relative;
 left: 0px;
 top: 505px;
 float: left;
 width: 270px;
 height: 10px;
 background: #005FAA;
 opacity: 0.9;
 filter: alpha(opacity=90);
 overflow: hidden;
}

.gallery-image {
 float: left;
 margin: 0px;
}

.mr {
 margin-right: 1px;
}

.mb {
 margin-bottom: 1px;
}

#text-content h1 {
 float: left;
 width: 230px;
 font-size: 12px;
 font-weight: bold;
 margin-bottom: 12px;
}

#text-content h2 {
 float: left;
 width: 230px;
 font-size: 11px;
 font-weight: bold;
 margin-bottom: 9px;
}

.red {
 color: #D71A21;
}

.italic {
 font-style: italic;
}

.bold {
 font-weight: bold;
}

.floatleft {
 float: left;
}

.floatright {
 float: right;
}

.clearboth {
 clear: both;
}

.textcenter {
 text-align: center;
}

.ul {
 list-style-position: outside;
 margin-left: 15px;
 padding: 0px;
}

.sub-ul {
 padding-left: 20px;
}

.li {
 color: #333333;
 line-height: 150%;
}

.legals-top {
 height: 15px;
 font-size: 9px;
 font-weight: bold;
 text-align: center;
 margin-bottom: 7px;
 border-bottom: 1px dotted #000000;
}

/******************************************************************************************************************************************/
/* forms */
/******************************************************************************************************************************************/

.form-field {
 float: left;
 width: 230px;
	padding: 3px 0px;
	text-align: left;
}

label, .empty {
 float: left;
	padding-top: 4px;
	padding-right: 3px;
}

.label, .empty {
	font-weight: bold;
	width: 61px;
	text-align: right;
}

.text-field, .textarea, .select {
 float: left;
 width: 160px;
}

.radio, .checkbox {
 float: left;
	margin-top: 5px;
	margin-right: 3px;
}

.button {
 border: 1px solid #666666;
	background: #DDDDDD;
}

.error {
 float: left;
 width: 200px;
 color: #FF0000;
	font-weight: bold;
	text-align: center;
	padding: 9px;
	border: 1px solid #FF0000;
	margin: 10px 10px 10px 7px;
}

.bottom-note {
 float:left;
 margin-top: 5px;
}

.select-button-div {
 margin-left: 5px;
}

/******************************************************************************************************************************************/
/* debug */
/******************************************************************************************************************************************/

/*

div,img,p {
 border: 1px solid red;
}

*/