body{background-color:#001b3b}
input { font-family: Verdana, Arial, Helvetica, Sans-Serif; }
textarea { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 0.8em; }

/* Admin Styles */
#adminWrapper { width: 1000px; min-height: 500px; margin-left: auto; margin-right: auto; margin-top: 10px; background-color: rgb(237,243,248); border: solid 1px rgb(77,104,128); }
#adminHeader { background-color: rgb(77,104,128); height: 30px; text-align: center; width: 100%; padding-top: 3px; font-weight: bold; font-size: 1.1em; color: rgb(255,255,255); }
#adminContentWrap { padding: 10px; }

.adminNavigation {overflow: hidden; clear: both; float: left; width: 200px; min-height: 500px; margin: 0px; padding: 0px; color: rgb(75,75,75); font-size: 0.8em;}
.adminNavigation ul {width: 200px; margin: 0px 0px 20px 0px; padding: 0px; }	
.adminNavigation li {list-style: none; margin: 0px; padding: 0px;}
.adminNavigation li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: rgb(181,206,227); color: rgb(0,0,0); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.adminNavigation li.group a {display: block; min-height: 1.9em; height: auto !important; height: 1.9em; line-height: 1.9em; margin: 0px; padding: 0px 7px 0px 15px; border-left: solid 7px rgb(181,206,227); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.adminNavigation li a {display: block; min-height: 1.9em; height: auto !important; height: 1.9em; line-height: 1.9em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px rgb(77,104,128); color: rgb(75,75,75); text-decoration: none; font-size: 120%;}
.adminNavigation li a:hover, .nav3 li a.selected {border-left: solid 7px rgb(77,104,128);  color: rgb(0,0,0); text-decoration: none;}

.adminMessage { margin-top: 5px; margin-left: 10px; }

#adminContent { margin-left: 215px; width: 760px; }

.adminGroup { width: 100%; border: 1px solid rgb(181,206,227); margin-left: auto; margin-right: auto; margin-bottom: 10px; background-color:rgb(255,255,255); }
.adminGroup .header { background-color: rgb(181,206,227); padding: 0px 10px 3px 10px; font-size: 1.2em; font-weight: bold; color: rgb(0,0,0); }
.adminGroup ul { list-style: none; }
.adminGrid { width: 100%; margin-top: 7px; }
.adminBuffer { padding: 5px; }
.adminGridTitle { padding-left: 10px; font-style: italic; font-weight: bold; font-size: 0.9em; }
.adminGridHeader { font-size: 0.8em; font-weight: bold; text-align: left; background-color: rgb(232,232,232); }
.adminGridStdRow { font-size: 0.9em; background-color: rgb(255,255,255); }
.adminGridAltRow { font-size: 0.9em; background-color: rgb(255,255,244); }
.adminGridStdRow a:link, .adminGridStdRow a:visited { color: rgb(0,0,0); text-decoration: none; }
.adminGridStdRow a:hover { color: rgb(0,0,0); text-decoration: underline; background-color: rgb(255,255,0); }
.adminGridAltRow a:link, .adminGridStdRow a:visited { color: rgb(0,0,0); text-decoration: none; }
.adminGridAltRow a:hover { color: rgb(0,0,0); text-decoration: underline; background-color: rgb(255,255,0); }

.adminSubGroup { width: 400px; border: 1px solid rgb(181,206,227); margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; background-color:rgb(255,255,255); }
.adminSubGroup .adminSubHeader { background-color: rgb(181,206,227); padding: 2px 10px 3px 10px; font-size: 1.0em; font-weight: bold; color: rgb(0,0,0); }
.adminSubContent { padding: 10px; }

/* Login Control Styles */
#loginWrapper { width: 300px; margin-left: auto; margin-right: auto; background-color: rgb(237,243,248); margin-top: 20px; border: solid 1px rgb(0,0,0); }
#loginHeader { height: 20px; background-color: rgb(77,104,128); text-align: center; color: rgb(255,255,255); font-weight: bold; font-size: .9em; padding: 10px 0; }
#loginBody { padding: 6px; }
.loginMessage { font-size: 0.7em; }
.formTitle { font-weight: bold; text-align: right; font-size: .8em; vertical-align: top; width: 30%; }

.error { font-size: 0.7em; color: rgb(255,0,0); font-weight: bold; }
.success { font-size: 0.7em; color: rgb(0,204,51); font-weight: bold; }
.returnLink { float: right; margin-top: -25px; margin-right: 20px; }
.footnote { font-size: 0.6em; }
.dateline { font-weight: bold; font-style: italic; padding-bottom: 10px; color: rgb(0,0,0); }
p.spacer { line-height: 2.3em; }

/* Projects */
.projectWrapper { width: 500px; margin-left: auto; margin-right: auto; margin-top: 15px; border: solid 1px rgb(77,104,128); background-color:#dcdcdc }
.projectHeader { width: 480px; background-color: rgb(8,45,89); color: rgb(255,255,255); font-size: 1.1em; font-weight: bold; padding: 5px 10px 3px 10px; }
.projectContentWrapper { width: 490px; padding: 5px; }
.projectImage { text-align: center; margin-bottom: 5px; }
.caption { font-size: 0.7em; font-style: italic; color: rgb(8,45,90); }
.projectContent { font-size: 1.0em; color: rgb(0,0,0); }
.projectContent a:link, .projectContent a:visited { color: #9A8F08; text-decoration: underline; font-weight:bold}
.projectContent a:hover { color: #666666; text-decoration: underline; font-weight:bold}

.projectDetailWrapper { width: 820px; margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 25px; border: solid 1px rgb(77,104,128); background-color:#dcdcdc  }
.projectDetailHeader { width: 800px; background-color: rgb(8,45,89); color: rgb(255,255,255); font-size: 1.1em; font-weight: bold; padding: 15px 10px 3px 10px; }
.projectDetailContentWrapper { width: 800px; padding: 10px; }
.projectDetailImage { text-align: center; margin-bottom: 5px; }
.projectDetailContent { font-size: 0.8em; margin-bottom: 10px; color: rgb(0,0,0); }

/* Width Classes */
.width150 { width: 150px; }


/* Color Palette */
/*
.#4D6880 {
  Color: #4D6880;
}

.#B5CEE3 {
  Color: #B5CEE3;
}

.#90B5D5 {
  Color: #90B5D5;
}

.#EDF3F8 {
  Color: #EDF3F8;
}

.#FFFFFF {
  Color: #FFFFFF;
}

.#000000 {
  Color: #000000;
}
*/