div#gallery
{ overflow: hidden; /* clearing in beez */ }

div#gallery .clear
{ border: 0; clear: both; float: none; font-size: 1px; height: 0; line-height: 1px; margin: 0; padding: 0; visibility: hidden;}

div#gallery h1 {
font-size: 16px; font-weight: bold;
text-align:center;
color:#e0c269;
padding:0.7em;
margin-bottom: 2px;
}

div#gallery h2 {
font-size: 12px; font-weight: bold;
}

div#gallery h2 img {
border: none;
}
div#gallery h3 {
font-size: 12px; font-weight: bold; text-align:center;
}
div#gallery p {
text-align:left;
line-height: 1.5em;
font-size: 12px;
}
div#gallery p.article {
margin:0;
}
div#gallery p.small {
text-align:right;
font-size: 10px;
}

div#gallery ul.pagination {
text-align:center;
font-size: 11px;
margin-top:5px;
}

div#gallery ul.pagination li {
padding: 0;
background-image: none;
}

div#gallery .pageslinks,
div#gallery .pagescounter {
text-align: center;
font-size: 11px;
}
div#gallery #g_filter {
margin: 0; padding: 0 0.5em;
}

div#gallery .g_fleft {
float: left;
}

div#gallery .g_fright {
float: right;
}


div#gallery .required {
width:100%;
}
/* Image navigation */
div#gallery div.itemNav {padding:4px 8px;margin:0;}
div#gallery div.itemNav span.itemNavTitle {color:#999; text-align:center;}
div#gallery div.itemNav a.itemPrevious {padding:0 12px; width: 40%; height: 24px; overflow:hidden; float:left; text-align:right;}
div#gallery div.itemNav a.itemNext {padding:0 12px; width: 40%; overflow:hidden; float:right; text-align:left;}

div.itemSocialBlock {padding:4px;}
div.itemSocialBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;float:left;display:block;}
div.itemSocialBlock ul.itemSocial {list-style:none;padding:0;margin:0;float:left;}
div.itemSocialBlock ul.itemSocial li {float:left;list-style:none;padding:0 4px;margin:0;}
div.itemSocialBlock ul.itemSocial li a {float:left;display:block;width:16px;height:16px;background-position:0 0;background-repeat:no-repeat;}
div.itemSocialBlock ul.itemSocial li a:hover {}
div.itemSocialBlock ul.itemSocial li a span {display:none;}
a.delicious {background-image: url(../images/delicious.png);}
a.digg {background-image: url(../images/digg.png);}
a.reddit {background-image: url(../images/reddit.png);}
a.stumble {background-image: url(../images/stumble.png);}
a.facebook {background-image: url(../images/facebook.png);}
a.myspace {background-image: url(../images/myspace.png);}
a.technorati {background-image: url(../images/technorati.png);}

/* Back to top link */
div#gallery div.itemBackToTop {text-align:right;}
div#gallery div.itemBackToTop a {text-decoration:underline;}
div#gallery div.itemBackToTop a:hover {text-decoration:underline;}



div#ThumbMatrix {
    width: auto;
    clear: both;
}
div#ThumbMatrix div.AlbumCell, div#ThumbMatrix div.ItemCell {
    float: left;
    clear: none;
    text-align: center;
    overflow: hidden;
}
div#ThumbMatrix div.AlbumCell img {
   height: auto; padding: 0; text-align:center; margin: 0 auto; border: 1px solid #a87328;
}

div#ThumbMatrix .albumTitle {
    font-size: 1.0em;
    font-weight: normal;
	line-height: 1.4em;
	text-align: center;
	color: #e0c269;
}
div#ThumbMatrix .imageInfo {
    font-size: 0.8em;
    color: #606060;
	margin-top: -10px;
	padding: 0;
	text-align: center;
}
#ImageContainer {
	background: url(../images/loading.gif) no-repeat 50% 50%;
    margin: 0 auto;
    padding: 0;
	text-align: center;
	border: 1px solid #333;  
}

#ImageContainer div.ImageView {
    margin: 0;
}

#ImageContainer div.ImageView img {
    margin: 0;
	z-index: 2
}

#ImageTopTitle {
	width: auto; 
	vertical-align: middle;
	padding-top: 7px;
}
#ContentDetail {
  padding: 0 5px;
  text-align: center;
}
#ImageCopyright {
	width: 50%;
	float: right;
	text-align: right;
	margin-right: 10px;
}


div.gbNavigator {
	height: 24px;
	margin: 0px auto;
	clear: both;
}

div.gbNavigator div.first-and-previous { 
	width: 20%;
	height: 24px;
	float: left; 
}

div.gbNavigator div.pager { 
	width: 60%;
	height: 24px;
	text-align: center;
	float: left;
}

div.gbNavigator div.next-and-last { 
	width: 20%;
	height: 24px;
	float: right; 
}

div.gbNavigator div.next-and-last {
	float: right;
}

.buttonFirst a {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	background: url('../images/arrow.png') 0 -32px no-repeat;
}

.buttonFirst a:hover { background-position: 0 -96px; }

.buttonLast a {
	display: block;
	width: 16px;
	height: 16px;
	float: right;
	background: url('../images/arrow.png') 0 -48px no-repeat;
}

.buttonLast a:hover { background-position: 0 -112px;}

.buttonPrev { margin-left: 5px; }

.buttonPrev a {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	background: url('../images/arrow.png') 0 0 no-repeat;
}

.buttonPrev a:hover { background-position: 0 -64px; }

.buttonNext { margin-right: 5px; }

.buttonNext a {
	display: block;
	width: 16px;
	height: 16px;
	float: right;
	background: url('../images/arrow.png') 0 -16px;
}

.buttonNext a:hover { background-position: 0 -80px; }

div#box {
	width: 100%;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

div#box div.box-container-t {
	padding: 0px 10px 0px 10px;
	position: relative;
}

div#box div.box-t {
	height: 10px;
	background: url(../images/transwhite_t.png) 0 0 repeat-x;
}

div#box div.box-tl {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	background: url(../images/transwhite_tl.png) 0 0 no-repeat;
}

div#box div.box-tr {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	background: url(../images/transwhite_tr.png) 0 0 no-repeat;
}

div#box div.box-l {
	background: url(../images/transwhite_l.png) 0 0 repeat-y;
	overflow: hidden;
}

div#box div.box-r {
	padding: 0px 10px 0px 10px;
	background: url(../images/transwhite_r.png) 100% 0 repeat-y;
}

div#box div.box-m {
	background: url(../images/transwhite_m.png) 0 0 repeat;
}

div#box div.box-l-ie6,
div#box div.box-r-ie6 {
	display: none;
}

div#box div.box-container-b {
	padding: 0px 10px 0px 10px;
	position: relative;
}

div#box div.box-b {
	height: 10px;
	background: url(../images/transwhite_b.png) 0 0 repeat-x;
}

div#box div.box-bl {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	background: url(../images/transwhite_bl.png) 0 0 no-repeat;
}

div#box div.box-br {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	background: url(../images/transwhite_br.png) 0 0 no-repeat;
}

div#box h3.title {
height:18px;
background:url(../images/transwhite_header.png) 0 100% repeat-x;
color:#e7e8a8;
font-size:14px;
font-weight:bold;
text-align:center;
margin:0;
padding:0;
}

.catimage{ height: auto; padding: 0; float: left; margin: 10px 10px 0px 0px;  border: 1px solid #a87328;}

/* Carousel css */  
#Carousel {  
position: relative; /* important */  
overflow: hidden; /* important */  
width: 100%; /* important */  
height: 76px; /* important */  
margin: 0px 0px;  
background: #000;
}  
  
#Carousel_frame {position: relative; _position:absolute; }  
#Carousel_previous {float: left; left: -5px;}  
#Carousel_next {float: right;}  
#Carousel_content {  
position: absolute;  
top: 5px;  
margin: 0 20px 0 20px;  
}  
  
#Carousel_content  
#Carousel_content li {  
	list-style: none;  
	margin: 0;  
	padding: 0;  
}  

#Carousel_content {  
	width: 5418px; 
}  

#ThumbBox #Carousel ul li {  
	display: block;  
	float: left;  
	margin: 0px 4px;  
	padding: 2px;  
	border: 1px solid #666;  
	background-color: #000; 
}  
  
#ThumbBox #Carousel ul li img {  
    display: block;  
}  


.map_canvas {
border:1px solid #a87328;
overflow:hidden;
position:relative;
background: #000 url(../images/map_loading.gif) center no-repeat;
z-index:0;
}

.map_logo
{
background: url(../images/map_logo.png) no-repeat;
width: 80px;
height: 15px;
border: 0;
cursor: pointer;
}
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
background: black; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}
.ddpanel .ddpanelmap{ /*CSS for "content" DIV of Drop Down Panel*/
overflow:hidden;
}
.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
background: black url(../images/toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(../images/toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: #444444; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}


#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

.vote-container-small{display:inline-block;line-height:10px;vertical-align: middle;}
ul.vote-stars-small{height:10px;width:50px;padding:0!important;margin:0!important;}
ul.vote-stars-small li{background-position:0!important;padding:0!important;margin:0!important;}
ul.vote-stars-small, ul.vote-stars-small li a:hover, ul.vote-stars-small li.current-rating{background-image:url(../images/star_small.png)!important;background-color:transparent!important;background-repeat:repeat-x!important;background-position:left -1000px;}
ul.vote-stars-small{background-position:left top;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt;overflow:hidden;padding:0pt;position:relative;}
ul.vote-stars-small li{background-image:none;display:inline;padding:0pt;}
ul.vote-stars-small li a, ul.vote-stars-small li.current-rating{border:medium none;cursor:pointer;left:0pt;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;overflow:hidden;position:absolute;text-indent:-1000em;top:0pt;}
ul.vote-stars-small li a, ul.vote-stars-small li.current-rating{height:10px;line-height:10px;}
ul.vote-stars-small li a:hover{background-position:left bottom!important;}
ul.vote-stars-small li.current-rating{background-position:left center;z-index:1;}
li a.one-star{width:20%;padding:0;margin:0;z-index:6;}
li a.two-stars{width:40%;padding:0;margin:0;z-index:5;}
li a.three-stars{width:60%;padding:0;margin:0;z-index:4;}
li a.four-stars{width:80%;padding:0;margin:0;z-index:3;}
li a.five-stars{width:100%;padding:0;margin:0;z-index:2;}
.vote-count{vertical-align:middle;line-height:10px;font-size: 10px;text-transform: uppercase;}
.vote-msg-thanks{color: #6B8E23;}
.vote-msg-voted{color: #B22222;}

.commenttop{ border-bottom:1px solid #555555;}
.greenBorder {}
.commentbox {width:100%; height:auto; margin: 0;padding: 0; color: #999; border-bottom: 1px solid #555555;}
.avatar {float: left;margin: 0;padding: 0}
.commenttitle {color: #7087bd;margin: 0;padding: 0}
.commentdate {font-size: 10px;color: #999;margin: 0;padding: 0 0 0 12px; float:right; background: url(../images/date.gif) no-repeat center left}
.commentbody {margin: 6px 0 0;padding:0 0 2px}
.commentauthor {margin: 0;padding: 0}



form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 560px;
  max-width: 100%;
  width: 100%;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #ccc;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #ccc;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 100%;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form fieldset div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form fieldset div.notes p.last {
  margin: 0em;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form div img {
  border:none;
}

p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputText, form div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  zoom: 1;
}