@charset "UTF-8";
/* CSS Document */

/* ====================== CSS RESET (ERIC MEYER) http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ===================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* ====== BEGIN FIREWALL STYLES ====== */


body { background: #000 url(images/firewallbg.jpg) no-repeat top center; font-family: Arial; font-size: 14px; color: #ccc; }

/*------- ELEMENTS ------ */

p { margin-bottom: 20px; }
h2 { font-size: 30px; margin-bottom: 20px; text-align: left; }
a { color: #44559d; }
a:visited { color: #7c7248; }
a:hover { text-decoration: none; }

strong { font-weight: bold; }

/* ------ CLASSES ------ */

.hide { display: none; }
.fltlft { float: left; }
.fltrt { float: right; }
.blue { color: #44559d; }

/* ----- DIV STYLES ------- */

#wrap { width: 960px; margin: 0 auto; }


#header_link a { display: block; width: 700px; height: 140px; }

/* --------- MENU --------- */

#menu { float: right; margin: 75px 80px 60px 80px; }
#menu ul li a { display: block; background: url(images/menu_arrow.png) no-repeat center left; font-family: Verdana; font-size: 20px; color: #7c7248; text-decoration: none; padding-left: 20px; margin-bottom: 30px; }
#menu ul li a:hover,
#home_page #home_link, 
#info_page #info_link, 
#specs_page #specs_link, 
#roster_page #roster_link, 
#links_page #links_link { background: url(images/menu_arrow_onpage.png) no-repeat center left; }


/* ------ MAIN CONTENT ------- */

#main_content { margin: 20px; text-align: justify; line-height: 18px; }


/* -------- HOME PAGE ------- */
#front_luna { margin: 10px 30px 10px 0; }

#home_page table {margin-left: 50px; width: 850px; }
#home_page table td {text-align: justify; }
h3#plot_head { font-weight: bold; margin-left: 25px; color: #44559d; }


/* ------ INFO PAGE ------ */

#infotable {width: 600px; margin-left: 30px; border-top: 1px solid #222; border-right: 1px solid #222; }
#infotable td {text-align: justify; padding: 10px; border-left: 1px solid #222; border-bottom: 1px solid #222; }
#infotable td.left { font-weight: bold; }


/* ------- SPECS PAGE ------ */

#specs_luna { margin: 10px 0 10px 30px; }

#specslist {margin-top: 30px; }
#specslist ul, { text-align: left; margin-left: 20px; list-style: disc; }
#specslist ul ul { list-style: circle; margin-left: 30px;}
#specslist ul ul ul { list-style: square; }


/* ------ ROSTER PAGE ----- */

#roster_page table { border-top: 1px solid #222; border-right: 1px solid #222; width: 600px; margin-left: 30px; margin-top: 30px; }
#roster_page table td {padding: 10px; text-align: center; border-left: 1px solid #222; border-bottom: 1px solid #222; }


/* ----- LINKS PAGE ------ */

#links_page #main_content ul { margin-left: 260px; text-align: left; list-style: disc; }

#footer { text-align: center; font-size: 10px; line-height: 18px; margin-top: 50px; }