/* CSS Document */

body {
  background: #330000 url(http://www.deeprootssanctuary.org/images/bg.jpg) top center no-repeat;
  background-attachment: fixed;
  margin: 0 auto;
  text-align: center;
  padding: 0;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333300;
  }

body#lightbox_search {
  background: #fff;
  background-image: none;
  margin: 0;
  padding: 0;
  }

#wrapper {
  margin: 0 auto;
  width: 712px;
  }

#right {
  float: right;
  width: 510px;
  padding-right: 1px;
  }

#left {
  float: left;
  width: 198px;
  padding-top: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  
h1.logo {
  display: block;
  width: 193px;
  height: 264px;
  background: url("http://www.deeprootssanctuary.org/images/logo.jpg") center no-repeat;
  font-size: 1px;
  text-indent: -9999px;
  overflow: hidden;
}

a.myspace {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0;
	background: url(images/myspace_16.png) center no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	color: #000;
float: left;
padding: 0px;
}

a.facebook {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0;
	background: url(images/facebook_16.png) center no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	color: #000;
float: left;
padding: 0;
}

a.youtube {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0;
	background: url(images/youtube_16.png) center no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	color: #000;
float: left;
padding: 0;
}

a.flickr {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0;
	background: url(images/flickr_16.png) center no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	color: #000;
float: left;
padding: 0 4px;
}

a.twitter {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0;
	background: url(images/twitter_16.png) center no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	color: #000;
float: left;
padding: 0 4px;
}

#footer {
  text-align: center;
  margin: 10px auto;
  padding:10px 0 0 0;
  font-size: 10px;
  clear: both;
  width:90%;
  }

#footer a {
  color: #660000;
  text-decoration: none;
  }
  
#footer a:hover {
  color: #330000;
  text-decoration: none;
  }
img a, img a:active, img a:visited, img a:link, img a:hover {
  border: none;
  }

.imgleft{
  float: left;
  padding: 0;
  margin: 0 5px 5px 0;
  border: 0;
  } 

.imgleft_small {
  float: left;
  padding: 0;
  margin: 0 0 5px 0;
}

.storeitem .imgleft {
  border: 1px solid #bdad60;
}

.imgright{
  float: right;
  padding: 0;
  margin: 5px 0 2px 5px;
  border: 4px solid #999966;
  }
  
.floatright{
  float:right;
  }  
.floatleft{
  float:left;
  }
#right_content {
  text-align: left;
  padding: 2px 10px;
  margin: 1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height:1.5em;
  color: #333300;
  }

#right_content p {
  margin-top: 0px;
  padding-top: 0px;
  text-align: justify;
  }

#right_content a:link, #right_content a:visited, #right_content a:active {
  color: #336666;
  text-decoration: none;
  }
  
#right_content a:hover {
  color: #333300;
  border-bottom: 1px dotted #333300;
  }
#rightright{
  width: 290px;
  float: left;
  font-size:11px;
  }
.action {
  background: url(http://deeprootssanctuary.org/images/actionback.jpg) center no-repeat;
  height: 237px;
  margin: 0;
  padding-top: 10px;
  text-align: center;
  color: #fff;
  }
.action h2{
  font-size: 16px;
  text-transform: lowercase;
  color: #fff;
  padding: 6px 0 4px 0;
  margin: 0;
  }
.action p {
  text-align: justify;
  line-height:1em;
  padding: 0 5px;
  font-size:10px;
  color: #663300;
  }
#rightleft{
  width: 190px;
  float: left;
  }
#rightleft h2{
  text-transform:uppercase;
  font-size:1.2em;
  margin: 0 0 8px 0;
  padding: 0px;
  color: #660000;
  font-weight:normal;
  border: none;
  }
h1 {
  font-size: 200%;
  font-weight: normal;
  color: #999966;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }

h1 a{
  font-size: 200%;
  font-weight: normal;
  color: #999966;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }

h1 a{
  font-size: 200%;
  font-weight: normal;
  color: #999966;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }

.blockquote{
  width: 175px;
  padding: 6px;
  border: solid #999966;
  border-width:1px 0;
  background-color: #f8f1de;
  font-size:11px;
  text-align:justify;
  float: right;
  margin-left: 8px;
  }

#quote {
  width: 470px;
  padding: 0 5px;
  margin: 0 26px 10px 16px;
  text-align: justify;
  }

#quote h1 {
  text-align: justify;
  font-size: 150%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666633;
  padding-bottom: 0;
  }
.back_button {
  clear: both;
  }
.buffer{
  height:30px;
  width:100%;
  background: url(http://deeprootssanctuary.org/images/birddiv.jpg) center no-repeat;
  margin-top: 20px;
  clear: both;
  }

.sponsors {
  float: right;
  width: 200px;
  border: 1px solid #dad1b0;
  margin: 0px 0px 2px 8px;
  padding: 2px 2px 5px 2px;
  background: #f8f1e0;
}

.sponsors h3 {
  font-weight: normal;
  padding: 2px 0 2px 10px;
  margin: 0;
  border-bottom: 1px solid #dad1b0;
}

.sponsors ul {
  margin: 0px;
  padding: 0 0 0 10px;
}

.sponsors li {
  list-style-type: none;
}

/* Newsletter =========================================================================== */
span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.label input {width: 120px;}
span.multiple {float:left;} 
span.button {padding-left:48px;} 
div.clear {clear:both;padding:6px 0;} 
#newsletterform{
  float: right;
  padding: 0;
  margin: 4px;
  border: 1px solid #999966;
  width: 140px;
  }
#newsletterform span.label {margin-left: 8px; text-transform:uppercase; font-size:11px;}
#newsletterform h1{
  margin: 0;
  padding: 0;
  font-size:15px;
  text-transform:uppercase;
  background: #999966;
  width: auto;
  display:block;
  color:#fff;
  padding:2px 0 2px 4px;
  margin: 0 0 10px 0;
  border:0;
  }
#newsletterfront{
  float: left;
  padding: 0 0 10px 0;
  margin: 10px 0 0 0;
  border: 1px solid #c7cf96;
  width: 150px;
  text-align: left;
  }
#newsletterfront span.label {margin-left:12px; text-transform:uppercase; font-size:11px;}
#newsletterfront .clear {padding:0;margin:0;}
#newsletterfront span.button {padding: 6px 0 0 54px;} 
#newsletterfront p{
  font-size: 11px;
  padding: 0 3px;
  text-align:justify;
  }
#newsletterfront a, #newsletterfront a:link, #newsletterfront a:visited, #newsletterfront a:active{
  text-decoration: none;
  color: #660000;
  }
#newsletterfront a:hover {
  color: #999966;
  border: 0;
  }
#newsletterfront h1, #newsletterfront h2{
  margin: 0;
  padding: 0;
  text-align:left;
  text-decoration: none;
  color: #660000;
  }
#newsletterfront h1 a, #newsletterfront h1 a:link, #newsletterfront h1 a:active, #newsletterfront h1 a:visited{
  font-size: 15px;
  color:#666633;
  display:block;
  width:auto;
  text-decoration: none;
  text-transform: uppercase;
  background: #c7cf96;
  padding:2px 0 2px 4px;
  margin:0 0 10px 0;
  border:0;
  }
#newsletterfront h1 a:hover{
  color: #fff;
  }

#newsletterfront h2 a, #newsletterfront h2 a:link, #newsletterfront h2 a:active, #newsletterfront h2 a:visited{
  font-size: 15px;  
  font-weight: normal;
  color:#666633;
  display:block;
  width:auto;
  text-decoration: none;
  text-transform: uppercase;
  background: #c7cf96;
  padding:2px 0 2px 4px;
  margin:0 0 10px 0;
  border:0;
  }
#newsletterfront h2 a:hover{
  color: #fff;
  }

/* About ======================================== */
img.critter {
  padding: 10px 0 0 0;
  margin: 0;
  }
p.adopted {
  font-size: .9em;
  line-height: 1.2em;
  padding-bottom: 15px;
  }
p.adopted img {
  margin-right: 4px;
  }

/* Resources ==================================== */
ul.resourcelist {
  margin:0 0 20px 0;
  padding:0 0 0 20px;
  list-style:none;
  font-size:11px;
  text-indent: 0px;
  }
ul.resourcelist li {
  margin: 10px 0 0 0;
  padding:0;
  line-height: 1em;
  text-indent: 0px;
  }

/* ========= Online Store ======================================================= */
.storeleft {
  float: left;
  width: 230px;
  margin: 1px 6px 10px 0px;
  border: 3px double #999966;
  clear: left;
  }

.storeleft h1 {
  display: block;
  background: #999966;
  color: #EEE4C9;
  width: 223px;
  padding: 4px;
  margin: 0px 0px 10px 0px;
  font-size: 200%;
  }

.storeleft p {
  padding: 4px;
  }

.storeleft a {
  font-weight: bold;
  }

.storeright {
  float: right;
  width: 230px;
  margin: 1px 0px 10px 6px;
  border: 3px double #999966;
  clear: right;
  }

.storeright h1 {
  display: block;
  background: #999966;
  color: #EEE4C9;
  width: 223px;
  padding: 4px;
  margin: 0px 0px 10px 0px;
  font-size: 200%;
  }

.storeright p {
  padding: 4px;
  }

.storeright a {
  font-weight: bold;
  }

.clear {
  clear: both;
  }

img a {
  border: none;
  }

.book_highlight{
  line-height: 12px;
  border: 1px solid #996633;
  padding: 4px;
  margin: 0px;
  }
.book_highlight img {
  float: left;
  padding: 0;
  margin: 2px 2px 2px 0px;
  }

.storeitem {
  float: left;
  clear: both;
  margin: 0px 0px 20px 0px;
}

/* ==== Bookstore ========*/
.bookshelf {
  width: 100%;
  float: left;
  clear: left;
  margin:0 0 10px 8px;
  }
.bookshelf a:hover {
  border: 0px !important;
  }
.book {
  float: left;
  width: 114px;
  margin-right: 8px;
  text-align: center;
  }

a.booktitle {
  font-weight: bold;
  margin-bottom: 0px !important;
  padding: 0;
  display: block;
  background: #999966;
  color: #330000 !important;
  }

a.booktitle:hover {
  display: block;
  background: #999966;
  color: #EEE4C9 !important;
  text-decoration: none !important;
  margin-bottom: 0px !important;
  border-bottom: 0px !important;
  padding: 0;
  }

.bookleft {
  float: left;
  width: 114px;
  margin: 0px;
  text-align: center;
  }
#rightright ul {
  margin:0 0 20px 0;
  padding:0;
  list-style:none;
  }
#rightright li {
  margin: 10px 0 0 0;
  padding:0;
  line-height: 1em;
  }
#rightleft ul {
  margin:0 0 20px 0;
  padding:0;
  list-style:none;
  font-size:11px;
  }
#rightleft li {
  margin: 10px 0 0 0;
  padding:0;
  line-height: 1em;
  }

/* Give Back ============================================= */
img.donate {
  float: right;
  border: 0px double #999966;
  margin: 3px;
  padding: 0px;
  }

p.donate {
  text-align: justify;
  }

.giveback{
  clear: both;
  width: 100%;
  }
.giveback a:hover {
  border-bottom: 0px !important;
  }
.donateleft {
  float: left;
  width: 230px;
  height: 100%;
  margin: 1px 6px 10px 0px;
  }

h1.donate {
  display: block;
  background: transparent;
  color: #EEE4C9;
  width: 230px;
  height: 56px;
  padding: 1px;
  margin: 0px 0px 10px 0px;
  font-size: 1px;
  }

.donateleft p {
  padding: 4px;
  text-align: justify;
  }

.donateright {
  float: right;
  width: 230px;
  height: 100%;
  margin: 1px 0px 10px 6px;
  }

input.sponsor {
  padding: 0;
  margin: 20px 0 0 0;
  }

.blue {
  color: #003366;
  font-size: 90%;
  }

/* Frontpage blog excerpts */
.feedburnerFeedBlock {
  }
 
.feedburnerFeedBlock ul {
  list-style:none;
  line-height: 17px !important;
  font-size: 12px !important;
  text-indent:0;
  padding:0;
  margin:0;
  }
  
.feedburnerFeedBlock ul li {
  padding-bottom: 5px;
  margin-bottom: 15px;
  text-align:justify;
  line-height: 17px !important;
  }

span.headline a, span.headline a:link, span.headline a:visited, span.headline a:active {
  display: block;
  font-weight: bold;
  color:#333333 !important;
  border-bottom: 0px solid #333333;
  padding: 0;
  margin: 0 0 4px 0;
  }
span.headline a:hover {
  font-weight: bold;
  color: #CCCC99 !important;
  border-bottom: 0px solid #333333 !important;
  }
#creditfooter {display: none;}
  
/* Links Tag Cloud */
h3.magnolia-tags-title {
  text-transform:uppercase;
  font-size:16px;
  margin: 0 0 8px 0;
  padding: 0px;
  color: #660000;
  font-weight:normal;
  }
.magnolia-tags-cloud {
  text-align:justify;
  }
a.magnolia-tags-cloud, a.magnolia-tags-cloud:link, a.magnolia-tags-cloud:visited, a.magnolia-tags-cloud:active, a.magnolia-tags-cloud:hover {
  border-bottom: 0;
  color:#fff;
  }

/* Donation Tickets */
ul.donatetags{
  margin:0;
  padding:0;
  width:435px;
  border-bottom: 1px solid #999933;
  }
ul.donatetags li{
  display:inline;
  list-style-type: none;
  padding:0;
  margin: 0;
  }
ul.donatetags li a.twentyfive, ul.donatetags li a.twentyfive:link, ul.donatetags li a.twentyfive:visited, ul.donatetags li a.twentyfive:active{
  width: 62px;
  height: 35px;
  background: url(http://www.deeprootssanctuary.org/images/25.jpg) top left no-repeat;
  font-size: 1px;
  color: #CCCC66;
  text-indent:-9999px;
  display: block;
  float: left
  }
ul.donatetags li a.twentyfive:hover{
  height: 35px;
  border-bottom: 0px !important;
  background: url(http://www.deeprootssanctuary.org/images/25.jpg) bottom left no-repeat;
  }
a.fifty, a.fifty:link, a.fifty:visited, a.fifty:active{
  width: 62px;
  height: 35px;
  background: url(http://www.deeprootssanctuary.org/images/50.jpg) top left no-repeat;
  font-size: 1px;
  color: #CCCC66;
  text-indent:-9999px;
  display: block;
  float: left;
  }
a.fifty:hover{
  height: 35px;
  border-bottom: 0px !important;
  background: url(http://www.deeprootssanctuary.org/images/50.jpg) bottom left no-repeat;
  }
a.hundred, a.hundred:link, a.hundred:visited, a.hundred:active{
  width: 62px;
  height: 35px;
  background: url(http://www.deeprootssanctuary.org/images/100.jpg) top left no-repeat;
  font-size: 1px;
  color: #CCCC66;
  text-indent:-9999px;
  display: block;
  float: left;
  }
a.hundred:hover{
  height: 35px;
  border-bottom: 0px !important;
  background: url(http://www.deeprootssanctuary.org/images/100.jpg) bottom left no-repeat;
  }
a.twohundred, a.twohundred:link, a.twohundred:visited, a.twohundred:active{
  width: 62px;
  height: 35px;
  background: url(http://www.deeprootssanctuary.org/images/250.jpg) top left no-repeat;
  font-size: 1px;
  color: #CCCC66;
  text-indent:-9999px;
  display: block;
  float: left;
  }
a.twohundred:hover{
  height: 35px;
  border-bottom: 0px !important;
  background: url(http://www.deeprootssanctuary.org/images/250.jpg) bottom left no-repeat;
  }
a.fivehundred, a.fivehundred:link, a.fivehundred:visited, a.fivehundred:active{
  width: 62px;
  height: 35px;
  background: url(http://www.deeprootssanctuary.org/images/500.jpg) top left no-repeat;
  font-size: 1px;
  color: #CCCC66;
  text-indent:-9999px;
  display: block;
  float: left;
  }
a.fivehundred:hover{
  height: 35px;
  border-bottom: 0px !important;
  background: url(http://www.deeprootssanctuary.org/images/500.jpg) bottom left no-repeat;
  }
a.thousand, a.thousand:link, a.thousand:visited, a.thousand:active{
  width: 62px;
  height: 35px;
  background: url(http://www.deeprootssanctuary.org/images/1000.jpg) top left no-repeat;
  font-size: 1px;
  color: #CCCC66;
  text-indent:-9999px;
  display: block;
  float: left;
  }
a.thousand:hover{
  height: 35px;
  border-bottom: 0px !important;
  background: url(http://www.deeprootssanctuary.org/images/1000.jpg) bottom left no-repeat;
  }
a.other, a.other:link, a.other:visited, a.other:active{
  width: 62px;
  height: 35px;
  background: url(http://www.deeprootssanctuary.org/images/other.jpg) top left no-repeat;
  font-size: 1px;
  color: #CCCC66;
  text-indent:-9999px;
  display: block;
  float: left;
  }
a.other:hover{
  height: 35px;
  border-bottom: 0px !important;
  background: url(http://www.deeprootssanctuary.org/images/other.jpg) bottom left no-repeat;
  } 
.donatetext{
  clear: left;
  width: 421px;
  margin-top:0px;
  border: solid #999966;
  border-width: 1px 1px 1px 1px;
  background:#dbd1b5;
  padding: 6px;
  font-size: 95%;
  }

ul.subs{
 width:100%;
 float: left;
 list-style-type:none;
 margin: 0;
 padding:0;
 }
ul.subs li{
  float: left;
  display:inline;
  margin:0 2px 0 0 !important;
  padding:4px;
  width:60px;
  height: 40px;
  background: #FFFFCC;
  border: 1px solid #999966;
  text-align:center;
  }
ul.subs li a, ul.subs li a:link, ul.subs li a:visited, ul.subs li a:active {
  }
ul.subs li a:hover {
  border-bottom: 0px !important;
  }
span.big{font-size:2em; line-height:1em;}
span.small{font-size:1em; line-height:.5em;}
.sidenote{
  border: solid #CCCC99;
  border-width: 1px 0;
  font-size: 95%;
  line-height:12px;
  }
.sidenote h3 {
  margin: 0 !important;
  padding: 0 !important;
  }
.sidenote p{
  margin-top:0;
  padding-top:0;
  }
  
img a, img a:active, img a:visited, img a:link{
  border: none;
  }
 img a:hover {border-bottom:0px;}
 
a img, a:link img, a:hover img, a:visited img {
  border: none; 
  text-decoration: none !important;
  }
a:hover img {border-bottom:0px;}

/* BLOG ============================================= */
.blogpeakmeta {
  text-align: right;
  font-size: 11px;
  font-weight: normal;
  }

.postmetadata, .commentmetadata {
	letter-spacing: 1px; 
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
	font-size: 0.75em;
	font-weight: normal;
	color: #663300;	 
	}


.post {
	margin: 0 0 40px 0;
	text-align: left;
	}

/* Login ================================================================================ */
#search fieldset, #sidebarlogin fieldset{
	border: none;
	margin: 0px;
	padding: 0px;
}
#search form, #sidebarlogin form {
	border: none;
	margin: 0px;
	padding: 0px;
}


#search label, #sidebarlogin label {
color: #444444;
}


#search input, #sidebarlogin input {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}
#sidebarlogin label {
display: block;
margin-top: 5px !important;
}

#sidebarlogin input {
	width: 100%;
}
#sidebarlogin #checkbox_1 {	width: auto; float: right;}
#sidebarlogin h3 {
display: none;
}
.button {width: auto !important; height: auto !important; padding: 2px !important; margin-top: 5px !important; margin-bottom: 5px !important;}

#sidebarlogin .forgotpsswd {
	display: block;
	color: #999966;
}
.forgotpsswd a, .forgotpsswd a:link, .forgotpsswd a:visited, .forgotpsswd a:active {
  font-size: .9em !important;
  border: none !important;
  text-align: center;
  text-decoration: none;
  color:#999966;
  }
.forgotpsswd a:hover {
  color: #3399FF;
  }

/*== Events Page ========================================== */
col1 {
  width: 10%;
  float: left;
}

col2 {
  width: 25%;
  float: left;
}

col3 {
  width:25%;
  float: left;
}

col4 {
  width:40%;
  float: left;
}


/* AJAX Search ============================================*/
#ajaxSearch{
  width: 150px;
  font-size: .9em;
  color: #666633;
  margin: 10px 0;
  }
.meta{
  width: 150px;
  font-size: .9em;
  color: #666633;
  margin: 10px 0;
  padding-top:10px;
  clear: both;
  }
#ajaxSearch input {
  border: 1px solid #c7cf96;
  width: 146px;
  color: #666666;
  padding:2px;
  }
.ajaxSearch_resultDescription,  .ajaxSearch_intro, .AS_ajax_resultDescription {
  display: none;
  }
.AS_ajax_result {
  text-align: left;
  padding-top: 6px;
  }
.AS_ajax_extract {
  padding-bottom: 6px;
  }
.AS_ajax_result a, .AS_ajax_result a:link, .AS_ajax_result a:visited, .AS_ajax_result a:active, .AS_ajax_more a, .AS_ajax_more a:link, .AS_ajax_more a:visited, .meta a, .meta a:link, .meta a:visited {
  text-decoration: none;
  color:#006699;
  }
.AS_ajax_result a:hover, .AS_ajax_more a:hover, .meta a:hover {
  color:#999999;
  }
.ajaxSearch_extract {
  padding-bottom: 10px;
  }
.ajaxSearch_highlight1 {
  background: #FFFFCC;
  }
.ajaxSearch_highlight2 {
  background: #99CCFF;
  }
.ajaxSearch_highlight3 {
  background: #CCFFCC;
  }
img#searchClose {
  position: relative !important;
  float: right;
  margin: 0;
  padding: 1px;
  }

/* Lightbox ====================================================== */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.deeprootssanctuary.org/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.deeprootssanctuary.org/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.deeprootssanctuary.org/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
.neatbox {width: 300px; margin: 0 auto;}
#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	background:#FDFCE9;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}

/* Contact Us Form ===================================== */
.contactus form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  width: 450px;
}

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

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

.contactus label {
  font-size: 100%;
}

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

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

.contactus textarea {
  overflow: auto;
}

.contactus form div {
  clear: left;
  display: block;
  width: 450px;
  height: expression('1%');
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

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

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

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

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

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

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

.contactus form div img {
  border: 1px solid #000000;
}

.contactus p.error {
  background-color: #ff0000;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

.contactus form div.error {
  background-color: #ffffe1;
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

.contactus form div.error p.error {
  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;
}

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

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

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

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

.contactus form div input.inputSubmit, .contactus form div input.inputButton, .contactus input.inputSubmit, .contactus input.inputButton {
  background-color: #CCCC99;
  color: #996633;
  width: auto;
  padding: 4px 6px;
  margin: 0;
  border: 1px solid #996633;
}

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

.contactus form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  height: expression('1%');
}