body {
  background: url(images/background.png) repeat-x #e6e3dc;
  margin: 0;
  font-family:Verdana, Geneva, sans-serif;
}

a {
  color: #aa1111;
  text-decoration: none;
}

a:hover {
  color: #aa1111;
  text-decoration: underline;
}

p.center {
  text-align: center;
}

#main {
  width: 900px;
  margin: 0 auto;
}

#logo {
  background: url(images/logo.png) no-repeat;
  width: 266px;
  height: 50px;
  margin-top: 17px;
  margin-left: 7px;
}

#logo img { 
  border: none;
}

#projupdates {
  color: #e6e3dc;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  padding-top: 5px;
}
#projupdates span {
  font-size: 13px;
}

#login {
  background: url(images/loginbg.png);
  width: 355px;
  height: 73px;
  position: relative;
  top: 12px;
  left: -50px;
  color: #e6e3dc;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  font-size: 13px;
}

#greet {
  padding-left: 20px;
  padding-top: 15px;
}

#login form {
  padding-left: 20px;
}

#login .username {
  border: none;
  background: url(images/formfield.png) transparent no-repeat;
  width: 131px;
  height: 21px;
  color: #595959;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  text-indent: 4px;
  font-size: 13px;
}

#login .password {
  border: none;
  background: url(images/formfield.png) transparent no-repeat;
  width: 131px;
  height: 21px;
  color: #595959;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  text-indent: 4px;
  font-size: 13px;
}

#login .submit {
  border: none;
  background: none;
  width: 50px;
  font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
  color: #e6e3dc;
  font-size: 15px;
  cursor: pointer;
}


#createAccount, #remAccount, #editPW {
  color: #e6e3dc;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  font-size: 13px;
  width: 200px;
}

#createAccount .username, #remAccount .username, #editPW .username {
  border: none;
  background: url(images/formfield.png) transparent no-repeat;
  width: 131px;
  height: 21px;
  padding-bottom: 10px;
  color: #595959;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  text-indent: 4px;
  font-size: 13px;
}

#createAccount .password, #editPW .password {
  border: none;
  background: url(images/formfield.png) transparent no-repeat;
  width: 131px;
  height: 21px;
  padding-bottom: 10px;
  color: #595959;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  text-indent: 4px;
  font-size: 13px;
}

#createAccount .submit, #remAccount .submit, #editPW .submit {
  border: none;
  background: none;
  width: 55px;
  font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
  color: #595959;
  font-size: 15px;
  cursor: pointer;
}

.error {
    color: #8b0000;
}

.project {
  color: #e6e3dc;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  font-size: 13px;
  width: 200px;
}

.project .projField {
  border: none;
  background: url(images/formfield.png) transparent no-repeat;
  width: 131px;
  height: 21px;
  padding-bottom: 10px;
  color: #595959;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  text-indent: 4px;
  font-size: 13px;
}

.selectField {
  border: none;
  background: url(images/formfield.png) transparent no-repeat;
  width: 131px;
  height: 25px;
  padding-bottom: 10px;
  color: #595959;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  text-indent: 4px;
  font-size: 13px;
  position: relative;
  left: 14px;
}


.project .picField {
  border: none;
  position: relative;
  background: url(images/formfield.png) transparent no-repeat;
  width: 131px;
  height: 21px;
  padding-bottom: 20px;
  top: 0px;
  left: -4px;
  margin-bottom: 7px;
  color: #595959;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  text-indent: 4px;
  font-size: 13px;
}


.project .submit {
  border: none;
  background: none;
  width: 55px;
  font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
  color: #595959;
  font-size: 15px;
  cursor: pointer;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#navigation {
  left: 400px;
  float:right;
  font-size:12px;
  margin-top: -26px;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
}


#navigation li {
  float:left;
  margin-right: 3px;
}

#navigation li a {
  display: block;
  text-decoration: none;
  color: #e6e3dc;
  width: 58px;
  height: 30px;
  text-align: center;
  padding-top: 10px;
}

#navigation .acc {
  padding-top: 5px;
}


#navigation li a:hover {
	background: url(images/button.jpg) no-repeat;}

#navigation .on {
	background: url(images/button.jpg) no-repeat;}

#content {
  background: url(images/contentback.jpg) repeat-x #FFFFFF;
  margin-top: 15px;
  padding: 10px;
}

#content4 {
  background: url(images/contentback.jpg) repeat-x #FFFFFF;
  margin-top: 15px;
  padding: 10px;
  height: 560px;
}

#content h2 {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 23px;
  color: #aa1111;
  margin: 0;
  margin-top: 10px;
}

#content p {
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding-left: 15px;
  margin: 0;
  width: 90%;
}

#images {
  margin: 0 auto;
  margin-top: 15px;
  width: 78%;
}

/* ============================================================
   Admin page
============================================================= */

#content2 {
  background: url(images/contentback.jpg) repeat-x #FFFFFF;
  margin-top: 15px;
  padding: 10px;
  height: 700px;
}

#content2 h2 {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 23px;
  color: #aa1111;
  margin: 0;
  margin-top: 10px;
}

#content2 p {
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding-left: 15px;
  margin: 0;
  width: 90%;
}

#adminRight {
  float: right;
}

#adminCenter {
  float: left;
}

#adminLeft {
  float: left;
  width: 45%;
}

/* ==============================================================
My Account
============================================================== */
#accountLeft {
  /*float: left;*/
  width: 20%;
  height: 350px;
}

#content4 h2 {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  color: #aa1111;
}

#accountContent {
  position: relative;
  left: 30%;
  width: 620px;
  top: -400px;
  background: url(images/contentback.jpg) repeat-x #FFFFFF;
  margin-top: 27px;
  height: 27px;
}

#currProjInfo {
  position: absolute;
  left: 0%;
  width: 620px;
  top: 20px;
  background: url(images/contentback.jpg) repeat-x #FFFFFF;
  margin-top: 27px;
  height: 435px;
  overflow: scroll;
}

#currProjInfoView {
  position: absolute;
  left: 99px;
  width: 850px;
  top: 160px;
  background: url(images/contentback.jpg) repeat-x #FFFFFF;
  margin-top: 27px;
  height: 571px;
  overflow: scroll;
}

#viewContent {
  position: relative;
  left: -7%;
  width: 620px;
  top: -235px;
  background: url(images/contentback.jpg) repeat-x #FFFFFF;
  margin-top: 27px;
  height: 0px;
}

.projLink {
  color: #aa1111;
  text-decoration: underline;
  cursor: pointer;  
}

.accLab {
  color: #aa1111;
}

.projLink:hover {
  color: #cc1111;
}

#currProjInfo label {
  font-weight: bolder;
  color: #cc1111;
}

#currProjInfoView label {
  font-weight: bolder;
  color: #cc1111;
}

/* ==============================================================
Footer & Copyright
============================================================== */

#footer {
  background: url(images/footback.png) no-repeat;
  height: 22px;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #FFFFFF;
  margin-bottom: 9px;
  width: 100%;
  position: relative;
}

#footer2 {
  clear:both;
  background: url(images/footback.png) no-repeat;
  height: 22px;
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #FFFFFF;
  margin-bottom: 9px;
}

#copyright {
  width: 100%;
  text-align: center;
}

/* ================================================================ 
Thumbnail Gallery

This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

#content3 {
  background: url(images/contentback.jpg) repeat-x #FFFFFF;
  margin-top: 15px;
  padding: 10px;
  height: 560px;
}

#content3 h2 {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 23px;
  color: #aa1111;
  margin: 0;
  margin-top: 10px;
}

#content3 p {
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding-left: 15px;
  margin: 0;
  width: 90%;
}

a {
    color:#000;
}
a:hover {
    text-decoration:none;
}
a:visited {
    color:#000;
}

/* slides styling */

.photo {
    width:635px; 
    text-align:left; 
    position:relative; 
    margin:0 auto;
}

.photo ul.topic {
    padding:0; 
    margin:0; 
    list-style:none; 
    width:635px; 
    height:auto; 
    position:relative; 
    z-index:10;
}
.photo ul.topic li {
    display:block; 
    width:208px; 
    height:31px; 
    float:left;
}
.photo ul.topic li a.set {
    display:block; 
    font-size:11px; 
    width:207px; 
    height:30px; 
    text-align:center; 
    line-height:30px; 
    color:#fff; 
    text-decoration:none; 
    border:1px solid #000; 
    border-width:1px 1px 0 0; 
    background: rgb(72,72,72); 
    font-family:verdana, arial, sans-serif;
}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{
    display:none;
}

.photo ul.topic li.active a
{
    color:#fff; 
    background:rgb(72,72,72);
}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{
    color:#fff; 
    background:rgb(170,0,0);
}

.photo ul.topic li.active ul
{
    display:block; 
    position:absolute; 
    left:0; 
    top:31px; 
    list-style:none; 
    padding:0; 
    margin:0; 
    height:375px; 
    background:#ddd; 
    width:464px; 
    padding:40px 60px; 
    border:20px solid rgb(72,72,72); 
    z-index:1;
}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{
    display:block; 
    position:absolute; 
    left:0; 
    top:31px; 
    list-style:none; 
    padding:0; 
    margin:0; 
    height:375px; 
    background:#ddd; 
    width:464px; 
    padding:40px 60px; 
    border:20px solid rgb(170,0,0); 
    z-index:100;
}

.photo ul.topic li ul li
{
    display:inline; 
    width:112px; 
    height:78px; 
    float:left; 
    border:1px solid #fff; 
    margin:1px;
}

.photo ul.topic li ul li a
{
    display:block; 
    width:110px; 
    height:85px; 
    cursor:default; 
    float:left; 
    text-decoration:none; 
    background:#444; 
    border:1px solid #888;
}

.photo ul.topic li ul li a img
{
    display:block; 
    width:100px; 
    height:75px; 
    border:5px solid #eee;
}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{
    white-space:normal; 
    position:relative;
}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{
    position:absolute; 
    left:-50px; 
    top:-32px; 
    width:200px; 
    height:150px; 
    border-color:#fff;
}