@charset "utf-8";

body {
	background-image:url(images/banner_top_rpt2.png);
	font-family:Verdana, Geneva, sans-serif;
	color: #4c164b;
	font-size: 13px;
	background-color: #CCC;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	width: 100%;}
	
button {color: red; text-decoration: none; border: none; background-color: #CCC;}

object {marginwidth: 10px;}

.alignright {text-align: right;}

.wrapper {
	background-image: url(images/banner_side2_rpt.png);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}

.navigation {
	padding-top: 73px; 
	position: absolute;
	left: 295px;
	color: #4c164b; font-size:22px; font-family: 'Marcellus', Verdana, Arial, Helvetica, sans-serif; 	}
	
.navigation a {font-weight:normal; }
	
.navigation h4 {font-weight:normal; font-size:calc(.32em + 1.9vw); letter-spacing: -0.5px; padding-top: 11px; margin-left: -25px; margin-right: -184px;}	

.largertitle {float:left; color: #4c164b; font-size:44px; font-family: 'Marcellus', Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }

.divcontent {
	padding: 0 10px 0 10px; margin: -40px 130px 0 260px; float:left; min-height: 450px; max-width: 1200px;}

.innercontent {font-size:15px; clear:both;}

.innercontent img {	border: solid 1px black;
	padding: 2px; float:left; margin-right: 15px; margin-bottom: 15px;}

h1 { text-align:center;  }

h2 {color: #4c164b; font-family: 'Marcellus', Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}

.botpad {
	float:left;
	margin-top: 18px; padding-left:6px;}

a {color: #600; font-weight: bold; text-decoration: none;}

a:hover {color: #093;}

a span {display: none;}


a:hover span {display: block;
    width: 400px;
	color: #4c164b;
	padding-left: 20px;
	position: fixed;
	top: 541px;
	left: 255px;
	text-decoration:none;}


#totop {
	padding: 0 10px 0 10px; margin-left: 280px; float:left;
	clear: both;
}
.paddingleft {
	padding-left: 60px;
}


#totop a img {
	border: none 0px;}

/* hoverbox controls the little images which are 156px high*/
.hoverbox {
	padding-left:440px;
	padding-top: 0;
	margin-top: 0;}

.hoverbox a .preview
{display:none}

.hoverbox a .widepreview
{display:none}


.hoverbox a .narrowpreview
{display:none}

/* the top and left numbers can be changed to locate the hover images which are 392px high*/
/* removing the relative position will allow controling the hover image - removed "position: relative; "*/
.hoverbox a:hover .preview
{	display: block;
	position: fixed;
	top: 172px;
	left: 220px;
	z-index: 1;
	border-color: #000;
	width: auto;
	height: 332px;}
	
.hoverbox a:hover .widepreview
{	display: block;
	position: fixed;
	top: 173px;
	left: 215px;
	z-index: 1;
	border-color: #000;
	width: 495px;
	height: auto;}
	
.hoverbox a:hover .narrowpreview
{	display: block;
	position: fixed;
	top: 172px;
	left: 269px;
	z-index: 1;
	border-color: #000;
	width: auto;
	height: 332px;}
	
.hoverbox img
{	background: #fff;
	border: solid 1px black;
	padding: 2px;
	vertical-align: top;
	height: 80px;}

.hoverbox li
{	display: inline;
	float:left;
	padding: 0px 3px 15px 3px;}
	
.clearboth {clear:both;}

#imgbottom {padding-top: 0; margin-top: 0; padding-bottom: 30px; float: left; }

.floatleft {float:left;}

.noborder img {border:none; border-width:0;}

.whatever {
	width: 700px;
	margin: 10px auto 0 auto;
	padding: 0 25px 25px 25px;
	background-color: #FFF;
	border: medium solid #2a3b8f;
	font-size: 16px;}

.whatever img {padding: 2px; border: solid 1px #000033; margin-right:15px;}

.whatever h1 {font-size: 25px;}

#upload-head {padding-left: 25px; text-align:center; }
	
.redtext {color:#990000;}

.xmas {width: 215px; float:left; padding: 8px;}
.xmas p {clear:left; text-align: center; font-size:small;}
.xmas img {float: none;
	display: block;
    margin-left: auto;
    margin-right: auto}
	
/*****************************************************************************/

@media screen and (min-width: 697px) {	.navigation h4 {font-size: 90%; letter-spacing: -0.5px; margin-left: 0;}}
	
/*****************************************************************************/

@media screen and (min-width: 757px) {	.navigation h4 {font-size: 100%; letter-spacing: 0px;}}
/*****************************************************************************/


