body {
	background:url(bg.gif) repeat-x top #9f9f9f;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img {
	border:0;
}

#container {
	margin:auto;
	width:800px;
}

#logo {
	height:126px;
	text-align:left;
}

#randompic {
	width:571px;
	height:164px;
	float:left;
}

#submarine {
	width:229px;
	height:164px;
	background: url(submarine.jpg);
	float:right;
	text-align:right;
}

/* -------------------------------------------- */
/* -----------------QUICKLINKS----------------- */
/* -------------------------------------------- */

#quicklinks {
	padding:3px 5px 0 0;
}

#quicklinks a {
	color:#FFFFFF;
	padding-top:2px;
	margin:2px;
	text-decoration: none;
}

#quicklinks a:hover {
	color:#999999;
}

/* -------------------------------------------- */
/* -----------------SEARCH--------------------- */
/* -------------------------------------------- */

#search {
	margin-top:120px;
	padding-right:5px;
}


*html #search {			/* IE 5.5 - 6.x */
	margin-top:108px;
} 

html + body #search {		/* IE 5.0 */
	margin-top:108px;
}

#searchbox {
	font-size:10px;
	border:1px solid #666666;
	color:#999999;
	width:100px;
}

#go {
	margin:0 5px 0 5px;
}

/* -------------------------------------------- */
/* -----------------WRAPPER-------------------- */
/* -------------------------------------------- */

#wrapper {
	background:url(3col_bg.gif) repeat-y;
	text-align:left;
}

/* -------------------------------------------- */
/* -----------------MAINMENU------------------- */
/* -------------------------------------------- */

#mainmenu {
	text-align:left;
	width:798px;
	margin-left:1px;
	height:21px;
	background:#BBBBBB;
	clear:both;
	font-weight:bold;
}

#mainmenu ul {
	margin:0;
	padding:0;
	float:left;
	width:100%;
}

#mainmenu ul li {
	display:inline;
}

#mainmenu ul li a {
	color:#000000;
	margin:0;
	padding:3px 5px 3px 5px;
	border-right: 1px solid #666666;
	height: 100%;
	text-decoration: none;
	float: left;
}

#mainmenu a:hover, #mainmenu ul li.active a:hover {
	background:#e6eaf0;
}

#mainmenu ul li.active a {
	background:#aeaeae;
}

/* -------------------------------------------- */
/* -----------------GRADIENT------------------- */
/* -------------------------------------------- */

#gradient {
	width:798px;
	height:30px;
	margin-left:1px;
	background: url(gradient.gif) repeat-x;
}

/* -------------------------------------------- */
/* -----------------LEFT----------------------- */
/* -------------------------------------------- */

#left {
	float:left;
	width:165px;
	margin-left:1px;
	font-size:12px;
	font-weight:bold;
}

.menu-level1-no a, .menu-level1-act a {
	color:#000000;
	padding:10px 0 10px 10px;
	border-bottom: 1px solid #000000;
	width: 140px;
	height: 100%;
	display: block;
	text-decoration: none;
}

.menu-level2-no a, .menu-level2-act a {
	color:#000000;
	padding:10px 0 10px 20px;
	border-bottom: 1px solid #000000;
	width: 130px;
	height: 100%;
	display: block;
	text-decoration: none;
	background-color:#d5e0f0;
}


.menu-level3-no a, .menu-level3-act a {
	color:#000000;
	padding:5px 0 5px 30px;
	border-bottom: 1px solid #000000;
	width: 120px;
	height: 100%;
	display: block;
	text-decoration: none;
	background-color:#ccc4ff;
}

*html .menu-level1-no a {		/* IE 5.5 - 6.x */
	width: 150px;
}

*html .menu-level1-act a {		/* IE 5.5 - 6.x */
	width: 150px;
}

*html .menu-level2-no a {		/* IE 5.5 - 6.x */
	width: 150px;
}

*html .menu-level2-act a {		/* IE 5.5 - 6.x */
	width: 150px;
}

*html .menu-level3-no a {		/* IE 5.5 - 6.x */
	width: 150px;
}

*html .menu-level3-act a {		/* IE 5.5 - 6.x */
	width: 150px;
}

html + body .menu-level1-no a {		/* IE 5.0 */
	height:30px;
	width: 150px;
}

html + body .menu-level1-act a {	/* IE 5.0 */
	height:30px;
	width: 150px;
}

html + body .menu-level2-no a {		/* IE 5.0 */
	width: 150px;
	height:30px;
}

html + body .menu-level2-act a {	/* IE 5.0 */
	width: 150px;
	height:30px;
}

html + body .menu-level3-no a {		/* IE 5.0 */
	width: 150px;
	height:30px;
}

html + body .menu-level3-act a {	/* IE 5.0 */
	width: 150px;
	height:30px;
}

.menu-level1-act a:hover, .menu-level1-no a:hover {
	background:#efd9c1;
}

.menu-level2-act a:hover, .menu-level2-no a:hover {
	background-color:#efc4c1;
}

.menu-level3-act a:hover, .menu-level3-no a:hover {
	background-color:#f3eca4;
}

.menu-level1-act a, .menu-level2-act a, .menu-level3-act a {
	color:#de2127;
}

#left p {
	margin:0;
}

.newsletter_field {
	margin:5px;
	width:120px;
	color:#999999;
}

.newsletter_button {
	margin-left:5px;
	width:68px;
	height:14px;
	border:1px solid #CCC;
}

/* -------------------------------------------- */
/* -----------------ROOTLINE------------------- */
/* -------------------------------------------- */

#rootline {
	font-size:11px;
}

#rootline p {
	color:#999999;
	margin:5px 0 0 0;
}

#rootline a.rootline {
	color:#999999;
	text-decoration:none;
}

#rootline a.rootline:hover {
	text-decoration:underline;
}

/* -------------------------------------------- */
/* -----------------CONTENT-------------------- */
/* -------------------------------------------- */

#content {
	width:490px;
	float:left;
	font-size:14px;
}

.header {
	color:#f29936;
}

#content h1 {
	color:#202b39;
	margin:5px 0 10px 0;
	font-size:24px;
}

#content h2 {
	color:#202b39;
	margin:20px 0 10px 0;
	font-size:18px;
}

#content h3 {
	color:#202b39;
	margin:20px 0 5px 0;
	font-size:15px;
}

#content p {
	margin:0;
}

#content a {
	color:#0000ff;
}

#content a:hover {
	color:#222b3a;
	text-decoration:none;
}

table.contenttable {
	border-top: 1px dashed #b6bcc4;
	margin-top:10px;
	width:100%;
	font-size:12px;
}

table.contenttable td {
	border-bottom: 1px dashed #b6bcc4;
	padding:5px;
}

/* -------------------------------------------- */
/* -----------------RIGHT---------------------- */
/* -------------------------------------------- */

#right {
	width:120px;
	float:right;
	margin-right:5px;
	font-size:11px;
}

#right p {
	margin:0px;
}

#right a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#right a:hover {
	color:#222b3a;
}

/* -------------------------------------------- */
/* -----------------FOOTER--------------------- */
/* -------------------------------------------- */

#footer {
	clear:both;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	text-align:center;
	padding-top:20px;
	font-size:10px;
}

#footer a {
	color:#999999;
	text-decoration: none;
}

#footer a:hover {
	color:#000000;
}
