 
  /* Name: "Hawaii Gourd Society" 
 * Author: Sharon Spilman <puamana@puamana.net>
 * $Id: hgs2.css,v 1.7 2007/05/25 20:40:03 puamanawebdesign Exp $
 */
 
 .body { BACKGROUND:    url(../../img/HGS_header850.jpg) #7a532a no-repeat left top;
  font-family : Arial, Helvetica, Verdana, sans serif; color: #000000; font-size : 12px; 
  margin:0px; 
  padding:0px; 
  SCROLLBAR-FACE-COLOR: #7a532a; 
  SCROLLBAR-HIGHLIGHT-COLOR: #7a532a; 
  SCROLLBAR-SHADOW-COLOR: #5a2a04; 
  SCROLLBAR-3DLIGHT-COLOR: #a05d16; 
  SCROLLBAR-ARROW-COLOR: #000000; 
  SCROLLBAR-TRACK-COLOR: #7a532a; 
  SCROLLBAR-DARKSHADOW-COLOR: #000000; } 
  
  table, td, p{ font-size: 12px; } 
  A, a:link { color : #5a2a04; 
  text-decoration : none; 
  font-weight: bold;} 
  a:visited { font-weight:bold; 
  color : #5a2a04;} 
  A:HOVER, a:active { font-weight:bold; color : #000000;}
  
  
  /* general block section styles here */
.title,
.location,
.naviarea,
.mainarea,

.title{
	height: 45px; 
	padding-top: 4px;
	margin-bottom: 10px;
	
	font-size: large; 
	text-align: center;
	vertical-align: middle;
}


.location{
	height: 15px; 
	margin-bottom: 15px;
	padding: 3px 6px;
	
	font-size: small; 
	font-style: oblique;
	text-align: left;
}

.naviarea{
	padding-right: 4px;
	padding-top: 10px;
	padding-bottom: 20px;
	
	font-size: medium;
	text-align: left;
}

.leftarea{
	font-size: small;
	text-align: left;
	margin-bottom: 15px;
}

ul.navi {
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
}

li.navi {
	padding:0;
}

.mainarea{
	min-height: 400px;
	padding: 10px;
		
	font-size: small; 
	text-align: center;
}

div.naviarea{
	padding-left: 4px;
	width: 250px; 
}

div.leftarea{
	float: left;
	width: 250px; 
}

div.mainarea{
	margin-left: 270px;
}

table.mainarea{

}

.thumbs_table {

}

.thumbs_row {

}

.thumbs_cell {
	vertical-align: top;
}

.annotation {
	color: #000000;
}

td.leftarea{
	width: 1%;
	padding: 0px;
	vertical-align: top;
	white-space: nowrap;
	max-width: 250px;
}

td.naviarea{
	width: 1%;
	padding: 10px;
	vertical-align: top;
	white-space: nowrap;
	max-width: 250px;
}

td.mainarea{
	width: 99%; 
	vertical-align: top;
}

div.clear{
	clear:both;
}

.picture{
	border: 2px outset #FFFFFF;
	background-color: #A7A7A7;
	text-align: center;
}

.picturedir {
	border: 3px outset yellow;
	background-color: #A7A7A7;
	text-align: center;
}

.picturefooter{
	font-size: x-small;
}

.thumbnail {
	border: 1px outset #FFFFFF;
	background-color: #A7A7A7;
	text-align: center;
}

.thumbdir {
	border: 3px outset yellow;
	background-color: #A7A7A7;
	text-align: center;
}

.quickjump{
}

.quickjump_showall{
	width: 2%;
}

.quickjump_left_enabled{
	font-weight: bold;
	width: 1%;
}

.quickjump_left_disabled{
	color: gray;
	width: 1%;
}

.quickjump_right_enabled{
	font-weight: bold;
	width: 1%;
}

.quickjump_right_disabled{
	color: gray;
	width: 1%;
}

.quickjump_page{
	width: 2%;
}

.quickjump_activepage{
	font-weight: bold;
	width: 2%;
}


.album_description{
	border: 1px outset #FFFFFF;
	background-color: #A7A7A7;
	text-align: center;
}

.picture_description{
	border: 1px outset #FFFFFF;
	background-color: #A7A7A7;
	text-align: center;
}

.admin_panel{
	min-height: 400px;
	padding: 10px;

	border: 2px outset #FFFFFF; 
	font-family: sans-serif; 
	font-size: medium; 
	background-color: #DEDED5;
	text-align: left;
}

.admin_item{
	border: 1px solid #000000;
	background-color: #EEEEEE;
	padding: 5px;
	margin: 5px;
}

.admin_list
{
	float: left;
	width: 400px;
	text-align: left;
	border: 1px solid #000000;
	background-color: #DEDED5;
	padding: 5px;
	margin: 5px;
}

.login_panel{
	padding: 10px;

	border: 2px outset #FFFFFF; 
	font-family: sans-serif; 
	font-size: medium; 
	background-color: #9C999C;
	text-align: center;
}

.login_text{
}
.login_box{
}
.login_submit{
}

.pictureDescForm {
	border: 2px outset #FFFFFF; 
	font-family: sans-serif; 
	font-size: 8pt;
	text-align: left;
	margin: 20px 5px 5px 5px ;
	padding: 10px;
}

.pictureDescForm input {
	font-size: 8pt;
}

