/***** Page *****/

body {
  background: #636958;
  font:70% Verdana,Tahoma,Arial,sans-serif;
  margin:0;
  padding:0;
  color:#333;
}

#wrapper {
  color:#000000;
  border-right:5px solid #53584A;
  border-left:5px solid #53584A;
  background:#ffffff;
  width:740px;
  margin:0 auto;
  padding:0;
}

h1,h2,h3 {
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
}

p {
	font-size: 17px;
}

h1 p {
	font-weight: normal;
	font-size: 17px;
	font-family: Verdana,Tahoma,Arial,sans-serif;
}

/***** Top *****/

#top {
  color:#fff;
  background: url(clouds1.jpg);
  height: 150px;
  margin:0;
  padding:0;
}

#top .topright {
	padding-top: 10px;
	padding-left: 450px;
  	display:inline;
  	float:left;
  	color: white;
	margin: 0px;
}

#top .topright a { 
  color: white;
}

#top .toptitle h1 {
  display:inline;
  color: #2B220C;
  margin: 0px;
  font-size: 50px;
  padding: 20px 0px 0px 15px;
  clear: right;
}

#top a {
  text-decoration:none;
  color:#fff;
  background:inherit;
}

#top a:hover {
  text-decoration:underline;
}

/***** Navigation *****/

#navigation {
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background:#007900;
	height:2em;
	line-height:2em;
	color:#fff;
}

#navigation a{
  display:block;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  background:inherit;
  color: #fff;
  float:left;
  padding:0 10px 0 10px;
}

#navigation .selected, #navigation a:hover{
  background:#44DD3C;
  color:#fff;
}

/***** Main *****/

#main {
  width:700px;
  padding: 20px;
  min-height: 620px;
}

#mainC {
  width:720px;
  padding: 10px;
  min-height: 620px;
}

#maintour img {
	width: 337px;
	height: 312px;
	padding:5px;
	margin: 0px 0px 5px 0px;
  
}

#maintourA img {
	width: 700px;
	height: 600px;
}

#shorttour {
	border:1px solid #2B220C;
	padding-left: 5px;
	clear: right;
	margin-right:5px;
}

#shorttour img {
	width: 688px;
	height: 600px;
}

#exampletitle h1 {
	text-align: center;
	font-size: 14px;
}

#tour {
	font-size: 14px;
	color: #2B220C;
}

#tour h1 {
	text-align: center;
}

a.button {
    /* Sliding right image */
    background: transparent url('button_right_06.png') no-repeat scroll top right; 
display: block;
float: left;
height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
padding-bottom: 20px;
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.button span {
/* Background left image */ 
background: transparent url('button_left_06.png') no-repeat; 
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
} 
a.button:hover span{
text-decoration:underline;
}

#map {
	width: 690px;
	border:1px solid #2B220C;
	padding: 5px;
	text-align: center;
	margin-left:10px;
	margin-bottom: 20px;
}
#maps {
	padding-left: 40px;
}

#map h4 {
	color: green;
}

#weather {
	width: 690px;
	border:1px solid #2B220C;
	padding: 5px;
	text-align: center;
	margin-left:10px;
	margin-bottom: 20px;
}

#Weather {
	margin-left: 100px;
}
#quotes {
	width: 690px;
	border:1px solid #2B220C;
	padding: 5px;
	height: 510px;
	margin-left:10px;
}

#quotes h2 {
	text-align: center;
}

#quotes1 {
	text-align: center;
}

#quotessanebull {
	float: left;
}

#quotessofts {
	float: right;
}

/***** Content *****/

.content {
	float:left;
	width:535px;
	padding:5px 5px 10px 5px;
	font-size: 15px;
}


.content h2 {
  text-align:left;
  letter-spacing:0px;
  margin:0px 0 0 0;
  padding:10px 5px 0 5px;
  color:inherit;  
}

.content p {
padding-left:10px;
padding-right:10px;
margin:10px 5px 10px 5px;
}

.content a {
text-decoration:none;
}

.content a:hover {
text-decoration:underline;
}

/***** Sub Content *****/

#subcontent {
	float:right;
	width:150px;
	margin:0;
	padding:5px 5px 5px 0;
}

#menu h4 {
	text-align:center;
	font-size:1em;
	margin:0;
	padding:5px;
	color:inherit;
}

#menu {
	color: #333;
	padding: 5px;
	border:1px solid #2B220C;;
	margin:0 0 10px 0;
	background:inherit;
	min-height: 250px;
	
}

#menu a {
	display: block;
	color: #6690CC;
	text-decoration: none;
	border:0;
	padding:5px;
	font-size: 1.1em;
	font-weight: bolder;
}

#menu ul {
  list-style: none;
  border: none;
  margin: 0;
  padding: 0;
}
		

#menu li a {
  display: block;
  color: #333;
  text-decoration: none;
  border:0;
  padding:5px;
}

#menu li a:hover {
  border:0;
  color: #333;
}

html>body .menu li a {
  width: auto;
}

html>body .menu h4 {
  width: auto;
}


/***** Footer *****/

#footer {
  font-size:0.9em;
  background: #007900;
  clear:both;
  padding:0;
  line-height:1.8em;
  height:1.8em;
  color:#fff;
  text-align:center;
}

#footer a {
color:#fff;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}