/*--- Master Elements ---*/
body {background: #161616; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;}

a:active {color: #99ccff}
a:link {color: #99ccff}
a:visited {color: #cc99cc}
img {border: 0;}

/*--- Masthead Rollover ---*/
a.mastheadrollover {display: block;	width: 142px; height: 110px; background: url("images/flashflight_home.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.mastheadrollover {background-position: -142px 0;}

/* form submit pseudo href style */
.submitLink {color: #3366FF; background-color: transparent; text-decoration: underline; border: none; cursor: pointer;}

/* general site text */
.maintable {background-image: url(images/bg.gif);}
.page_title {font-size: 11pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: bold; font-style: normal; color: #333366; text-align: left;}
div.page_title {font-size: 11pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: bold; font-style: normal; color: #333366; text-align: left;}
div.page_subtitle {font-size: 9pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: bold; font-style: normal; color: #333366; text-align: left;}
.page_subtitle {font-size: 9pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: bold; font-style: normal; color: #333366; text-align: left;}
.text {font-size: 9pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #99cc99; text-align: left;}
.hint {font-size: 9pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #ffcc66; text-align: left;}
span.number {font-size: 10pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #0099ff; text-align: left;}

/* error text */
td.errorBoxHeader {font-size: 12pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: bold; font-style: normal; color: #FFFFFF; text-align: left;}
td.errorBoxContents {font-size: 9pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #FFFFFF; text-align: left;}

/*--- 		form and results related fields		 ---*/
.field {font-size: 7pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; color: #99cc99; text-align: center;}
.result {font-size: 7pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; color: #99cc99; text-align: center;}
.field2 {font-size: 7pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; color: #99cc99; text-align: right;}
.result2 {font-size: 7pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; color: #99cc99; text-align: left;}
.field_name {font-size: 8pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #99cc99;}
.footnote {font-size: 7pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; color: #999999;}
.footnoteblue {font-size: 7pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; color: #999999;}
.required {font-size: 7pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: bold; color: #ff6666;}

/*---									 ---*/
/*--- 			     LOGIN				 ---*/
/*---                      		         ---*/

.login_box {border: solid #669966 1px; background-color: #336699;}
div.login_title {font-size: 8pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #99ccff; text-align: center;}
td.login_title {font-size: 8pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #99ccff; text-align: center;}
td.login_field_name {font-size: 7pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #cccccc;}
div.login_field_name {font-size: 7pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #cccccc;}
div.passwordhint {font-size: 7pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; color: #993333;}
INPUT {border-color: #999966; font-size: 7pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
text-indent: 2px; 
}

/*---                                  ---*/
/*--- Secondary Navigation starts here ---*/
/*---                                  ---*/

.secondnavheader {background-color: #ECB832; 
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; display: block; 
padding-right: .5em; padding-left: .5em; padding-top: .5em; padding-bottom: .5em; 
border-top: solid #FFCC66 1px; border-bottom: solid #996666 1px; border-left: solid #FFCC66 1px; border-right: solid #996666 1px;}

/* nav styles */
#button {
width: 180px;
border: 0px solid #666633;
padding: 0 0 0 0;
margin-bottom: 0em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 11px;
background-color: #003333; /* behind the nav box */
color: #993333;
}

#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#button li {
font-size: 11px;
border: 0px solid #666633;
margin: 0; 
padding: 3 3 3 3; /* margin around each nav box */
}

#button li a {
display: block;
padding: 4px 4px 4px 10px; /* spacing around text */
border: 1px solid #666633; /* active color */
background-color: #990033; /* active color */
color: #66cc66;
text-decoration: none;
width: 100%;
}

html>body #button li a {
width: auto;
}

#button li a:hover {
background-color: #663333; 
color: #ffffff; 
text-decoration: underline; 
border-left: solid #666633 1px; 
border-right: solid #666633 1px;
border-top: solid #666633 1px; 
border-bottom: solid #666633 1px;
text-align: left;
}

/*--- Results age class table navigation ---*/
th.ageclass_title {font-size: 10pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: bold; font-style: normal; color: #cccc99; text-align: center;}

td.ageclassnav {background-color: #999966; 
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 10px; display: block;  
padding-right: 2em; padding-left: .5em; padding-top: .5em; padding-bottom: .5em; 
border-top: solid #cccc99 1px; border-bottom: solid #cccc99 1px; border-left: solid #cccc99 1px; border-right: solid #cccc99 1px;}

/*---navigation control---*/

#ageclassnav a:link {color: #666633; font-weight: normal; text-decoration: none;}
#ageclassnav a:visited {color: #666633; font-weight: normal; text-decoration: none;}
#ageclassnav a:hover {color: #ffffff; font-weight: normal; text-decoration: underline;}
#ageclassnav a:active {color: #ffffff; font-weight: normal; text-decoration: none;}

/* footer text */
.footer {font-size: 8pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #999999;}
.footer:hover {color: #cccccc}
.footer:visited {color: #ffffff}
.footer:link {color: #0066CC}
div.admin {font-size: 7pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #161616;}
span.admin {font-size: 7pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #161616;}
div.admin:hover {color: #161616}
div.admin:visited {color: #161616}
div.admin:link {color: #161616}
div.disclaimer {font-size: 8pt; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #333333;}
