/*whopper websites define divs*/

#wrapper {
	position: relative;
	text-align:left;
	margin:20px;
	width:800px;
	
}
#left_col {
	background-color: #006600;
	position: absolute;
	width: 100px;
	left: 0px;
	top: 0px;
}
#middle_col {
	background-color: #330099;
	width: 600px;
	left: 100px;
	position: relative;
	visibility: visible;
}
#wide_col {
	background-color: #330099;
	position: relative;
	width: 800px;
	left: 0px;
	visibility: visable;
}
#top_slice {
	background-image: url(../60s_images/bg_top.gif);
	position: relative;
	height: 61px;

	
}
#top_slice_wide {
	background-image: url(../60s_images/bg_top_wide.gif);
	position: relative;
	height: 64px;
}
#middle_slice {
	background-image: url(../60s_images/bg_middle.gif);
	background-repeat: repeat;
	width: 600px;
	position: relative;
	min-height:470px;
	height:auto !important;
	height:470px;
}

#middle_slice_wide {
	background-image: url(../60s_images/bg_middle_wide.gif);
	background-repeat: repeat-y;
	position: relative;
	width:800px;
}

#linkstable {
	position: absolute;
	left: 141px;
	z-index: 10;
	width: 247px;
	top: 170px;
	
}

#linkstableWide {
	position: absolute;
	left: 21px;
	z-index: 10;
	width: 247px;
	top: 3px;
}

#linkstable_wide {
	position: absolute;
	left: 41px;
	z-index: 10;
	width: 247px;
	top: 170px;
}
#pagetitle {
	width: 340px;
	position: relative;
	text-align: right;
}

#pagetitlewide {
width: 460px;
position:relative;
text-align:right;
}
#middlerightwrapper {
	width: 340px;
	/*text-align: right;*/
	overflow: visible;
	position: relative;
	left: 210px;
	height:auto !important;
	height:300px;
	min-height:300px;

}
#middlerightwrapper_wide {
	position: relative;
	width: 540px;
	overflow: visible;
	/*text-align: right;*/
	left: 210px;
	height:420px;
	height:auto !important;
	min-height:420px;	
}
#pagecontent {
	top:10px;
	overflow: visible;
	z-index: 7;
	text-align: right;
	cursor: auto;
	position: relative;
	height:270px;
	height:auto !important;
	min-height:270px;

}

#bottom_slice {
	width: 600px;
	left: 100px;
	background-image: url(../60s_images/bg_bottom.gif);
	height: 47px;
	text-align:center;
	}
#bottom_slice td{
	font-color:#990000;
	font-size:90%;
}
#bottom_slice_wide {
	width: 800px;
	left: 0px;
	background-color: #CCCCCC;
	background-image: url(../60s_images/bg_bottom_wide.gif);
	height: 58px;
}
#footer {
	background-color: #330099;
	height: 80px;
	width: 600px;
	text-align:center;
	color: #FFFFCC;
}
#footer p {text-align:center;}
#footer_wide {
	background-color: #330099;
	height: 80px;
	width: 800px;
	text-align:center;
	color: #FFFFCC;
}
#right_col {
	width: 100px;
	left: 700px;
	top: 0px;
	background-color: #006633;
	position: absolute;
}

/*whopper websites redefine html*/


body {
	margin: 0px;
	padding: 0px;
	background-color: #330099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
}

td p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding: 0px;
	margin: 5px;
	text-align:right;
	font-weight:normal;	
}

p,  {
	padding: 0px;
	margin: 5px;
	text-align:right;
}
h1 {
	font-size: 100%;
	font-weight:bold;
	padding:0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;	
}
h2 {
	font-size: 160%;
	text-align: right;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
h3{
	font-size: 110%;
	font-weight:bold;
	text-align: right;
	padding:0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
} 
h4 {

}

h5 {

}

hr {
	color: #FFFFCC;
	margin: 0px;
	padding: 0px;	
}

li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}
ul {
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding-left: 15px;
	padding-top: 0px;
}

ol {
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 6px;
	margin-left: 20px;
	padding-left: 15px;
	padding-top: 0px;
}
/*Scrollbars for IE only*/

html {
	scrollbar-base-color: #ffff00;
	scrollbar-face-color: #FF0000;

	scrollbar-arrow-color: #ffff00;
	scrollbar-track-color: #ffff00;
	scrollbar-shadow-color: #ffcc00;
	scrollbar-lightshadow-color: #993300;
	scrollbar-darkshadow-color: #ffcc00;
	scrollbar-highlight-color: #FFFFcc;
	scrollbar-3dlight-color: #FFFFcc;	
}

/* Text boxes & Inputs etc. */

INPUT, SELECT, OPTION {
	color: #000000;
	background-color: #FFFFFF;
	border: 2px inset #FFFFCC;
	margin: 0px;
	cursor: auto;
	padding: 3px;
	font-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
TEXTAREA {
	color: #000000;
	background-color: #FFFFFF;
	border: 2px inset #FFFFCC;
	margin: 0px;
	cursor: auto;
	padding: 3px;
	font-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.quit_input_styles {
	background-color: #FFFFCC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.button {
border: 2px outset #ffffcc;
}

/*whopper websites custom classes*/


.20leftpx {
	position: relative;
	left: 60px;
}
.formlabels {
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 90%;
	color: #000000;
	font-weight: bold;
}

.scrollbarfix {
position:relative;
right:15px;
}

.flyer {
	position: relative;
	left: -20px;
}


/*whopper websites link classes*/

a.footer:link, a.footer:visited {
color:#FFFFCC;
text-decoration:none;
font-size:80%;
}
a.footer:hover, a.footer:active {
color:#FFFFFF;
text-decoration:underline;
font-size:80%;
}
a.footer:active {
color:#FFFF66;
}

a:link, a:visited {
color:#000000;
text-decoration:underline;
}
a:hover{
color:#990000;
text-decoration:none;

}
a:active{
color:#ff6666;

text-decoration:none;
}

a.mainlinks:hover{
background-color:transparent;
}

a.button:link, a.button:visited {
	color: #993300;
	background-color: #FFFFFF;
	border: 1px solid #993300;
	display: block;
	padding:2px;
	font-size: 12px;
	text-decoration:none;
	text-align: center;
	margin: 0px;
}

a.button:hover, a.button:active {
	color: #cc0000;
	background-color: #ffff66;
	border: 1px solid #cc0000;
	display: block;
	font-size: 12px;
	padding:2px;
	margin:0px;
	text-decoration:none;
	text-align: center;
}
td {
	color: #000000;
}
p {
	margin: 0px;
	padding: 0px;
}
.site_design {
	text-decoration: none;
}