body { margin:20px 0 0 0; background: white;
	font-family: Trebuchet MS, Helvetica, sans-serif; color: black; font-size:14px
}

h1,h2,h3,p,blockquote,td,div,li { font-family: Trebuchet MS, Helvetica, sans-serif; color: black; font-size:14px }

h1,h2,h3 { color: #333333 }

h1 { font-size: 20pt }
h2 { font-size: 16pt }
h3 { font-size: 12pt }
h4 { font-size: 10pt }

.little { font-size: 12px }

a:link		{ color: #333333 }
a:active	{ color: #333333 }
a:visited	{ color: #333333 }
a:hover		{ color: #CCCCCC; text-decoration: underline }

A:link.noul    { text-decoration: none }
A:visited.noul { text-decoration: none }
A:hover.noul   { text-decoration: none }

.botmenu { font-size:11px }
A:link.botmenu    { text-decoration: none; color: #999999; }
A:visited.botmenu { text-decoration: none; color: #999999; }
A:hover.botmenu   { text-decoration: none; color: #000000; }


.heading1 { font-size:150% }
.heading2 { font-size:125% }

.sitemenu { font-size:13px }

.row_blue   { background-color:#000099 }
.row_white  { background-color:#FFFFFF }

.rhspanel { background-color: #EEFFEE }

input, textarea, select {
	font-family: Arial, Geneva, sans-serif;
	border: solid 1px #999;
	background:#fff;
	color:#333;
}

input:focus, textarea:focus { 
	background : #EEEEFF;
    	color : black; 
}

.searchinp { width:300px; }

h3.si_heading {
	background:#EEEEEE;
	margin-top:5px;
	margin-bottom:0px;
}

/*********************************************
 * Gallery
*********************************************/

.gallery_description p {
   margin-top: 0px !important;	
}

#gallery_return {
	float: left;
	margin-top: 5px;
}

#gallery_return a {
	color: #f00;
	text-decoration: none;
	font-size: 10px;
}


div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:550px;
	height: 600px;
}

div.content a, div.navigation a {
	color: #333333;
	text-decoration: none;
}

div.content  a:focus, 
div.content  a:hover, 
div.content  a:active {
	text-decoration: underline;
}

div.controls {
	margin-top: 5px;
	height: 23px;
}

div.controls a {
	padding: 5px;
	font-size: 12px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.loader {
	background-image: url('gfx/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 400px
}
div.slideshow {
	clear: both; 
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	display: block;
}
div.download {
	float: right;
}
div.embox {
	clear: both;	
	padding-top: 0px;
}

div.image-desc {

}

div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */      
}

ul.thumbs {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	width: 260px;
}

ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
	text-align: center;
	width: 76px;
}

a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #4f3f66;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;

}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
	display: none;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #4f3f66;
	color: #fff;
	border: 1px solid #ccc;
}