#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:500px; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:255px; padding:2px; border:1px solid #000; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:url(/mayor/images/slideshow/box.gif); color:#fff; overflow: hidden;z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {
}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:260px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(/mayor/images/slideshow/left.gif) left center no-repeat}
#imgnext {right:0; background:url(/mayor/images/slideshow/right.gif) right center no-repeat}
#imglink {position:absolute; height:260px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:500px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}		

/*
 * Generic rules and classes
 */
 
a img {
	border: none;
}

.left {
	float: left;
	margin: 0 15px 10px 0;
}

.right {
	float: right;
	margin: 0 0 10px 15px;
}

.hidden {
	display: none;
}

.ir {
	letter-spacing: normal;
	text-indent: -999em;
	overflow: hidden;
}

.link
{color:#FFF}

/* Clearfix Method for clearing the floats */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* This declaration is necessary for Safari!! */
.clearfix { display: block; }


/*
 * Layout
 */

body {
	margin:0px;/*setting for FF and other standards compliant browsers*/
	_margin:0px;/*setting for IE6*/
	#margin:0px;/*setting for IE7*/
	padding:0px;/*setting for FF and other standards compliant browsers*/
	_padding:0px;/*setting for IE6*/
	#padding:0px;/*setting for IE7*/
	font-size: 75%;		/* Reset default font size to 12px */
}

#page {		/* Also defined in ie.css */
	width: 500px;
}


#content {
	width: 500px;
}

#content-main {
	width: 500px;
}

/*
 * Content
 */

td {
	font-size: 12px;
}

p {
	margin: 1em 0;
	padding: 0;
}

#content {
	margin-top: 0px;
	font: 1.1em 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

#content h2 {
	margin: 1.5em 0 1.2em;
	font-size: 1.8em;
	color: #444;
	text-transform: uppercase;
}

#content-col1 h2 {
	margin: .7em 0 1.2em;
	font-size: 1.6em;
	color: #1aa5e8;
	text-transform: none;
}

#content h3 {
	font-size: 1.17em;
}

#content h4 {
	font-size: 1em;
}

.wysiwyg ol li {
	margin-bottom: 1em;
}

.wysiwyg ol ol li {
	margin-bottom: auto;
}

.wysiwyg ol ol {
	margin-top: 1em;
	margin-bottom: 1em;
}

.wysiwyg ol li {
	margin: 1.5em 0 1.2em;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	list-style-type: decimal;
}

.wysiwyg ol ol li {
	margin: 0em 0 0;
	font: bold 1em Helvetica, Arial, sans-serif;
	color: black;
	list-style-type: lower-alpha;
}

.wysiwyg ol ol ol li {
	margin: 0;
	font: bold .8em Helvetica, Arial, sans-serif;
	color: #666;
	list-style-type: lower-roman;
}

.wysiwyg ol ol ol ol li {
	margin: auto;
	font: 1em 'Trebuchet MS', Helvetica, Arial, sans-serif;
	color: black;
	list-style-type: decimal;
}