/*
*	navs.css
*	29 Oct 08
*	Chris Lane
*	www.ozeanmedia.com
*/


/* Typography */
#content p,
#content ul.list li,
#content ol li,
#content table td,
#content table th,
legend,
#recent_news ul li a,
#blog_headlines_block ul li a,
a.forgot_password,
#login_form p,
p.force_font{
 	color: #BED63A;
 	font-family: "Lucida Sans Unicode", "Lucida Sans";
 	font-size: small;
}

a.forgot_password{
 	padding-top: 2px;
 	color: #E5FF4F;
 	position: absolute;
 	font-size: x-small;
 	text-decoration: none;
}

a.forgot_password:hover{
	color: #E5FF4F;
 	text-decoration: underline;
}

#footer,
#footer ul li a{
 	color: black;
}

#cockpit_bottom .ozean_link{
 	color: #111;
 	left:0px;
 	margin-top: -5px;
 	min-width: 980px;
 	padding-right: 2em;
	position: absolute;
 	text-align: right;
 	text-decoration: none;
 	width: 96%;
}

#cockpit_bottom .ozean_link .z{
 	color: lightgreen;
}

#cockpit_bottom .ozean_link:hover .z{
	color: yellow;
}

#contact_us #content table td{
	border: none;
}

#contact_us #content table tr:hover td{
 	background-color: inherit;
}

#contact_us #content table.contact td{
 	font-size: x-small;
}

#contact_us #content table.contact th{
 	background-color: transparent;
 	border: none;
 	color: #BED63A;
 	font-size: x-small;
}

#content a{
	color: lightgreen;
 	text-decoration: none;
}

#content a:hover{
 	text-decoration: underline;
}

#content form input,
#content form textarea{
 	background-color: transparent;
  	border: 1px solid #BED63A;
 	color: #BED63A;
 	margin-bottom: 5px;
}

#content form input.submit{
	background-color: lightgreen;
	border: 1px solid #7EDF7D;
	color: black;
}

#content form input.submit:hover{
	background-color: #C2EFC2;
	cursor: pointer;	
}

form select{
 	background-color: #404845 !important;	/*Only Firefox handles 'transparent' right here*/
  	border: 1px solid #BED63A;
 	color: #BED63A;
 	margin-bottom: 5px;
}

#content ol li{
 	margin-bottom: 1em;
}

form label{
	color: #BED63A; 
}

h1, h2, h3{
 	color: white;
 	text-transform: lowercase;
}
/* ---------- */

a img{
 	border: none;
}

.admin #content table tr.header td{
 	background-color: lightgreen;
 	color: black;
 	font-weight: bold;
 	text-align: center;
}

.admin #content table tr.header:hover td{
 	background-color: lightgreen;
 	color: black;
}

.admin #content table tr:hover td{
 	background-color: #BED63A;
 	color: black;
}

body{
 	margin: 0px;
}

body#the_vault_page #content{
	background-image: none;
	margin-left: 40px;
	padding: 10px 0;
	width: 1140px;
}

body#the_vault_page #container{
	padding: 0;
	width: 1200PX;
}

body#the_vault_page #left_column{
	margin-left: 0px;
}

body#the_vault_page #right_column{
	display: none;
}

.block{
 	margin: 0px 0px 8px 0px;
}

.container{
	padding: 10px;
}

#container{
 	margin: 0 auto;
 	width: 971px;
}

#content{
 	background-image: url('/_images/content.png');
 	background-repeat: no-repeat;
 	height: 950px;
 	padding: 10px 30px 10px 30px;
 	width: 487px;
}

#content p{
 	line-height: 1.4em;
}

#content ul{
 	list-style-type: none;
}

#content ul li{
 	margin: 5px 0px;
}

#content table{
 	border-collapse: collapse;
 	margin: 0px auto 1em auto;
}

#content table td{
	border: 1px solid lightgreen;
	padding: 0px 1em;
	vertical-align: middle;
}

#content table th{
 	background-color: lightgreen;
	border: 1px solid lightgreen;
	color: black;
	padding: .5em 1em;
	vertical-align: middle;
}

#subscription #content table td{
 	padding: .25em 1em;
 	text-align: center;
}

#subscription #content table tr:hover td{
 	background-color: #BED63A;
 	color: black;
}

#subscription #content table tr:hover td a{
 	color: #6D6C6C;
}

#content table td.center{
 	text-align: center;
}

.cockpit{
 	height: 25px;
 	width: 100%;
}

#cockpit_bottom{
 	background-image: url('/_images/cockpit_bottom.png');
 	background-repeat: repeat-x;
}

#cockpit_bottom p{
 	color: #222;
 	font-size: small;
 	margin-top: 0px;
 	padding-top: 8px;
 	text-align: center;
}

#cockpit_top{
 	background-image: url('/_images/cockpit_top.png');
 	background-repeat: repeat-x; 
}

#faq #content h2{
 	margin-top: 2em;
 	text-align: center;
}

#faq #content h3{
 	margin-top: 2em;
}

#faq #content table.links td{
 	border: none;
}

fieldset{
 	border: 1px solid lightgreen;
}

h1{
 	background-image: url('/_images/h1_bg.png');
 	font-size: x-large;
 	height: 21px;
 	margin-bottom: 20px;
 	padding-top: 10px;
 	padding-left: 10px;
}

h2{
 	font-size: large;
}

/* Build this out later - how do I just assume the defaults?
input.unstyled{
 	background-color: none !important;
 	border: none !important;
 	color: default !important;
}*/

#blog_headlines,
#headlines{
 	height: 270px;
 	overflow: hidden;
 	padding: 0px 10px 0px 35px;
 	list-style-position: outside;
 	list-style-image: url('/_images/headlines_bullet.png');
}

#blog_headlines li:hover,
#headlines li:hover{
 	background-color: #808080;
}

#blog_headlines li a,
#headlines li a{
 	text-decoration: none;
}

html{
	background-color: black;
}

#index #content{
 	background-image: url('/_images/index_content.png');
 	background-repeat: no-repeat;
	height: 630px;
	padding: 10px 30px 10px 30px;
 	width: 487px;
}

#index #content p{
 	margin: 0px 0px .75em 0px;
}

#left_column{
 	float: left;
 	margin-left: 95px;
 	width: 555px;
}

#login_form{
 	float: left;
 	margin: -35px 0px 0px 35px;
 	width: 155px;
}

#login_form input{
 	margin: 2px;
}

#login_form input.textfield{
	background-color: black;
  	border: 1px solid #BED63A;
 	color: #BED63A;
 	font-size: x-small;
 	width: 150px;
}

#login_form #login_btn{
 	float: right;
}

#login_form #logout_btn{
 	float: right;
 	margin-top: 10px;
}

#logo{
 	margin: 10px 0px 0px 90px;
}

#masthead{
 	background-image: url('/_images/masthead.png');
 	background-repeat: no-repeat;
 	clear: both;
 	height: 78px;
 	margin: 0px auto 10px auto;
 	width: 971px;
}

#my_account_main_form fieldset{
	margin-bottom: 5px;
}

#my_account_main_form table{
	margin: 0px auto;
	padding: 0px;
}

#my_account_main_form table td{
 	border: none;
}

#news div.news_item{
 	margin-bottom: 2em;
}

#news div.news_item h4{
 	background-color: lightgreen;
 	font-family: arial;
 	font-size: small;
 	font-weight: bold;
 	font-style: italic;
 	width: 100%;
}

#news div.news_item span.date{
 	margin-left: 370px;
}

#news div.news_item span.item_title{
 	display: block;
 	padding-left: 10px;
 	width: 370px;
}

#blog_headlines_block,
#recent_news{
 	background-image: url('/_images/recent_news.png');
 	background-repeat: no-repeat;
 	height: 327px;
 	width: 190px;	
}

#blog_headlines_block ul li a,
#recent_news ul li a{
 	font-size: x-small;
}

#blog_headlines_block h2,
#recent_news h2{
 	text-align: center;
}

#right_column{
 	float: left;
	margin-left: 13px;
 	width: 215px;
}

body.admin #content form input,
body.admin #content form textarea,
body.admin #content form select{
	background-color: transparent;
  	border: 1px solid #BED63A;
 	color: #BED63A;
 	margin-bottom: 10px;
}

body.admin #content form input.submit,
body.admin #content form input.submit{
 	background-color: lightgreen;
 	border: green;
 	color: green;
}

#top_map{
 	background-color: #152815;
	background-image: url('/_images/top_map.jpg');
 	background-position: 0px 50%;
 	margin-top: auto;
 	min-width: 980px;
 	width: 100%;
}

#video{
 	background-image: url('/_images/video_bg.png');
 	background-repeat: no-repeat;
 	height: 301px;
	width: 527px;
}

.verbose{
 	height: 830px;
 	overflow: auto;
 	padding-right: 20px;
 	width: 467px;
}

#content #sign_up_form table td{
 	border: none;
 	vertical-align: top;
}

#content #sign_up_form fieldset{
 	margin-bottom: 10px;
}

a.sign_up_now{
	border: 1px solid lightgreen;
	display: block;
	line-height: 60px;
	margin: 20px auto;
	text-align: center;
	text-decoration: none;
	width: 200px;
}

a.sign_up_now:hover{
	background-color: lightgreen;
	color: black !important;
	text-decoration: none !important;	
}

/**
 * The Vault
 */
#the_vault_page iframe#flex{
	border: none;
	float: left;
	height: 600px;
	width: 970px;
}

#the_vault_page .ad{
	background-color: black;
	display: block;
	height: 125px;
	margin: 20px;
	width: 125px;
}

#the_vault_page .large{
	height: 91px;
	margin: 20px auto;
	width: 728px;
}

#the_vault_page #ad_block{
	float: left;
}

#the_vault_page #ad_block .ad{
	margin-top: 25px;
}

#the_vault_page #content{
	min-height: 850px;
}

#rss_signup table{
	border-collapse: collapse;
}

#rss_signup table td{
	margin: 0;
	padding: 0;
}