body	{
  margin: 0;
  padding: 5px 5px 5px 5px;
  background-color: #aba59e;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
  
#page {
  width: 100%;
  padding: 0;
  margin: 0;
}
  
#header {
  margin: 0 0 15px 0;
  padding: 0px 5px 0px 0px;
  text-align: right;
  background-color: #7b7167;
  font-size: 0px;
  font-weight: bold;
}
    
#container {
  float: left;
  width: 100%;
  text-align: center;
  clear: left;
  padding: 0;
  margin: 0;
}
  
#footer {
  margin: 15px 0 10px 0;
  padding: 5px 0 5px 0;
  background-color: #7b7167;
  text-align: center;
  font-size: 10px;
}

#main {
  width: 100%;
  margin: 0;
  padding: 0;
}

#header-img {
  margin: 0 0 0 210px;
  padding: 0;
  background-color: #7b7167;
}

#page-title {
  height: 26px; 
  background-color: #7b7167;
  color: #ffffff;
  font-size: 20px;
  font-family: arial, helvetica, sans-serif;
}

#header ul {
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: #7b7167;
  color: #ffffff;
  font-size: 14px;
  float: left;
  font-family: arial, helvetica, sans-serif;
}

#header ul li {
  padding: 0;
  margin: 0;
  position: relative;
  display: inline;
  float: left;
  width: 70px;
  text-align: center;
  border-right: 1px solid #aba59e;
  line-height: 26px;
}

#header ul li a {
  display: block;
  height: 26px; 
  margin: 0;
  color: #ffffff;
  background-color: #7b7167;
  text-decoration: none;
}

#header ul li a:hover {
  display: block;
  height: 26px;
  margin: 0;
  color: #ffffff;
  background-color: #4d4741;
  text-decoration: none;
}

#header ul li ul {
  display: none;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 26px;
  left: 0;
  height: auto;
  width: 200px;
}

#header ul li:hover ul, #header ul li.over ul {
	display: block;
}

#header ul li ul li {
  padding: 5px 0 0 0;
  margin: 0;
  width: 200px;
  text-align: left;
  border: none;
}

#header ul li ul li a {
  padding: 0px 0 0px 5px;
  display: block;
  border: none;
  margin: 0;
}

.photo {
  width: 100%;
  margin: 3px 0 3px 0;
}

.photo img {
  background-color: #ffffff;
  margin: 0px 0 0px 0;
  padding: 0;
  border: 6px solid #ffffff;
}

.photo a {
/*  display: block; */
}

.phototop {
  /*position: relative;*/
  margin: 0 auto;
  padding: 0 0 10px 0;
  width: 600px;
  height: 12px;
  font-size: 10px;
  text-transform: lowercase;
}

.photonav {
  /*position: absolute;*/
  float: left;
  top: 0px;
  left: 0px;
  width: 200px;
  text-align: left;
}

.phototitle {
  /*position: absolute;*/
  float: left;
  text-align: center;
  width: 200px;
  top: 0px;
  left: 200px;
}

.photodate {
  /*position: absolute;*/
  float: left;
  text-align: right;
  top: 0px;
  left: 400px;
  width: 200px;
}

.photobottom {
/*  margin: 5px 0px 30px 0px;
*/  padding: 0 0 15px 0; 
  width: 100%;
  text-align: center;
  font-size: 10px;
}

.photocontrols {
  margin: 0 0 10px 0;
  padding: 0 0 0px 0;
}

.photocontrols a {
 text-decoration: underline;
}

.photocontrols a:hover {
}

.description {
  text-align: left;
  width: 400px;
  font-size: 12px;
  line-height: 16px;
  margin: 0 auto;
  padding: 0 0 0 0;
}

.photobottom a, .phototop a {
  color: #ffffff;
  text-decoration: underline;
}

.photobottom a:hover, .phototop a:hover {
  color: #ffffff;
  background-color: #7b7167;
  text-decoration: underline;
}


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

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


.album_grid {
  width: 755px;
  margin: 0 auto;
  padding: 0;
}

.album {
  float: left;
  margin: 0 0 10px 0;
  padding: 0;
  width: 250px;
  height: 270px;
}

.album_title {
  margin: 0;
  padding: 0 0 2px 0;
}

.album_info {
  font-size: 10px;
  margin: 0;
  padding: 0 0 10px 0;
}

.album_img {
  margin: 0;
  padding: 0;
}

.album_img img {
  border: 2px solid #ffffff;
}

.navigation {
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 800px;
  height: 20px;
  font-size: 12px;
}

.navigation a {
  font-size: 12px;
  text-decoration: underline;
}

.navigation b {
  font-size: 12px;
  color: #e4e1de;
}

.navigation_left {
  /*position: absolute;*/
  float: left;
  top: 0px;
  left: 0px;
  width: 325px;
  text-align: left;
}

.navigation_center {
  /*position: absolute;*/
  float: left;
  text-align: center;
  width: 150px;
  top: 0px;
  left: 325px;
}

.navigation_right {
  /*position: absolute;*/
  float: left;
  text-align: right;
  top: 0px;
  left: 475px;
  width: 315px;
  font-size: 10px;
  padding-left: 10px;
}

.navigation_center a:hover, .navigation_right a:hover {
  background-color: #7b7167;
}

.bread a {
  font-size: 10px;
  text-decoration: underline;
}

.bread a:hover {
  text-decoration: underline;
  background-color: #7b7167;
}

.navigation_arrow {
  float: left;
  width: 20px;
  padding-top: 1px;
}

.navigation_index {
  float: left;
  width: 70px;
  text-align: center;
}

.commentheader {
  width: 100%;
  background-color: #7b7167;
  padding: 3px 0px 3px 0px;
  margin: 0px 0px 5px 0px;
  font-size: 11px;
  font-weight: bold;
}

.leftheader {
  float:left;
  text-align: left;
  margin: 0px 0px 0px 5px;
  padding: 0;
}

.rightheader {
  text-align: right;
  margin: 0px 5px 0px 0px;
  padding: 0;
}

.commentmain {
  text-align: justify;
  clear:both;
	font-size: 11px;
	font-weight: normal;
  line-height: 130%;
	margin: 20px 30px 10px 30px;
	padding: 0;
}

.commentmain img {
  border: 2px solid #ffffff;
  float: right;
	padding: 0px;
	margin: 3px 0px 12px 20px;
}

.imagedesc {
}

.comments {
  clear: both;
  margin: 5px 0px 5px 0px;
  padding: 0;
  width: 100%;
  border-top: 3px solid #EEEEEE;
}

.commententry {
  margin: 5px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
 	border-bottom: 4px solid #EEEEEE;
}

.commenttext {
  margin: 7px 0px 0px 20px;
  padding: 0;
}

#addcomment {
  text-align: left;
}
 		
.commentfooter{
 width: 100%;
  background-color: #7b7167;
  padding: 3px 0px 3px 0px;
  margin: 8px 0px 0px 0px;
  font-size: 11px;
  font-weight: bold;
}

.commentername, .commenterurl {
  margin: 2px 0px 7px 0px;
}

.view_album_header {
  width: 100%;
  margin: 0px 0px 5px 0px;
  padding: 0;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
}

.album_details {
  width: 100%;
  margin: 10px 0px 10px 0px;
  padding: 0;
  text-align: left;
  font-size: 12px;
}

.album_details a {
  text-decoration: underline;
}

.album_details a:hover {
  text-decoration: underline;
  background-color: #7b7167;
}

.view_album_images img {
  border: 2px solid #ffffff;
}

.caption {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0 0 10px 0;
}

.comments_link {
  margin: 0;
  padding: 15px 0 0 0;
  font-size: 12px;
}

.pview a {
  text-decoration: underline;
}

.pview a:hover {
  background-color: #7b7167;
}

.pview /* brackets both the image and all text in one frame */
{
	margin:7px;
	padding: 7px;
}


.slideshowcontrol {
  height: 30px;
  margin: 0 0 3px 0;
  padding: 0;
}


#about {
  width: 800px;
  margin: 0 auto;
}

#silhouette {
  float: left;
  width: 420px;
  height: 600px;
  margin: 0;
  background: url(../../../images/silhouette.gif) 0 0 no-repeat;
}

#about_text {
  float: left;
  width: 380px;
  margin: 0;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
}

#about_text li {
  padding: 0 0 10px 0;
}

#about_sig {
  text-align: right;
}



textarea {
  margin: 2px 0px 6px 0px;
}

textarea:focus, input:focus, select:focus {

}

.commentbox	{ border-width:1px; border-style:solid; border-color: #000000;
		  padding:2px;
		}
		
.commentboxhead	{ background-color: #FCFCF3; padding:2px;
		  border-bottom-width:1px; border-bottom-style: solid; border-color: #000000;
		  font-size:10pt;
		}

.commentlabel	{ background-color: #DCDCC0; padding:5px; font-weight: bold;
		  font-size:10pt;
		}

.commentboxfooter { 
	background-color: #FCFCF3; padding:2px;
	border-top-width:1px; border-top-style: solid; border-color: #000000;
	font-size:10pt;
}

.sitedesc	{ background-color: #FCFCF3; margin-top:25px; padding:5px;
		  border-style: solid; border-width: 1px ; border-color: #000000;
		}

.inner		{ padding: 5px; margin-top:20px;
		  border-style: solid; border-color: #000000; border-width:1px;
		}

.shortdesc	{ background-color: #DCDCC0; padding:5px; font-weight: bold;
		}


/* 
   text styles 
*/
.title                          /* album titles on main page */
	{ 
	  font-size: 14px; 
	  font-weight: bold;
    color: #ffffff; 
	}
	
.title a {
  color: #ffffff;
}

.mod_title			/* album title -- Text is controlled by .title */
	{
	  border:1px solid #000000;
	  border-right-width:0px;
	  border-bottom-width:0px;
	  border-left-width:0px;
	}

.albumdesc  /*album description includes all text and background*/
	{
	color:#000000;
	}

.desc	{ background-color: #FCFCF3 ; padding:3px; margin:8px; font-size:1.0em;
	  width:80%;
	  border-style: solid; border-color: #000000; 
	  border-width:1px;
	}


.modcaption  /* modifies background for caption text to reside */
	{
	  font-size: 10px; 
	}

.error {
    background-color: #CC0000; color: #FFFFFF ;
    padding:3px;
    margin:5px;
}

a.error, a.error:link, a.error:visited, a.error:active {
    color: #FFFFFF;
}

.attention                          /* so far, just for voting instructions*/
        {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-weight: normal;
          color: blue;
          font-size: 12px;
        }

/*
.warning        { font-weight:bold; background-color: #FFFF33; color: #000000 ;
		  width: 150px; padding:2px; 
		}
*/

.headbox { 
	  background-color: #E6E6DC; font-size: 1.5em;  font-weight:bold; padding:10px;
	  border-style: solid; border-width: 1px; border-color: #F0F0F0;
	}

.head                           /* page headers */
	{ 
	  font-size: 16px; 
	  font-weight: bold; 
	}

.bread                          /* used in breadcrumb bars */
	{ 
	  font-size: 10px; 
	}
.nav                            /* used in navigation bars */
	{ 
	  font-size: 12px; 
	}
.navtableborderbegin{
	border:1px solid #000000;
}

.navtableborderend {
	border:1px solid #000000;
	border-top-width:0px;

}

.bordertop
	{
	  border:1px solid #000000;
	  border-right-width:0px;
	  border-bottom-width:0px;
	  border-left-width:0px;
	}
.borderright
	{
	  border:1px solid #000000;
	  border-top-width:0px;
	  border-bottom-width:0px;
	  border-left-width:0px;
	}
.borderleft
	{
	  border:1px solid #000000;
	  border-top-width:0px;
	  border-bottom-width:0px;
	  border-right-width:0px;
	}

.fineprint                      /* used for fine print */
	{
	  font-size: 10px;
	}

input, select, option, textarea
	{ 
	  background-color: #FCFCFF; padding-left:5px;
	}


.editlink                       /* Used for the [edit] tags */
	{
	  font-size: 10px;
	}

.admin                          /* used in admin bars */
	{ 
	  font-size: 10px; 
	  font-weight: bold; 
}

.adminform { 
    font-size: 10px; 
    font-weight: bold; 
}

.search                          /* used in search text */
	{ 
	  font-size: 10px; 
	  font-weight: bold;
	}

/*
.popupbody
	{
	  margin: 25px;
	  background-color: #aba59e;
          color: #ffffff;
	  font-size: 12px;
 }

.popuphead
	{ 
	  font-size: 16px; font-weight:bold;
	  text-align: center;
	  background-color: #7b7167;
	  padding: 5px; margin: 10px;
	}
*/

.popup /* controls the main text and message body */
 {
   padding: 5px;
 }

.popupform /* controls form textarea */
 {
 }

.commentIndication {
        color: red;
	font-weight: bold; font-size: 12px;
	vertical-align:top;
}


.pcaption /* brackets all text below photo */
{ 
	padding:2px;
	margin-top:2px;
 }

.vatable /* width of the div set for all photo sets - view albums  */
 { 
 	width: 100%;
 }

.vathumbs /* full background bracket for images and text - veiw albums  */
 { 
	margin:17px;
 }

.vafloat /* float for view album - text */
 {
	float: none; 
 }

.vafloat2 /* float for view album - images */
 {
	float: none; 
 }

.vasummary /* controls the view of Album summary */
{
        font-weight:bold;
        padding:2px;
        margin-top:10px;
        width:80%;
}

#adminbox {
    color: #000000;
    background-color: #FCFCF3;
}

#adminbox td {
    font-size: 10px; font-weight: bold;
    background-color: #FCFCF3;
    padding-left:2px; padding-right:2px;
    padding-top:1px; padding-bottom:1px;
}

#adminbox a {
}

#adminbox a:hover {
}


#menu {
  font-size: 12px;
}

#menu td{
}

#menu a {
    white-space: nowrap;
    padding: 2px;
}

#menu a:hover {
   white-space: nowrap;
   text-decoration: none;
   background-color: #7b7167;
}

/*
.noLink {
    font-size: 10px;
}
*/