/* CSS Document */

body {
	background-color:#aba;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;	
}

#wrapper {
	width: 772px;
	/*background-color:#FF0000;*/
	background-color: #aba;
	margin: 0 auto;
	/*border: 1px solid #000000;*/
	text-align:left;
}

#bordered_window_770_bot {
  width:770px;
  float:left;
  background:#fff url("http://www.rvunplugged.com/images/bot_border_770.gif") no-repeat left bottom;
  margin: 10px 0 5px 0; /* Non-zero values control gap between stacked bordered windows */
  padding:0 0 10px;
  color:#000;
  font-size:97%;
  line-height:1.5em;
  /*background-color:#FF00FF;*/
}
#bordered_window_770_top {
  float:left;
  width:100%;
  background:url("http://www.rvunplugged.com/images/top_border_770.gif") no-repeat left top;
  padding:10px 0 0;
  /*background-color:#FFFF00;*/
}

#bordered_window_770_sides {
  background:url("http://www.rvunplugged.com/images/side_border_770.gif") repeat-y;
  /*background-color:#FF0000;*/
  padding:0;
}

#bordered_window_bot_770 {
  width:770px;
  float:left;
  background:#fff url("http://www.rvunplugged.com/images/bot_border_770.gif") no-repeat left bottom;
  margin: 5px 0 5px 0;
  padding:0 0 10px;
  color:#000
  font-size:97%;
  line-height:1.5em;
  }
#bordered_window_top_770 {
  float:left;
  width:100%;
  background:url("http://www.rvunplugged.com/images/top_border_770.gif") no-repeat left top;
  padding:10px 0 0;
  }
#bordered_window_sides_770 {
  background:url("http://www.rvunplugged.com/images/side_border_770.gif") repeat-y;
  padding:0;
  }
  
#bordered_window_sides_770 p {
	font-size: 85%;
	margin: 30px;
}

#bordered_window_sides_770 ul {
	font-size: 85%;
	margin-left: 75px;
	margin-right: 50px;
}

.contrast_headline {
	font-size:120%;
	color:#FF6600;
}

#bordered_window_bot_770 h1 {
	font-size:135%;
  	line-height:1.5em;
	color:#003366;
	padding: 0;
	margin: 20px;
}

#leftcol400 h2{
	font-size: 110%;
	color: #003366;
	padding: 0;
	margin: 20px;
}

#banner {
	height: 85px;
	border: 1px solid #000000;
 	background: url(../images/simpleRVULogo.jpg) no-repeat;
}

#nav {
	border: 1px solid #000000;
	border-bottom: 0;
	background-color:#330066;
}

#nav ul {
	padding: 0 0 0 10px;  /* Used to move buttons off of left edge to make room for border */
	margin: 0;
	/*margin-left: 150px; /* Use this to shift buttons rather than align center for IE compliance */
	white-space: nowrap;
}

#nav ul li {
	list-style-type: none;
	display: inline;
}

#nav ul li a {
	font-size: 80%;
	color:#FFFFFF;
	padding: 0 10px;
	background-color:#6666CC;
	text-decoration: none;
	border-right: 2px solid #000000;
	text-align: center;
	font-weight: bold;
}

#nav ul li a:hover, #nav ul li a:focus{
	background-color:#CC6600;
}

#memberbar {
	margin: 0;
	padding: 0;
	height: 20px;
	border: 1px solid #000000;
	background-color:#333366;
}

#memberbar p{
	margin: 0;
	margin-top: 3px;
	margin-left: 20px;
	padding: 0;
	font-size: 70%;
	color: #FFFFFF;
}

.sign-up-box a{
	border: 2px solid #6666CC;
	border-right:4px solid #000000;
	margin: 0px;
	padding: 6px;
	background-color:#FFFF99;
	font-size: 85%;
	text-decoration: none;
	color:#330066;
	font-weight: bold;
}

.sign-up-box a:hover, .sign-up-box a:focus{
	background-color:#FFFF00;
}

#leftcol400 {
	width: 400px;
	/*background-color:#006600;*/
	margin-top: 0px;	
	margin-right: 360px;
	margin-left: 10px; /* Sides of bordered box have no padding, so this totally determines left margin */
	margin-bottom: 0px; /* Bottom margin created by padding on bottom of bordered window */
}

#leftcol400 p {
	font-size: 80%;
	margin: 20px;
}

#leftcol400 h1 {
	font-size: 130%;
	color: #003366;
	padding: 0;
	margin: 20px;
}

#leftcol400 h2{
	font-size: 110%;
	color: #003366;
	padding: 0;
	margin: 20px;
}

.left-half-float{
	margin: 0;
	padding: 0;
	float: left;
	width: 49%;
}

.right-half-float{
	margin: 0;
	padding: 0;
	float: right;
	width: 49%;
	text-align: right;
}

.leftabsolute {
	position: absolute;
	left: 0;
	width: 40%;
}

.rightabsolute {
	position: absolute;
	right: 0;
	width: 40%;
}

#clearit {
	display: block;
	clear: both;
}

#bottom_panel {
	background-color:#00FF99;
	margin: 10px 10px;
	clear: both;
}

#bottom_panel p {
	font-size: 80%;
	margin: 20px;
}

#bottom_panel h1 {
	font-size: 130%;
	color: #003366;
	padding: 0;
	margin: 20px;
}

#bottom_panel h2{
	font-size: 100%;
	color: #CC3300;
	padding: 0;
	margin: 20px;
}

#footer{
	border: 1px solid #000000;
	background-color:#000033;
	clear: both;
	color: #FFFFFF;
}

#footer p {
	font-size:70%;
	margin: 0;
	padding: 10px;
	text-align:center;
}

#rightcol320 {
	float: right;
	width: 320px;
	margin-top: 0px; /* Top margin is determined by _BOTTOM_ margin for leftcol410 plus top padding on bordered window */
	margin-right: 10px; /* Bordered window sides have no padding, so this totally determines right margin. */
	margin-bottom: 10px; /*Adds to the padding on bottom of bordered window */
	/*background-color:#009900;*/
}

.float_wrapper_left {
	float: left;
	margin-top: 0px; /* Adds to the *margin-bottom* for the leftcol410 div */
	margin-bottom: 0px; /* Adds to the padding on bottom of bordered window */
	width: 99%;
	/*background-color:#CC0099;*/
}

.bordered_window_margin_wrapper_10 {
	margin-left: 10px;
}

.bordered_window_margin_wrapper_20 {
	margin-left: 20px;
}

.bordered_window_margin_wrapper_30 {
	margin-left: 30px;
}

.margin_left_wrapper_75 {
	margin-left: 75px;
}