html, body {
	margin:0;
	padding:0px 0px 2px 0px;
}
body{
	text-align: left;
	font-family: Tahoma;
	background-color: #FFFFFF;
	font-size: 0.85em;
}
div#page {
    clear: both;
	width: 100%;
	background-color: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}
div#container {
	margin-right: 6px;
	margin-left:  6px;
}
div#ads {
	clear: both;
	padding: 0px 0px 0px 5px;
}
div#footer {
	text-align: center;
	clear: both;
	padding-top: 4px;
}
a{
	color: #666666;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	color: #FFFFFF;
	text-decoration: none;
}
p, li {
	line-height: 1.3em;
}
p a, li a {
	text-decoration: none;
}
h1, h2 {
	margin: 0;
}
h1 {
	color: #333;
	padding: 0;
}
h2 {
	color: #111;
	padding-top: 0px;
}
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: 505px; 
}
div.controls {
	display:inline;
    width: 500px;
    height: 20px;
    padding-top:  0px;
    padding-left:  12px;
    padding-right: 12px;
    padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.ss-controls {
	float: left;
}
div.ss-controls span {
	display: inline;
	float: left;
	text-align: center;
	margin-right: 4px;
	padding: 0px 10px 0px 10px;
	font-size:  15px;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	height:20px;
	border: solid thin #FFFFFF;
}
div.ss-controls span:hover {
	cursor: pointer;
	background-color: #808080;
	text-decoration: none;
}
div.nav-controls {
	float: right;
	display: inline;
	text-align: right;
    width: 186px;
    height: 20px;
    padding-top:  0px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-left: 8px;
    margin-top:  0px;
    margin-bottom:  4px;
    font-weight: bold;
}
div.nav-controls a {
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	display:inline;
	text-align: right;
	padding: 0px 30px 0px 25px;
	margin: 0px 8px 0px 8px;
	height:20px;
	border: solid thin #FFFFFF;
	cursor: pointer;
}
div.nav-controls a:hover {
	background-color: #808080;
	text-decoration: none;
}
div.nav-controls span{ 
	border-left: none;
}
div.slideshow {
	clear: both;
  	text-align:center;
    padding-top: 4px;
	width: 502px;
	height: 408px;
}
div.slideshow span.image-wrapper {
  	text-align:center;
	margin: 0 auto;
	padding-bottom: 5px;
}
div.slideshow a.advance-link {
	padding: 1px;
	display: block;
	border: none;
	text-decoration:none;
}
div.slideshow img {
    display: inline;
    padding-bottom: 5px;
	margin: 0 auto; 
	border: none;
}
div.download {
	display: inline;
	float: right;
	text-align: right;
    width: 178px;
    height: 45px;
    padding-right: 8px;
    padding-left: 0px;
    padding-top: 15px;
    font-weight: bold;
    color: #000066;
	background: url(http://www.djrickmitchell.com/images/redbanner/red_banner_185x45_download.gif) no-repeat;
	font-size: 0.8em;
}
div.embox {
	float: left;
	width: 300px;
	height: 45px;
	margin: 0 auto;
	text-align: left;
	color: #FFFFFF;
	display:inline;
	background: url(http://www.djrickmitchell.com/images/redbanner/red_banner_300x45.gif) no-repeat;
}
div.image-title {
	display: inline;
	width: 300px;
	height:  20px;
	float: left;
	text-align: left;
	padding-top: 3px;
	padding-left: 15px;
	padding-bottom: 3px;
	font-weight: bold;
	color: black;
	font-size: 1.4em;
}
div.image-desc {
	text-align: left;
	display: inline;
	padding-top: 13px;
	padding-left: 15px;
	padding-bottom:0px;
	font-weight: normal;
	color: black;
	font-size: 1.0em;
}
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. */
        z-index: 1;
        position: absolute;
        padding-top:6px;
}
ul.thumbs {
	clear: both;
	margin: 0;
	margin-top: 0;
	padding:2px;
}
ul.thumbs li {
	float: left;
	padding: 1px;
	margin: 1px 1px 0px 0px;
	list-style: none;
}
ul.thumbs li a {
	padding:  0px;
	display: block;
    border: 5px solid #FFFFFF;

}
ul.thumbs li a:hover {
	padding: 0px;
	border: 5px solid #FFFF00;
}
ul.thumbs li.selected a {
	padding:  0px;
	background: #CC0000;
	border: 5px solid #CC0000;

}
ul.thumbs a:focus {
	outline: none;
}
ul.thumbs img {
	border: solid thin #FFFFFF;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 4px;
	height: 20px;
}
div.navigation div.bottom {
	margin-top: 0px;
}
div.pagination a, div.pagination strong {
	display: block;
	float: left;
	text-align: center;
	margin-right: 4px;
	padding: 0px 5px 0px 5px;
	font-size:  15px;
	font-weight: bold;
	color: #FFFFFF;
	border: solid thin #FFFFFF;
}
div.pagination a:hover {
	background-color: #808080;
	text-decoration: none;
}
div.pagination strong {
	background-color: #CC0000;
}