* html ul li {} * html ul li a {height: 1%; }
body, table, tr, td, div, h1, h2, h3, h4, form, input, span, img, form, input, ul, li, ol, p {margin: 0px; padding: 0px }
body {font: normal 12px/16px "Arial"; color: #4E4E4E; border: none;}
table, tr, td {border-collapse: collapse; vertical-align: top; font: normal 12px/16px "Arial"; color: #4E4E4E}
a {text-decoration:underline; color:#3366CC}
a:hover {text-decoration: none; color:#3366FF}
a img {border: none}
.clear {height: 1px; line-height: 1px; clear: both}
.main {width: 100%; min-width: 800px; width:expression(document.body.clientWidth < 800? "800px": "auto")}

.text-blocks { width:100%; margin:15px auto 0px auto; height:300px; background-color:#F4F4F4; }
.text-block-sep1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:28%; float: left; border-right: dashed 1px #C8C8C8; height:230px; margin:10px; padding:10px;  }
.text-block-sep2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:28%; float: left; border-right: dashed 1px #C8C8C8; height:230px; margin:10px; padding:10px;  }
.text-block-sep3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:28%; float: left; height:230px; margin:10px; padding:10px;  }
.text-blocks2 { width:100%; margin:0px auto 0px auto; height:200px;}
.text-block-sep4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:28%; float: left; border-right: dashed 1px #C8C8C8;margin:10px; padding:10px;  }
.text-block-sep5 { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:28%; float: left; border-right: dashed 1px #C8C8C8;margin:10px; padding:10px;  }
.text-block-sep6 { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:28%; float: left; margin:5px; padding:5px;  }
.text-block-sep7 { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:70%; float: left; margin:5px; padding:5px;  }
.text-block-sep8 { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:20%; float: left; margin:5px; padding:5px;  }
.text-blocks3 { width:100%; margin:0px auto 0px auto;}
.folio {padding:10px 5px 0px 10px; border-left:dashed 1px #C8C8C8;}
.top-menu { width:95%; height:35px; margin:5px auto 0px auto; }
.search-top { width:380px; height:18px; margin:5px; float:right;}

.pics { border:solid 1px #C8C8C8; margin:3px; padding:3px;}
.pic { border:solid 1px #C8C8C8; margin:3px; padding:3px;}
.pic-art { float:left; border:solid 1px #EDEDED; margin:3px; padding:3px; width:78px; height:60px;}

.sandal {width:95%; margin:5px auto 0 auto;}


.main-cont {width:95%; 
				margin:5px auto 0 auto;}
.main-cont img {margin:5px; padding:5px;}
.bottom { width:95%; margin:0px auto 0px auto; height:80px; color:#858585;}
.bottom p { margin:5px 0px 0px 0px;}
.bottom a { text-decoration:underline; font-size:11px; color:#858585;}
.bottom a:hover { text-decoration: none; font-size:11px; color:#858585;}
.pagetrail {float: right; font-size:11px; color:#CCCCCC; margin:10px 20px 10px 0px;}
.pagetrail a {font-size:11px; color:#CCCCCC; text-decoration:underline;}
.pagetrail a:hover {font-size:11px; color:#CCCCCC; text-decoration: none;}
.search-form { width:320px; height:17px; margin:2px; padding:2px; background-color:#FFFFFF; border:solid 1px #C0C0C0; color:#999999; font-size:11px;}
.search-mess { width:300px; height:160px; margin:2px; padding:2px; background-color:#FFFFFF; border:solid 1px #C0C0C0; color:#999999; font-size:11px;}
.search-form-2 { width:200px; height:17px; margin:2px; padding:2px; background-color:#FFFFFF; border:solid 1px #C0C0C0; color:#999999; font-size:11px;}
.search-mess-2 { width:200px; height:80px; margin:2px; padding:2px; background-color:#FFFFFF; border:solid 1px #C0C0C0; color:#999999; font-size:11px;}
.btn { background-color:#CCCCCC; color:#333333; width:80px; height:24px; margin:3px; padding:3px; border:1px dashed #C0C0C0}
.divrrs{width:95%;font-size:11px; padding:5px; margin:5px;}
.h1rrs{font-size:14px;}
.h2rrs{font-size:15px;}
h1 {font: normal 20px/26px "Arial"; color: #ABABAB; padding: 5px; font-weight: lighter; }
h2, h3 {font: bold 14px/16px "Arial"; color: #ABABAB; padding: 5px; }
p {padding: 3px 0;}
ul {list-style: none; padding: 8px 10px;}
ul li {padding: 0 0 10px 15px; background: url("images/li.gif") no-repeat 0px 5px; color: #4E4E4E;}
ol {padding: 10px 10px 10px 10px}
ol li {padding: 0 0 5px 0px}

.poll_reject { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#CCCCCC; padding-top:5px;}

/*  poll.css - stylesheet settings for poll snippets */



.poll {

  width:100%;

  font-size:1em;

  margin:0;

  padding:0;

}

.poll_container {

 width:100%;
 padding-top:0.5em;
 padding-bottom:0.5em;
 margin-left:10px;
 margin-right:10px;

}

.poll_question {

  width:100%;
  text-align:left;
  font-weight:bold;
  height:40px;
  margin:0px 0px 10px 0px;

}

.poll_row_container {

  width:100%;
  padding:.1em 0;

}

.poll_choice {

  width:30%;
  float:left;
  text-align:left;
  margin-left:20px;
  font-weight:bolder;

}

.poll_votes {

  width:15%;

  float: right;

  padding-right:20px;

  text-align:right;

}

.poll_bar_container {

  width:15%;

  height:1.3em;

  border:1px solid #d2d7b4;

  float:left;

  margin:0.1em;

}

.poll_bar {
	height:1.3em;
	background-color:#0D86CB;
	float:left;
	margin:0;
	padding:0;
}

.poll_percent {

  text-align:right;

  padding-right:1em;

  margin-left:auto;

  margin-right:auto;

}

.poll_totalvotes {

  width:45%;

  text-align:left;

  margin-left:20px;

}

.float_left_text_right {

  width:80%;

  float: left;

  text-align:left;

  margin:0 0px 0px 0px;

  padding:0;

}

.float_right_text_left {

  width:10%;

  float:left;

  text-align:left;

  margin:0;

  padding:0;

}

.space_line {

  clear: both; margin: 0; padding: 0; width: 90%;

}


/*
 * jQuery Lightbox Plugin (balupton edition) - Lightboxes for jQuery
 * Copyright (C) 2008 Benjamin Arthur Lupton
 * http://jquery.com/plugins/project/jquerylightbox_bal
 *
 * This file is part of jQuery Lightbox (balupton edition).
 * 
 * jQuery Lightbox (balupton edition) is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 * 
 * jQuery Lightbox (balupton edition) is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 * 
 * You should have received a copy of the GNU Affero General Public License
 * along with jQuery Lightbox (balupton edition).  If not, see <http://www.gnu.org/licenses/>.
 *
 * @name jquery_lightbox: jquery.lightbox.css
 * @package jQuery Lightbox Plugin (balupton edition)
 * @version 1.3.0-rc1
 * @date August 24, 2008
 * @category jQuery plugin
 * @author Benjamin "balupton" Lupton {@link http://www.balupton.com}
 * @copyright (c) 2008 Benjamin Arthur Lupton {@link http://www.balupton.com}
 * @license GNU Affero General Public License - {@link http://www.gnu.org/licenses/agpl.html}
 * @example Visit {@link http://jquery.com/plugins/project/jquerylightbox_bal} for more information.
 */

html, body { margin: 0; padding: 0; height: 100%;}

#lightbox, #lightbox-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:auto;
	right:auto;
	
	z-index:100;
	width:100%;
	height:auto;
	
	text-align:center;
	color:#333333;
	
	/* stop stupid conflicts */
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;
	
	/* general conflict stopper */
	text-decoration:none;
	background:none;
	word-spacing:normal;
	letter-spacing:normal;
	float:none;
	clear:none;
	display:block;
}

#lightbox a, #lightbox a:link, #lightbox a:visited, #lightbox a:hover {
	text-decoration:underline;
	color:#999999;
}

#lightbox-overlay {
	z-index: 90;
	background-color:#000000;
	height: 100%;
	position:fixed;
}
#lightbox-overlay-text {
	text-align: right;
	margin-right: 20px;
	margin-top: 20px;
	color: white;
	font-size: 12px;
	cursor: default;
	line-height:normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
	color:white;
}
#lightbox-overlay-text span {
	padding-left:5px;
	padding-right:5px;
}

#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; }

#lightbox-imageBox {
	position:relative;
	
	background-color:white;
	width:400px;
	height:400px;
	margin:0 auto;
}

#lightbox-imageContainer {
	padding:1px;
}

#lightbox-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
/* #lightbox-imageBox > #lightbox-nav { left: 0; } 
#lightbox-nav a { outline: none; }*/


#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display:block;
	width:49%;
	height: 100%;
	background:transparent url("../images/blank.gif") no-repeat; /* Trick IE into showing hover */
	/* cursor:pointer; */
	zoom:1; /* who knows why? */
	
	padding:0px;
	margin:0px;
}
#lightbox-nav-btnPrev { 
	left:0;
	right:auto;
	float:left;
}
#lightbox-nav-btnNext { 
	left:auto;
	right:0;
	float:right;
}
/*
.preload_largeLink, #prevLink:hover, #prevLink:visited:hover {
	background:url("../images/prev.gif") left 45% no-repeat;
}
.preload_nextLink, #nextLink:hover, #nextLink:visited:hover {
	background:url("../images/next.gif") right 45% no-repeat;
}
*/

#lightbox-infoBox {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0px;
	
	/* width: 100%;
	padding: 0 10px 0; */
}

#lightbox-infoContainer {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#666;
	
	line-height:normal;
	/* height:30px; */
}
#lightbox-infoHeader {
	width:100%;
	text-align:center; 
}
#lightbox-caption {
	text-align:justify;
}
#lightbox-caption-title {
	font-weight:bold;
}
#lightbox-caption-description {
	font-weight:normal;
}

#lightbox-infoFooter {
	margin-top:3px;
	color:#999999;
}
#lightbox-currentNumber {
	display:block;
	width:49%;
	float:left;
	text-align:left;
}
#lightbox-close {
	display:block;
	width:45%;
	float:right;
	text-align:right;
}
#lightbox-close-button{
	padding-left:30%;
}
#lightbox-close-button:hover {
	color:#666666;
}

#lightbox-infoContainer-clear {
	clear:both; 
	visibility:hidden;
}




.s1 {
font-size:100%;

margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
text-decoration: none;

}
.s2 {
font-size:130%;

margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
text-decoration: none;

}
.s3 {
font-size:150%;

margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
text-decoration: none;

}
.s4 {
font-size:180%;

margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
text-decoration: none;

}
.s5 {
font-size:200%;

margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
text-decoration: none;

}
