body {
  background-color: #BFAA9A;
  margin-top: 20px;
}

/* 	margin: auto; */
.rs_outer_wrapper {
	width: 840px;
	border: solid 4px white;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.rs_wrapper {
	width: 840px;
	background-color: #FFFFFF;
}

a:link {
	color: #784A28;
    text-decoration: none;
}

a:visited {
	color: #784A28;
    text-decoration: none;
}

a:hover {
	color: #000000;
    text-decoration: underline;
}

.rserror1 {
    color: red;
    font-size: 1.2em;
    font-weight: normal;
}

.rserror2 {
    color: red;
    font-size: .8em;
    font-weight: normal;
}

/*------------------------------------
	HEADER
------------------------------------*/
.rs_header_wrapper{
	width: 840px;
	height: 135px !important;
	min-height: 135px;
  color: #3C759E;
}
/*
	background-image: url(images/header_bg.gif);
	background-repeat: repeat;
	background-position: right;
*/

.rs_main_header p, .rs_sub_header p { margin: 0; padding: 0; }

.rs_main_header {
  font-family: Garamond, serif;
  font-size:1.3em;
  font-weight: bold;
  color: #3C759E;
  height: 102px;
  overflow: hidden;
  padding: 10px 10px 10px 10px;
  background-color: #FFFFFF;
}

.rs_sub_header {
  font-size: 1em;
}

/*
.rs_sub_header{
  float: left;
  clear: left;
  font-family: Garamond, serif;
  font-size: .8em;
  font-weight: bold;
  padding: 0 0 0 20px;
  height: 25px;
  width: 840px;
  overflow: hidden;
}
*/

img.floatleft {
  float: left;
  padding: 10px 40px 10px 20px;
}

img.headleft {
  float: left;
  padding-top: 12px;
}

img.headright {
  float: right;
  margin-top: 30px;
}

/*------------------------------------
	NAVIGATION
------------------------------------*/
#menu-container {
  display: block;
  position: relative;
  color: white;
  height: 24px;
  width:838px;
  /* margin:0px auto 0px; */
  margin: 0px;
  border: 1px solid black;
  background-image: url(/images/nav_bg.gif);
  background-repeat: repeat;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  z-index: 1;
}

/*
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
*/

/*------------------------------------
	CONTENT
------------------------------------*/

h1 {
  color: #3C759E;
  font-family: Georgia, serif;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.4em;
  padding-top: 20px;
  padding-bottom: 10px;
}

.rs_content {
	clear: both;
	font-family: Georgia, serif;
	font-size: 1em;
  color: #5C5C5C;
  line-height: 1.3em;
	margin: 20px 20px 0px 20px;
  padding-bottom: 40px;
}

.rs_content:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 1px;
	clear: both;
}

img.floatright {
	float: right;
	padding: 0px 0px 0px 20px;
}

.twitterbox {
  width: 220px;
  height: auto;
  float: right;
  margin-left: 10px;
}

.tweetbox {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: .75em;
  margin-top: 8px;
  margin-bottom: 8px;
  overflow: hidden;
  line-height: 1.3em;
}

img.tweetimg {
	float: left;
	padding: 8px 3px 0px 0px;
  clear: both;
}

div.twitterinfo {
  color: #3C759E;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: .75em;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 8px;
  overflow: hidden;
  line-height: 1.3em;
}

p.twitterheader {
  color: #3C759E;
  font-size: 1.2em;
}

textarea#tweet {
	width: 200px;
	height: 80px;
	border: 1px solid #3C759E;
	padding: 5px;
}

img.right {
  width: 140px;
  height: auto;
  float: right;
  border: 1px solid gray;
  padding: 8px 8px;
  margin-left: 12px;
}

.boxright {
  width: 140px;
  height: auto;
  float: right;
  border: 1px solid gray;
  padding: 8px 8px;
  margin-left: 12px;
}

.noboxright {
  width: 140px;
  height: auto;
  float: right;
  border: none;
  padding: 8px 8px;
  margin-left: 12px;
}

.boxleft {
  font-size: .8em;
  width: 120px;
  height: auto;
  float: left;
  border: 1px solid gray;
  padding: 10px 10px;
  margin-right: 12px;
}

.right_big_bullet ul{
  text-align: right;
  list-style: square;
  list-style-position: inside;
}

.right_big_bullet li{
  font-size: 15px;
  font-weight: bold;
  color: #3C759E;
}

div.maplabel {
  margin-left: 220px;
  padding-bottom: 8px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: .75em;
  line-height: 1.3em;
}

#content-tbl {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: .8em;
	margin: 45px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #BFAA9A;
}
#content-tbl th {
  vertical-align: middle;
}
#content-tbl th {
	padding: 15px 10px 10px 10px;
	font-weight: bold;
	font-size: 1em;
	color: #3C759E;
}
#content-tbl tbody {
	background: #ECECEC;
}
#content-tbl td {
	padding: 10px;
	color: #3C759E;
	border-top: 1px dashed #fff;
}
#content-tbl tbody tr:hover td
{
	color: #339;
	background: #D6D6D6;
}

.detail-tbl-left {
	float: left;
}

#detail-tbl {
  width: 540px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #BFAA9A;
  margin-bottom: 10px;
}
#detail-tbl th {
  padding: 15px 10px 10px 10px;
  font-weight: normal;
  font-size: 14px;
  color: #000;
}
#detail-tbl tbody {
  background: #ECECEC;
}
#detail-tbl td {
  padding: 10px;
  color: #000;
  /* border-top: 1px dashed #fff;  */
}
#detail-tbl tbody td {
  color: #000;
}

#detail-inner-tbl {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;
  margin-left: 10px;
  text-align: left;
  border-collapse: collapse;
}
#detail-inner-tbl th {
  padding: 0px 8px 0px 0px;
  font-weight: bold;
  font-size: 12px;
  color: #000;
  margin: 0px;
}
#detail-inner-tbl tbody {
  background: #ECECEC;
}
#detail-inner-tbl td {
  color: #000;
  border-top: none;
  margin: 0px;
  padding: 0px;
}

/* Special internal area for Foursquare information, if any  */
#foursq {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;
  text-align: left;
  border-collapse: collapse;
  margin-bottom: 10px;
}
#foursq th {
  padding: 15px 10px 10px 10px;
  font-weight: normal;
  font-size: 14px;
  color: #000;
}
#foursq tbody {
  background: #ECECEC;
}
#foursq td {
  padding: 10px;
  color: #000;
}

/* This is different because reCaptcha form didn't work with td:hover */
#contact-tbl
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #BFAA9A;
}
#contact-tbl th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 14px;
	color: #3C759E;
}
#contact-tbl tbody
{
	background: #ECECEC;
}
#contact-tbl td
{
	padding: 10px;
	color: #3C759E;
	border-top: 1px dashed #fff;
}


#search-tbl
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: .8em;
	margin: 45px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #BFAA9A;
}
#search-tbl th {
  vertical-align: middle;
}
#search-tbl th
{
	padding: 15px 10px 10px 10px;
	font-weight: bold;
	font-size: 1em;
	color: #3C759E;
}
#search-tbl thead
{
	background: #ECECEC;
}
#search-tbl tbody
{
	background: #FFFFFF;
}
#search-tbl td
{
	padding: 10px;
	color: #3C759E;
	border-top: 1px dashed #fff;
}
#search-tbl tbody tr:hover td
{
	color: #339;
	background: #D6D6D6;
}

/*------------------------------------
	FOOTER
------------------------------------*/
.rs_footer {
  display: block;
  position: relative;
  color: white;
  font-size: .8em;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  border: 1px solid black;
  background-image: url(/images/nav_bg.gif);
  background-repeat: repeat;
  padding-top: 5px;
  height: 2em;
  width: 838px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

/*
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
*/

.rs_footer a:link {
  color: white;
  text-decoration: none;
}

.rs_footer a:visited {
  color: white;
  text-decoration: none;
}

.rs_footer a:hover {
  color: white;
  text-decoration: underline;
}

/*------------------------------------
   Used for pushing down content to display more info
------------------------------------*/

div#myElement {
  width: 220px;
  height: 22px;
  overflow: hidden;
  background-color: #FFFFFF;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: .75em;
  line-height: 1.3em;
}

div#myElement span, div#myElement a {
  background-color: #3082AF;
  display: block;
  color: #FFFFFF;
  padding: 3px 3px 3px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

div#myElement p {
  background: #FFFFFF;
  padding-left: 5px;
  padding-right: 5px;
}

div#myElement a:hover {
  background: #3082AF;
  color: #FFFFFF;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/*------------------------------------
     autoSuggest city/state
------------------------------------*/

ul.suggestions {
  padding: 5px;
  background-color: #ffffff;
  z-index: 10;
  position: absolute;
  border: 1px solid #ccc;
  margin-top: 0px;
  margin-left: 0px;
}

li.suggestionClass{
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 1em;
  list-style: none;
  line-height: 1.2em;
  cursor: pointer;
}

li.suggestionHover{
  background-color: #cccccc;
}

span.queriedValue{
	font-weight: bold;
}

.pointyTips {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: .75em;
}

span.success {
	color: #FFFFFF;
	background-color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	margin: 20px 0px 0px 5px;
	padding: 5px;
}

/*------------------------------------
     Window shade style login
------------------------------------*/

#top {
  background: url(/images/login_top.jpg);
  background-repeat: repeat-x;
  height: 38px;
  position: relative;
  z-index: 200;
}

#top ul.login {
  display: block;
  position: relative;
  float: right;
  clear: right;
  height: 38px;
  width: auto;
  font-weight: bold;
  line-height: 38px;
  margin: 0;
  right: 150px;
  color: white;
  font-size: 80%;
  text-align: center;
  background: url(/images/login_r.png) no-repeat right 0;
  padding-right: 45px;
}

#top ul.login li.left {
  background: url(/images/login_l.png) no-repeat left 0;
  height: 38px;
  width: 45px;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
}

#top ul.login li {
  text-align: left;
  padding: 0 6px;
  display: block;
  float: left;
  height: 38px;
  background: url(/images/login_m.jpg) repeat-x 0 0;
}

#top ul.login li a {
  color: #32CCCC;
}

#top ul.login li a:hover {
  color: white;
}

/*Login*/
#login {
  width: 100%;
  color: white;
  background: #946F55;
  overflow: hidden;
}

/*
	removed this lines from #login above to make it work with IE
	position: relative;
*/

#login a {
	text-decoration: none;
	color: yellow;
}

#login a:hover {
	color: white;
}

#login .loginContent {
	width: 600px;
	height: 80px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .7em;
}

#login .loginContent .left {
	width: 120px;
	float: left;
	padding-left: 65px;
}

#login .loginContent .right {
	width: 310px;
	float: right;
	text-align: right;
	padding-right: 65px;
}

#login .loginContent form {
	margin: 0 0 10px 0;
	height: 26px;
}

#login .loginContent input.field {
	border: 1px #1A1A1A solid;
	background: #464646;
	margin-right: 5px;
	margin-top: 4px;
	color: white;
	height: 20px;
}

#login .loginContent input:focus.field {
	background: #545454;
}

#login .loginContent input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}

#login .loginContent input.button_login {
	width: 47px;
	height: 20px;
	cursor: pointer;
	border: none;
	background: transparent url(/images/button_login.png) no-repeat 
0 0;
}

#login .loginClose {
	display: block;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 70px;
	font-size: 0.8em;
	text-align: left;
}

#login .loginClose a {
	display: block;
	width: 100%;
	height: 20px;
	background: url(/images/button_close.jpg) no-repeat right 0;
	padding-right: 10px;
	border: none;
	font-size: 0.9em;
	color: white;
}

#login .loginClose a:hover {
	background: url(/images/button_close.jpg) no-repeat right -20px;
}

#slideinButton1 {
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: white;
  cursor: pointer;
}

#username {
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #FFFFFF;
}

#log_res {
	overflow: auto;
}

#log_res.ajax-loading {
	background: url(http://demos111.mootools.net/demos/Group/spinner.gif) no-repeat center;
}

#container {
	width: 840px;
  position: absolute;
}

#slidein1 {
  width: 100%;
  height: auto;
  display: none;
}

/*------------------------------------
     roar pop up messages
------------------------------------*/

.roar-body
{
	position:				absolute;
	font:					12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	color:					#fff;
	text-align:				left;
	z-index:				999;
}

.roar
{
	position:				absolute;
	width:					300px;
	cursor:					pointer;
}
.roar-bg
{
	position:				absolute;
	z-index:				1000;
	width:					100%;
	height:					100%;
	left:					0;
	top:					0;
	background-color:		#000;
	-moz-border-radius:		10px;
	-webkit-border-radius:	5px;
	-webkit-box-shadow:		0 0 5px rgba(0, 0, 0, 0.5);
}
.roar-body-ugly .roar
{
	background-color:		#333;
}
.roar-body-ugly .roar-bg
{
	display:				none;
}
.roar h3
{
	position:				relative;
	padding:				15px 10px 0;
	margin:					0;
	border:					0;
	font-size:				13px;
	color:					#fff;
	z-index:				1002;
}
.roar p
{
	position:				relative;
	padding:				10px 10px 15px;
	margin:					0;
	font-size:				12px;
	color:					#fff;
	z-index:				1002;
}

#demo-portrait {
	float: left;
	position: relative;
	width: 130px;
	height: 153px;
	border: 1px solid #eee;
	background-color: #FFFFFF;
	background-position: 1px 1px;
	background-repeat: no-repeat;
}

#demo-portrait a {
	position: absolute;
	left: 1px;
	right: 1px;
	bottom: 1px;
	padding: 0;
	line-height: 22px;
	display: block;
	text-align: center;
}

.photobox {
  position:relative;
  color:#222;
  font-size:13px;
  font-family:trebuchet ms;
  background: #ffffff;
  width: 812px;
  height: 620px;
  margin: 0px;
  padding: 0px;
}

.kroppr {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* tooltip design for standard tips */
.custom_tip .tip {
      position: relative;
      width: 400px;
	background-color: #5A9BBF;
	padding: 5px;
      z-index: 1000;
}

.custom_tip .tip-title {
	color: #fff;
	background-color: #3082AF;
	font-size: 20px;
	font-weight: bold;
	padding: 5px;
}

.custom_tip .tip-text {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	padding: 5px;
}

.custom_tip a.tipclose {
	color: #fff;
      float: right;
}

/* tooltip design for MootoolTips package */
.ToolTips { display:block; position:absolute; width:404px; }
.ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(/images/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }
.ToolTips .message { display:block; position:relative; background:url(/images/tip_body.png) repeat-y; padding:0px 10px; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader,
.ToolTips .dockTopFooter { display:block; position:relative; background:url(/images/dockBottomHeader.png) no-repeat bottom; height:33px;  }
.ToolTips .dockTopFooter { background:url(/images/dockTopFooter.png) no-repeat bottom; height:38px; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:block; position:relative; background:url(/images/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background:url(/images/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }

* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dockBottomHeader.png'); }
* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dockBottomFooter.png'); }
* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dockTopHeader.png'); }
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dockTopFooter.png'); }
* html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fileclose.png');  }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(/images/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips .message { 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:.8em; }
.ToolTips .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#FF6600; }
.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }