/* Global Styles */
html, body{margin:0;padding:0}
body{font: 76% Arial, Verdana, serif, sans-serif; background-color:#000;}
/* TEXT STYLES */
p{padding:0px 5px 0px 10px; font-size: 1em; line-height: 1.3em; }
p.right {
text-align: center;}
p.redtext{
color: #ff0000;
font-weight: bold;}
h1 { font-size: 1.25em; margin-top: 0;
}
h2 { font-size: 1.7em; color: #73ff09; line-height: 1.3em; letter-spacing: 0.5px;
margin-left: 5px;}
h3 { font-size: 1.5em; color: #3591e4;
}
h4 { font-size: 1.25em; color: #1e94f6;}
h5 {font-size: 1em; font-weight:bold;}
h1, h2, h3, h4, h5 {padding:0 5px 0px;}
#navigation p, #extra p {color:#fff;}
a:link { color: #1e94f6; text-decoration:none; border-bottom: 1px solid #ff8e1e; padding:1px;}
a:visited {color: #1e94f6; text-decoration:none; border-bottom: 1px solid #ff8e1e; }
a:hover {background-color: #ff8e1e; color:#fff; }
acronym {border-bottom: 1px dotted #ff8e1e; cursor:help; }
label.header {font-size:larger; color: #d4d0c8; font-weight:bold; text-transform:uppercase; margin-bottom: 0; padding-bottom:0; }
/* label.header is the label for the search box but can be used for other forms by using class="header" in a label */
form, submit { padding:0; margin:0; } /* removes extraneous padding around the form */
code { border: 1px dotted #ff8e1e; border-left: 3px solid #b71; background-color: #dda; padding: 1em; margin-left: 3ex; color:#742;}
blockquote { border: 1px solid #ff8e1e; background-color: #d4d0c8; margin: 3ex; font-style:italic;}
/* HEADER SECTION */
div#header {margin:0; padding:0; background: url('../img/filmtop.jpg') no-repeat right center; height:8em;
}
div#header h1 a { height: 3em; min-height:8em; line-height:40px;margin:0; color: #fff; border-bottom: none; padding:0;}
div#header h1 a:hover {background-color: transparent; border-bottom: none; color: #73ff09}
div#header p#skip{position: absolute; top: 3px; right: 3px; margin:0; padding: 0;}
#skip a, #skip a:visited {color:#fff; border-bottom: 1px solid #b71;}
div#header p {
color: #ffffff;
margin-bottom: 0px;
margin-top: 20px;}
/* MAIN 3 COLUMN CONTENT SECTION */
div#wrapper{float:left;width:100%;}
div#content{
margin: 0 200px;
padding-bottom: 2em;
background-color: #fff;
color: #000;}
div#content p{line-height:1.4;}
div#content h2#topper {background:#000000; color:#d4d0c8; margin-top:0; padding-top:0;
padding-left: 0em;
margin-left: 0em;}
/* 2 COLUMN CONTENT SECTION */
div#content a:visited {color: #0000ff; text-decoration:none; border-bottom: 1px solid #b71; }
/* VERTICAL NAVIGATION */
div#navigation{float:left; width:200px;margin-left:-100%; color:#fff;
background-color: #000000;}
.navcontainer { width: 198px; border-right: 1px solid #000; padding:0; margin-bottom: 1em;
background-color: transparent;}
.navcontainer ul { list-style: none; margin: 0; padding: 0; border: none; width: 198px; min-width:198px; }
.navcontainer li { margin: 0; }
html>body .navcontainer li a { width: auto;}
.navcontainer li a, .navcontainer li a:visited {
display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #3591e4;
border-right: 10px solid #1e94f6; background-color: #002b71;
text-decoration: none; font-weight:bold; width: 167px; min-width:165px;
color: #fff; border-bottom: 1px #004896 solid;
}
.navcontainer li a:hover, .navcontainer li#active a {
border-left: 10px solid #fff; border-right: 10px solid #fff;
background-color: #004896; color: #ffffff; font-weight:bold;
text-align: right;}
.navcontainer li.menutitle {border-left: 10px solid #3591e4 ; border-right:10px solid #3591e4; font-size:larger;
text-align:center; color: #ffff00; font-weight:bold; padding-bottom:1ex; border-bottom:none;
letter-spacing: 0.15em;}
.navcontainer li#last a { border-bottom:none;} /* the last one in the list should get the id of 'last' in the list to remove the bottom border */
/* --- These are the subnavigation for sublinks. --- */
.navcontainer li ul li { display:none;}
.navcontainer li#active ul li { display: block;}/* this expands all sublinks if it is the currently active link */
.navcontainer li#active ul li a:link, .navcontainer li#active ul li a:visited { border-left-color:#fff; border-right-color: #fff; background-color: #1e94f6; padding: 5px 0 5px 11px;}
.navcontainer li#active ul li a:hover { background-color:#fff; color:#3591e4;}
/* EXTRA SECTION */
div#extra {float:left;width:198px;margin-left:-200px; background-color: #000; border-left: 2px solid #000;}
/* RIGHT AFFILIATE LINKS BOX */
ul#affiliate { border:1px solid #3591e4; margin:0; padding:0; margin-right: 20px; margin-left: 5px; padding: 3px 4px 4px 6px; background-color:#0a246a; list-style-type:none; }
ul#affiliate li { padding: 3px;}
ul#affiliate li a:link, a:visited { color:#fff;}
/* new div to softe background for legibility */
.news {
background-color: #bababa;
background-image: url('../img/skyback.jpg');}
.news a:link, a:visited{
color: #ffffff;}
.image2 {float:right;
width:100px;
margin-top: 5px;
margin-bottom: 15px;
margin-right: 10px;}
/* FOOTER SECTION */
div#footer{clear:left;width:100%; background-color: #0a246a;color: #FFF;
background-image: url('images/skyback.jpg');}
div#footer a:link, div#footer a:visited { color:#fff; }
div#footer ul {list-style-type:none; margin:0; padding:0.8em 0; text-align:center;}
div#footer ul li {display:inline; padding: 0 4px;}
/* General Image Stuff */
img.sm { width: 150px; }
img.right { width: 150px;
float: right;
margin: 3px;
padding: 0.75em;
clear: both;}
img.left{
border: none;
margin-left: 1em;
width: 170px;
}
/* TABLES */
table {border: 1px #3366ff solid; border-collapse:collapse;
width: 98%;
margin: 3px;
padding: 5px;}
td {background-color: #ffffcc; padding:5px; border: 1px solid #fff}
td.name{
width: 15%}
input.contact {
width: 75%;
background-color: #fff;}
textarea.comment{
width: 100%;
height: 100%;
margin-right: 5px;
}
th {text-align:left;border: 1px solid #fff}
thead th {color:#fff; font-size:1em; background-color: #472 ; padding: 5px 3px}
tbody th {color:#fff; font-size:1em; background-color: #79B30B ; padding: 3px}
tbody th.sub {font-size: 0.90em; color:#000; background-color: #dda; padding: 3px}