/*HTML Styles*/

/*General Color Classes*/
.dkbrowncolor {color:#663300;}
.ltbrowncolor {color:#C9B487;}
.yellowcolor {color:#CC9900;}
.greencolor {color:#A2C93A;}
.dkgreencolor {color:#5D7E06;}
.orangecolor {color:#CC6600;}
.dkorangecolor {color:#E68A01;}
.beigecolor {color:#EAE3D3;}

/*General Positioning Classes*/
.FloatRight {float:right;}
.FloatLeft {float:left;}
.center {text-align:center;}
.mcenter {margin:0 auto;}
.ClearFloat, br{clear:both;float:none;}

/*General HTML Styles*/
html, body
  {
  height:auto !important; /* FF and compliant browsers should automatically size the body/html */
  height:100%;
  }

body 
  {
  background-color:#C9B487;
  background-image:url('images/sandback.jpg');
  background-repeat:repeat; 
  background-attachment:fixed; 
  background-position:top;
  
  font-family:Arial,Verdana,Helvetica,"Times New Roman",Georgia,Serif,Arial,sans-serif;
  }

a,   a:link,   a:active,  a:visited {color:#CC6600;text-decoration:none;}
a:hover {color:#5D7E06;text-decoration:underline;}

/*Unqiue Div Styles - by ID*/
#Container {
	   width:800px;
	   margin:0 auto;
	  background-color:#EAE3D3;
	  padding:10px;
	
	  border:2px solid #5D7E06; 
	  border-radius: 5px;
	  -o-border-radius: 5px;
	  -icab-border-radius: 5px;
	  -khtml-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  }

#Header {color:#5D7E06;}
#Masthead {
	  margin-top:10px;
	  padding:10px;
	  background-color:#663300; 
	  color:#C9B487; 
	  height:160px;

	  border:1px solid #663300;
	  border-radius: 5px;
	  -o-border-radius: 5px;
	  -icab-border-radius: 5px;
	  -khtml-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  }
#Masthead p {width:120px;}

#Footer {
	  margin:0 auto; 
	 text-align:center;
	 margin-top:40px;
	 color:#663300;
	 width:400px;

	  }
#Footer hr {color:#663300;}
#Footer p {font-size:.8em;}

#Navigation { height:30px; }

#ContentWrapper {margin-top:20px;}
#ContentLeft {
	      float:left;
	      width:565px;
	      background-color:#C9B487;
	      color:#663300;
	      border:1px solid #663300;
	      padding:5px;
	      padding-bottom:20px;
	      border-radius: 5px;
	      -o-border-radius: 5px;
	      -icab-border-radius: 5px;
	      -khtml-border-radius: 5px;
	      -moz-border-radius: 5px;
	      -webkit-border-radius: 5px;
	      }
#ContentLeft br {clear:none;}
#ContentLeft h2 {color:#5D7E06;}
#ContentLeft #ImageWrapper 
			{
			float:right;
			padding:10px;
			margin:5px;
			background-color:#EAE3D3;

			border:1px solid #663300;
			border-radius: 5px;
			-o-border-radius: 5px;
			-icab-border-radius: 5px;
			-khtml-border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;			
			
			}
#ContentLeft p.ie6AboutFix {float:left;}


#ContentRight {
	      float:right;
	      width:200px; 
	      padding:5px;
	      padding-bottom:10px;
	      background-color:#C9B487;
	      color:#663300;
	      text-align:center;

	      border:1px solid #663300;
	      border-radius: 5px;
	      -o-border-radius: 5px;
	      -icab-border-radius: 5px;
	      -khtml-border-radius: 5px;
	      -moz-border-radius: 5px;
	      -webkit-border-radius: 5px;
	      }
#ContentRight br {clear:none;}

#Resources ul li {padding:5px;}
#Resources ul li.NoBullet {list-style: none;}


#Contact {
          padding:2px;
	  margin-bottom:10px;
          background-color:#EAE3D3;
	  color:#5D7E06;
	  font-size:.9em;

	  border:1px solid #663300;
	  border-radius: 5px;
	  -o-border-radius: 5px;
	  -icab-border-radius: 5px;
	  -khtml-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  }
#GMap {
      margin:0 auto;
      margin-top:10px;
      overflow:hidden;
      border:1px solid #663300;
      }

/*jQuery Menu Styles*/
.kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0;  
     margin-left:20px;
     margin-top: 15px;
     margin-bottom: 5px;
      }  
.kwicks li{  
     display: block;  
     overflow: hidden;  
     padding: 0;  
     cursor: pointer;  
     float: left;  
     width: 100px;  
     height: 25px;  
     margin-right: 5px; 
     text-align:center;
     background-color:#663300; 
     color:#C9B487; 
     padding-top:7px;
     font-size:.8em;

    border:1px solid #663300;
    border-radius: 5px;
    -o-border-radius: 5px;
    -icab-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
   
.kwicks a, .kwicks a:link, .kwicks a:active, .kwicks a:visited {color:#C9B487;}


 .kwicks a:hover {color:#663300;text-decoration:none;}


.kwicks li:hover {background-color:#CC9900; color:#663300;}
.kwicks li.selected {background-color:#CC9900; color:#663300;}

.kwicks li.selected a {color:#663300;}
.kwicks li:hover a {color:#663300;}


/*gmap and direction divs*/
#simplemodal-overlay {background-color:#000;}
#MapViewer {display:none;border:5px solid #663300; padding:5px;overflow:auto;}
#directions {float:left; width:280px;border: 1px solid;margin-right:5px;display:none;background-color:#C9B487;}
#directionsmap {float:left; width:500px;border: 1px solid;}
#directionsform span {float:left;color: #CC9900;}
#directionsform label {float:left;font-weight:bold;width:50px; color:#C9B487;text-align:right;padding-right:5px;}
#MapViewer input.Print {height:21px;width:60px;background-image:url('images/print.png');background-repeat:no-repeat; background-attachment:scroll; background-position:center top;border-width:0px;cursor:pointer;background-color:transparent}
#MapViewer input.Close {height:21px;width:60px;background-image:url('images/close.png');background-repeat:no-repeat; background-attachment:scroll; background-position:center top;border-width:0px;cursor:pointer;background-color:transparent}
#MapViewer input.GetDirections {height:21px;width:80px;background-image:url('images/directions.png');background-repeat:no-repeat; background-attachment:scroll; background-position:center top;border-width:0px;cursor:pointer;background-color:transparent}