a:link {
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;

}
a:visited {
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color:#FFCC00;
	font-style:normal;
	font-weight: bold;
	text-decoration: underline;

}

/* general block section styles here */
.title,
.location,
.naviarea,
.mainarea,
.footer{
	padding-left: 10px;
	padding-right: 10px;
	border: 2px outset #FFFFFF; 
	background-color: #9C999C;
}

.body{
	font-family: sans-serif; 
	font-size: medium; 
	color: #FFFFFF;  
	background-color: #000000;
}


.title{
	height: 45px;
	padding-top: 4px;
	margin-bottom: 10px;
	font-size: xx-large;
	text-align: center;
	vertical-align: middle;
	border: none;
	font-weight: bold;
	background-color: #000000;

}


.location{
	height: 15px;
	margin-bottom: 15px;
	padding: 3px 6px;
	font-size: small;
	font-style: oblique;
	text-align: left;
	border: none;
	background-color: #333333;

}

.naviarea{
	padding-right: 4px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: medium;
	text-align: left;
	background-color: #333333;
	border: none;


}

.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;
	border: none;
	font-weight: bold;

}

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

.footer{
	height: 20px;
	xwidth: 100%;
	margin-top: 15px;
	border: 2px outset #333333;
	background-color: #333333;
	font-size: x-small;
	text-align: center;
}

.footer_left{
	text-align: left;
	width: 33%;
}

.footer_center{
	text-align: center;
	width: 33%;
}

.footer_right{
	text-align: right;
	width: 33%;
}

.picture{
	border: 2px outset #000000;
	background-color: #000000;
	text-align: center;
	margin: 3px;
	padding: 3px;
}

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

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

.thumbnail {
	border: outset #000000;
	background-color: #000000;
	text-align: center;
	margin: 2px;
	padding: 1px;
}

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

.thumbnailfooter{
	font-size: x-small;
	font-style: oblique;
}


.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 #333333;
	background-color: #333333;
	text-align: left;
	padding: 20px;
}

.picture_description{
	border: 1px outset #FFFFFF;
	background-color: #333333;
	text-align: center;
	font-weight: bold;

}

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