/* CSS Document */
/* Normalizes margin, padding */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font size for headers */

h1,h2,h3,h4,h5,h6
{ font-size : 100%; }

/* Removes list-style from lists */
ol,ul
{ list-style :  none; }

/* Normalizes font-style and font weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table
{ border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset, img
{ border : 0; }

/* Left-aligns text in caption and th  */
caption,th
{ text-align : left; }

/* Removes quotation marks from q */
q:before, q:after
{ content :''; }

cite {
font-style:italic;
padding :25px;
line height : 25px;
}

html {
	text-align : center; }

body {
width : 800px;
margin : 0 auto;
text-align : left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
line-height: 13px;
}



h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #000000;
padding-left: 10px;
padding-bottom: 20px;
padding-top: 20px;
text-align:left;
letter-spacing: 2px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
padding-bottom: 10px;
padding-top: 10px;
text-align:left;
line-height: 16 px;
}


div#wrapper {

}

div#branding {

z-index: 10;
position : relative;
width : 800px;
height : 200px;
background:url(../images/lark-branding.gif) repeat-x;
}

h1 {
text-indent : -9999px; }

/* main navigation  */

div#navigation {
height : 75px;
position : relative;
margin-top: 128px;
background:url(../images/nav-bar.gif)  ;
background-repeat:no-repeat;
}

ul#nav_list li{
height : 40px;
float: left;
line-height: 1.3em;
margin-top: 20px;
}

ul#nav_list li a{

height:40px;
xdisplay: inline ;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
font-weight:bold;
color:#006600;
letter-spacing:0px;

xfloat: left;
}

#nav_list a:hover {

	color:#000000;
}

#nav_list li.marine {
xwidth: 150px;
height:40px;
margin-left: 2em;
xfloat: left;
}

#nav_list li.project {
xdisplay: inline;
xwidth: 150px;
height:40px;
margin-left: 4em;
xfloat: left;
}

#nav_list li.storage {
xdisplay: inline;
xwidth: 150px;
height:40px;
margin-left:4.8em;
xfloat: left;
}

#nav_list li.crew {
xdisplay: inline;
xwidth: 150px;
height:40px;
margin-left:12em;
xfloat: left;
}

x#marine a, x#project a, x#storage a, x#crew a {
xdisplay : inline;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
xtop: 20px;
font-weight:bold;
color:#006600;
xletter-spacing: 0.5px;

}



/* sub navigation  */

div#sub_nav {	
margin-top: -120px;
text-align:left;
position : absolute;
width : 800px;
height : 25px;
}

ul#sub_nav_list li{

display: inline;
text-align: left;
}

.sub_nav_list a {
	padding-left: 20px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	color: #006600
}

.sub_nav_list a:hover {
	color:#000000;
}

/* footer navigation  */


ul#footer_nav_list li{

	display: inline;
	padding-left: 20px;
	text-align: right;
	font-family: verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
	letter-spacing: 1px;

}

.footer_nav_list a {
	color: #FFFFFF;
}

.footer_nav_list a:hover {
	color:#000000;
}




div#content {
	xcolor:#333333;

}

div#page_heading {
width: 800px;
background:url(../images/heading-bg.jpg) 

}

div#right_content {
	width : 600px;
	min-height: 500px;
	float: right;
}

div#left_panel {
	padding : 10px;
	width : 160px;
	min-height: 500px;
	float : left;

}
div#sub_content {
	padding : 10px;
	width : 380px;
	min-height: 500px;
	float: right;
}

div#main_content {
	width : 160px;
	padding : 10px;
	min-height: 500px;
	margin-right: 350px;
}

.h2 {
text-align:left;
}

div#home-content {
width : 850px;
height: 500px;
background-image:url(../images/keys.jpg);

}
div#siteinfo {
	clear: both;
	height : 37px;
	width : 800px;
	
	background : url(../images/footer.gif);
}

/* Form styling */

fieldset {
margin: 1em 0;
padding: 1em;
border : 1px dashed #666;
}

legend {
font-weight: bold;
}
label {
display: block;
padding : 2px;
}

input [type="text"] {
width : 200px;
background-color:#CCCCCC;

}

textarea {
width: 300px;
height: 100px;
}