@charset "utf-8";
/* CSS Document */
body {
	font: Verdana, Arial, Helvetica, sans-serif;
	background: #fffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	scrollbar-face-color: #cccccc;
  	scrollbar-shadow-color: #cccccc;
  	scrollbar-highlight-colour:#ffffff;
  	scrollbar-3dlight-color: #ffffff;
  	scrollbar-darkshadow-color: #cccccc;
  	scrollbar-track-colour: #cccccc;
  	scrollbar-arrow-color: #455660;
	background-image:url(images/revolve_bg.jpg);
	background-position:center top; background-repeat:no-repeat;
}
#container {
	width: 880px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
width: 880px;
	background: #FFFFFF;
	height: 72px;
	background-image:url(images/revolve_header.jpg); background-repeat:no-repeat; background-position: top left; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#headerSpacer {
width: 880px;
float: left;
	height: 40px;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#headerTxt {
width: 840px;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0px; color:#999999; text-align:right;
	height: 20px;
	padding-top: 3px;
	padding-right: 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#footer {
	padding: 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #455660;
	height: 25px;
}
.clear{
		clear:both;
}
.greyDot{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:0px; color:#999999;
}
.greyDark{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px;
	color:#666666;
}
 .translucent {
     opacity: 0.3;
     filter:alpha(opacity: 30);
     -moz-opacity: 0.3;
     -khtml-opacity: 0.3;
  }
.greySmall{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	margin:0px;
	color:#CCCCCC;
}
.greytxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	text-align:left;
	COLOR: #333333;
}
.designer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	text-align:center;
	COLOR: #333333;
}
.draw {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	text-align:center;
	COLOR: #990000;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-align:left;
	COLOR: #ffffff;
}
.webmaster {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-align:right;
	COLOR: #ffffff;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	text-align:left;
	COLOR: #333333;
}
.tabletext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align:left;
	COLOR: #333333;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; text-align:left; COLOR: #333333;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; text-align:left; COLOR: #0a2248;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; text-align:left; COLOR: #0a2248;
}
A:link {
FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #FFFFFF; TEXT-DECORATION: none; font-family: Verdana; text-align:left;
}
A:visited {
	FONT-SIZE: 10px; COLOR: #FFFFFF; TEXT-DECORATION: none; font-family: Verdana; font-weight: normal; text-align:left;
}
A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #FFFFFF; TEXT-DECORATION: underline; font-family: Verdana;text-align:left;
}
A.grey:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #666666;
	TEXT-DECORATION: none;
	font-family: Verdana;
}
A.grey:visited {
	FONT-SIZE: 11px; COLOR: #666666; TEXT-DECORATION: none; font-family: Verdana; font-weight: normal;
}
A.grey:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #666666; TEXT-DECORATION: underline; font-family: Verdana;
}
A.grey2:link {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #333333; TEXT-DECORATION: none; font-family: Verdana;
}
A.grey2:visited {
	FONT-SIZE: 10px; COLOR: #333333; TEXT-DECORATION: none; font-family: Verdana; font-weight: normal;
}
A.grey2:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #333333; TEXT-DECORATION: underline; font-family: Verdana;
}
A.orangelink:link {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FF6600; TEXT-DECORATION: none; font-family: Verdana; text-align:right;
}
A.orangelink:visited {
	FONT-SIZE: 11px;
	COLOR: #FF6600;
	TEXT-DECORATION: none;
	font-family: Verdana;
	font-weight: normal;
	text-align:right;
}
A.orangelink:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FF6600; TEXT-DECORATION: underline; font-family: Verdana; text-align:right;
}
#revolveColumn1{
width:200px;
padding:0px;
float:left;
height: 100%;
background-color:#FFFFFF;
margin: 0;
background-image:url(images/revolve_nav.jpg); background-repeat:no-repeat; background-position:bottom;
}
#revolveColumn2{
width:680px;
padding:0px;
float:left;
height: 100%;
background-color:#FFFFFF;
margin: 0;
}
#revolveCopy{
width:680px;
padding:0px;
float:left;
height: 100%;
margin: 0;
border-bottom:solid; border-bottom-color: #CCCCCC; border-bottom-width: 2px;
}
#revolveForever{
width:650px;
padding:0px;
float:left;
height: 100%;
margin: 0;
overflow:auto;
border-bottom:solid; border-bottom-color: #CCCCCC; border-bottom-width: 2px;
}
#leftMenu{
width:180px;
padding:0px;
float:left;
margin: 0;
}
	#revolveFlash{
	width: 680px; float: right; height:450px;  margin:0px;
	}
	#revolveFlashmovie{
	width: 680px; float: right; height:510px;  margin:0px;
	}
	#revolveText{
	width: 657px; float:left; padding: 10px; margin:0px;
	}
	#revolveLogos{
	width: 545px; height:90px; float:right; margin:0px; overflow:auto;
	}
#revolveNews{
width:150px;
margin-left:10px;
padding:5px;
float:right;
margin: 0;
background-color:#E5E5E5;
border-top:dotted; border-top-color: #666666; border-top-width: 1px;
border-bottom:dotted; border-bottom-color: #666666; border-bottom-width: 1px;
}

#revolveEvents{
width:460px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
float:left;
margin: 0;
margin-right: 15px;
background-color:#E5E5E5;
border-top:dotted; border-top-color: #666666; border-top-width: 1px;
border-bottom:dotted; border-bottom-color: #666666; border-bottom-width: 1px;
}