body {
	background-color: #eeeced;
	font-family: Arial, Helvetica, sans-serif;
	color: #3d4554;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height:20px;
	height: 100%;
	position: relative;}


/*--------------------------headings------------------------------*/


h1 {
	font-size:18px;
	color:#e43951;
	font-style: italic;
	margin-top:0px;
	}
	
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4{ font-size:14px; font-weight:bold}

/*--------------------------END headings-----------------------------*/







/*--------------------------container------------------------------*/
#container {
	width: 780px;
	margin: 0px auto;
	background: url(/images/vista_backdrop.jpg) ;
	background-repeat:repeat-y;
	
	padding:0px;
	margin-bottom:-15px;}
/*-------------------------END container------------------------------*/






/*--------------------------top nav------------------------------*/
#top_nav{
width: 780px;
height:42px;
background-image:url(../images/vista_top_nav.gif);
margin-top:-12px;
}


#top_nav ul{list-style: none; margin-right:20px; padding-top:14px; padding-right:10px;}
#top_nav li{float: left; padding-right:45px;}
#top_nav a:link, #top_nav a:visited {color: #ffffff; text-decoration: none; }
#top_nav a:hover {color:#fcf705;}
/*--------------------------END Top nav------------------------------*/


#top {float: right; font-weight:bold;}
#top li{padding-top: 14px; padding-right: 20px;}



/*----------------------------------------------------------------------------*/

#content {
	display: block;
	margin-right: 20px;
	margin-left: 200px;
	color:#3d4554;
	margin-top:30px;
	width:510px;
	
}



 




#header {
	height: 143px;
	padding: 0px;
	margin: 0px;
	width: 780px;
	}

#hlogo {
height: 152px; 
width: 780px; 
margin:0px; 
text-indent: -5000px; 
background:  url("/images/vista_header.jpg") no-repeat; }


		
#holdingevents h1 {font-size: 24px;}
#holdingevents {float: left; margin-right: 20px;}
#field {width: 200px;  float: left; margin-top: 3px;}
#field p {margin-top: 2px;}
#kids {width: 200px;  float: left; margin-top: 3px; margin-left: 10px;}
#swmap {float:right; z-index: 3; background: url(/images/map.gif) no-repeat; width: 303px; height: 237px; margin-top: -190px;}

#bridge {background: url(/images/bridge.jpg) no-repeat; width: 582px; height: 197px; font-size: 13px; margin-top: 3px;}
#bridge #cmstext {margin-left: 260px; margin-top: 6px; margin-right: 12px;}
#bridge #cmstext h2 {margin-bottom: 2px;}
#house {float: right; width: 200px; margin-top: -192px;}
#logos {float: left; margin-top: 10px;}









.nolist {list-style: none;}






#notice {border: 1px solid #ff3300; background-color:#FFFF99; padding: 10px;}

.fleft {float: left; margin-right: 60px;}

/*--------------news list ------------------------------------------------------------------------------------------*/

.rnews_do {margin:0px; padding:0px;
	list-style: none;
}
.rnews_do li { list-style: none; margin:0px; padding:0px; background-image:url(../images/arrow.gif); background-repeat:no-repeat;
  background-position: 0 50%; padding-left:15px;}

.rnews_do li a { color: #e5394f; text-decoration:none;}

.rnews_do li a:hover {color: #e78692; text-decoration:none;}

.rnews h3.h3er {margin-bottom:0px;}

.rnews_cats li {list-style: none; margin:0px; padding:0px; background-image:url(../images/arrow.gif); background-repeat:no-repeat;
  background-position: 0 50%; padding-left:15px;}

.rnews_cats a:link, .rnews_cats a:visited {text-decoration: none;color:#e5394f;}

.rnews_cats a:hover {text-decoration: none;color: #e78692;}



/* .h3er, #newspage h3 {background-image: url(/images/h3.gif);} */
#newspage h3, #newspage h2 {clear: both; margin-top:0px; padding-top:0px;}
#newspage h3 a:link, #newspage h3 a:visited, #newspage h3{text-decoration: none; color: #e5394f;}
#newspage h3 a:hover {text-decoration: none; color: #e78692;}
.rnews_date {float: right; margin-top: -35px; color:#e43951}


#newspage{

	margin:0px;
	padding:0px;
}
/*--------------news list ------------------------------------------------------------------------------------------*/
.ximleft {float: left; margin: 4px;}
.ximright {float: right; margin: 4px;}
.ximblock {display: block; margin: 4px;}

.rlinks_do {list-style: none;
margin-left: 50px;
margin-top: 10px;
margin-bottom: 10px;
}
.rlinks_do li {
   
  padding: 0px 0px 0px 0px;

  line-height: 24px; /* height of icon */
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url(/images/arrow.gif); 
  }
.rlinks_do li a {
  padding-left: 30px; /* width of icon + whitespace */
  }
  
.grey {
	background-image: url(/images/grey.gif);
	background-repeat: no-repeat;
	font-size: 100%;
	padding-left: 25px;
	padding-bottom: 7px;
}

.redtick {
	background-image: url(/images/red.gif);
	background-repeat: no-repeat;
	font-size: 100%;
	padding-left: 25px;
	padding-bottom: 7px;
}



.fright {float: right; font-weight: bold;}

#quiz h3 {color: #FF3366; font-size: 1.35em;}
#quiz dt {font-weight: bold; color: #FF3366;}
#quiz ul {list-style: none;}

/*----------------------------------------------------Hannah Contact form-----------------------------------*/
 
 
 #right_contact{ float:left; padding-left:15px;}
  #left_contact{ float:left; }
 
 .redx {color: #ff6600;}
 input, textarea, select {}
 
 .small_text_field{
 border: 1px solid #6e747f;
 font-family: Arial, Helvetica, sans-serif;
	color: #adb0b7;
	padding: 3px;
	font-size: 12px;
	width:200px;
	margin-bottom:6px;
	
 
 }
 
 

 .large_text_field{
 border: 1px solid #6e747f;
  font-family: Arial, Helvetica, sans-serif;
	color: #adb0b7;
	padding: 3px;
	font-size: 12px;
	width:200px;
	margin-bottom:6px;
 }
 .sendbutton {margin-top:10px; padding:2px; border: 1px solid #333333; background-color:#eeeced; font-size: 13px;}
 #bloodything{clear:both; height:75px;}
 
 
 






/* CSS Styles from the page editor */

.ximright{float: right; margin: 4px;}
.ximleft{float: left; margin: 4px;}
.ximblock{margin: 4px;}
.ximrightdiv {float: right; margin: -30px 0px 10px 15px; width: 180px;}



.ximheadback1, #content h2.ximheadback1 {background:url(/images/ximheadback1.gif) no-repeat top left; color: #ffffff; font-size: 13px; font-weight: bold; padding: 2px 2px 2px 15px;}
.ximheadback2, #content h2.ximheadback2 {background:url(/images/ximheadback2.gif) no-repeat top left; color: #ffffff; font-size: 13px; font-weight: bold; padding: 2px 2px 2px 15px;}
.ximheadback3, #content h2.ximheadback3 {background:url(/images/ximheadback3.gif) no-repeat top left; color: #ffffff; font-size: 13px; font-weight: bold; padding: 2px 2px 2px 15px;}

/* END CSS Styles from the page editor */

.faq {list-style: none;}
.faq li a {font-size: 1.2em};
a img, a input, img{border: 0px;}
.cright {margin-left: 102px; margin-top: 3px;}
.searcher {margin: -3px 3px -7px 3px;}

.newsfront {list-style: none;}
.red2 {color: #FF3300;}

/* ----------------- FORUM TEXT ------------------------------ */

#forumbox dl {margin-left: 10px; }

#forumbox dt {/* border-top: 1px solid #999966;*/ background-color: #dddddd; padding: 2px 4px 2px 6px;}
#forumbox dt {font-weight: bold; background-image: none;}
#forumbox dt span {float: right; font-weight: normal;}

.ftheadul {list-style:none; margin-left: 0px; padding-left: 0px;}
.fthead li {background-color: #dddddd; padding: 2px 4px 2px 6px; list-style: none; margin-bottom: 5px; margin-left: 0px;}
.fthead li {font-weight: bold;}
.fthead li span {float: right; font-weight: normal;}

.quiz li li {list-style-type: none;}

.contactform2 input.thinboy3 {margin-left: 20px; width: auto;}
.yellow {background-color: #FFcc00;}
.cbox {clear: both;}



.questitle {background-color: #ffffff; line-height: 1.4em; padding: 3px;}
.quiz .compactlist li {font-weight: bold; margin-top: 3px;}
.quiz .compactlist {margin-bottom: 3px;}



/* ------------------- FOOTER ------------------------ */



#xfoot
{
	width: 780px;
	text-align: center;
	color: #ffffff;
	height: 145px;
	background-image: url(../images/vista_footer.jpg);
	background-repeat: no-repeat;
	background-position:center;
	margin:0px auto;
	
} 

#xfoot {margin: 15px auto; clear: both; text-align:center; display: block; }
#xfoot ul {list-style: none; margin-left:10px; padding-left:20px; padding-top:110px; }
#xfoot ul li {float: left; padding-right:20px;}
#xfoot a:link, #xfoot a:visited { color:#ffffff; text-decoration:none;}
#xfoot a:hover { color:#fcf705;}


#test {border: 1px solid #333333;}
#henry input {border: 1px solid #333333;}
input.thinboy3 {border: 0px;}
#xmode {border: 1px solid #000000;}
.zoom_searchbox {border: 1px solid #000000;}
.zoom_button {border: 1px solid #000000; }

#searchbox {float: right;margin-top: -120px; margin-right: 5px;}
.cleft {clear: right;}

dl {list-style: none;}
dt { font-weight: bold;}
dd {margin-left: 5px;}
.biffer {clear: right;}


/* ------------------ menu settings ------------------------------ */

#menu {float: left;}
#menu ul {
margin:0px; padding:0px;
padding-left:15px;
margin-top:20px;
width:160px;
list-style:none;
padding-right:10px;


	
}

#menu ul ul {padding-left: 0px; margin-top: 0px;}
 /*----------------------------------------------------------------------------*/
#menu li {margin:0px; padding:0px; padding-bottom:5px; padding-top: 5px; border-bottom: 1px dashed #cccccc;}
#menu li li {margin:0px; padding:0px; padding-left:10px; border-bottom: 0px; float: right;}
 
#menu ul li a:link, #menu ul li a:visited { color:#3d4554; text-decoration:none; font-weight: bold;}
#menu ul li a:hover { color:#FF3300; font-weight: bold; text-decoration: underline;}

#menu ul li lia:link, #menu ul li li a:visited { color: #6F7C97; text-decoration:none; font-weight: normal;}
#menu ul li li a:hover { color:#ff3300; font-weight: normal; text-decoration: underline;}