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;}

/* Admin Navigation Tree */
.treeNavigation { color: rgb(0,0,0); }
.treeNavigation a:link, .treeNavigation a:visited { color: rgb(0,0,0); }
.treeNavigation a:hover { text-decoration: underline; background-color: rgb(255,255,0); }

.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: 500px; 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: 40%; }

.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: normal; font-size:10px; font-style: italic; margin-bottom: 5px; color:#999999}

/* Portfolio */
.projectWrapper { width: 230px; margin-left: auto; margin-right: auto; margin-top: 15px; background-color: #FFFFFF; }
.projectHeader { width: 210px; color: #000000; font-size: 1.1em; font-weight: bold; padding: 5px 10px 3px 10px; text-align:center}
.projectContentWrapper { width: 220px; padding: 5px; }
.projectImage { text-align: center; margin-bottom: 5px; }
.caption { font-size: 0.7em; font-style: italic; }
.projectContent { font-size: 0.8em; }
.projectContent a:link, .projectContent a:visited { color: rgb(77,104,128); text-decoration: none; }
.projectContent a:hover { color: rgb(77,104,128); text-decoration: underline; }

.projectDetailWrapper { width: 820px; margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 25px; border: solid 1px rgb(77,104,128); background-color: rgb(255,255,255); }
.projectDetailHeader { width: 800px; background-color: rgb(77,104,128); 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; }

/* Newsletters */
.newsprojectWrapper { width: 460px; margin-left: auto; margin-right: auto; margin-top: 15px; background-color: #FFFFFF;}
.newsprojectHeader {padding-left: 6px; color: #000000; font-size: 1.1em; font-weight: bold;}
.newsprojectHeader a { text-decoration:none; width: 440px; color: #000000; font-size: 1.1em; font-weight: bold; padding: 5px 10px 3px 0;}
.newsprojectHeader a:hover {text-decoration: underline;}
.newsprojectContentWrapper { width: 450px; padding: 5px;}
.newsprojectContentWrapper a{color:#FF6600}


/* 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;
}