html {
   /*height: 100%;*/
}

body {

   font-size: 0.8em;
   font-family: verdana, sans-serif;
   margin:0;
   background:url(/tourism/images/tourismbg.gif) repeat-y;
	/*line-height:1.5em;*/
  
}

a img {
  border: 0;
}
br.clear {
  clear: both;
}
.right {
  float: right;
}
.left {
  float: left;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}

p.bold, span.bold {
  font-weight: bold;
}
.clearBoth{
	clear:both;
	font-size:1px;
}
.borderless{
	border: 0;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#container{
	width:778px;
	/*margin:auto;*/
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	background:#fff;
	height:100%;

}
#top{
	height:120px;
	border-bottom:solid 2px #000;
	background:url(/tourism/images/tourismbanner2.jpg) no-repeat;
}
#top #topnav{
	/*background:#ddd;*/
	position:absolute;
	height:30px;
	top:90px;
	width:600px;
	left: 178px;
}
	
#topbar{
	background:#cfc;
	height:10px;
}

#tabmenu {
	color: #000;
	border-bottom: 2px solid black;
	margin: 14px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px }

#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
	}

#tabmenu a, a.active {
	color:#222F3D;
	background: #ddd;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:.95em;
	border: 2px solid black;
	padding: 4px 5px 0px 5px;
	margin:0;
	text-decoration: none;
	}

#tabmenu a.active {
	color:#222F3D;
	background: #cfc;
	border-bottom: 3px solid #cfc;
	
	}

#tabmenu a:hover {
	background:#999999
	 }

/*#tabmenu a:visited {
	color: #E8E9BE; }*/

#tabmenu a.active:hover {
	background:#cfc;
	text-decoration:underline;
	color:#222F3D;
	 }



	
/*===================================MENU STYLES==============================================================*/
#leftcol{
	
	width:180px;
	float:left;
	
}
#leftcol #leftgap{
	height:10px;
	background:#cfc;
	border-right:1px solid #bbb;

}

#menu ul{
	list-style:none;
	margin:0px 0 0 0;
	padding:0;
	border-top:1px solid #bbb;
	border-right:1px solid #bbb;
	
}

#menu ul li{
	display:block;
	margin:0px 0;
	padding:0;
	border-bottom:solid 1px #bbb;
	font-weight:bold;
	
}

#menu ul li a, #menu ul li a:link{
	display:block;
	color:#222F3D;
	text-decoration:none;
	padding:3px 0 3px 10px;
}
#menu ul li a:hover{
	background:#060;
	color:#fff;
}


/*===================================END MENU STYLES==============================================================*/


#content{
	float:left;
	width:572px;
	line-height:1.5em;
	text-align:justify;
	color:#333;
	border-top:solid 1px #bbb;
	/*border-left:solid 1px #bbb;
	border-bottom:solid 1px #bbb;*/
	padding:10px 10px 20px 15px;
	min-height: 354px;

}
/* for Internet Explorer */
/*\*/
* html div#content {
    height: 368px;
}
/**/

#contentfull{
	line-height:1.5em;
	text-align:justify;
	color:#333;
	border-top:solid 1px #bbb;
	/*border-left:solid 1px #bbb;
	border-bottom:solid 1px #bbb;*/
	padding:10px 10px 20px 15px;
	min-height: 354px;
}


#content #breadcrumb, #contentfull #breadcrumb{
	color:#999;
	margin-bottom:5px;
	
	padding:0 3px;
	text-align:left;
}
#content h1, #contentfull h1{
	font-size:1.3em;
	color:#060;
}

#content a, #contentfull a, #footer a{
	color:#060;
	text-decoration:none;
	border-bottom:1px dotted #060;
}
#content a:hover, #contentfull a:hover, #footer a:hover{
	background:#cfc;
	border-bottom:1px solid #060;
	text-decoration:none;
}



#content #tlist ul{
	margin-top:0;
}
.contenthead{
	color:#060;
	font-weight:bold;
	border-bottom:1px dashed #000;
}
.boldhead{
	color:#060;
	font-weight:bold;
}



/*===================================FOOTER STYLES==============================================================*/
#footer{
	clear:both;
	
	margin:15px 10px 10px 10px;
	border-top:dotted 1px #bbb;
	font-size:.85em;
	text-align:center;
	clear:both;

	
}
#footer ul{
	list-style:none;
	margin-top:5px;
	margin-bottom:5px;
}
#footer ul li{
	display:inline;
	padding:10px;
}


/*===================================END FOOTER STYLES==============================================================*/


/*===================================GALLERY STYLES==============================================================*/
#gallery ul li{
	list-style:none;
}
/*===================================END GALLERY STYLES==============================================================*/

/*===================================EVENT STYLES==============================================================*/
.eventbox{
	border:1px dashed #393;
	margin-bottom:10px;
	padding:5px;
	background-color:#efffff;
}
.eventdate{
	color:#999;
}
/*===================================END EVENT STYLES==============================================================*/

/*===================================MAP STYLES==============================================================*/
#gmap{
	clear:both;
	margin-top:15px;
	text-align:center;
}
#map{
	margin-top:10px;
	padding:1px;
	border:solid 1px #ccc;
	width:450px;
	height:350px;
}
#attmap{
	margin-top:10px;
	padding:1px;
	border:solid 1px #ccc;
	width:700px;
	height:450px;
}
.mapinfo{
	float:left;
	text-align:left;
	font-size:.8em;
	padding-bottom:10px;
}
.mapinfo img{
	padding:1px;
	border:solid 1px #060;
}
.mapinfo .maptitle{
	font-weight:bold;
}
/*===================================END MAP STYLES==============================================================*/

/*===================================POSTCARD STYLES==============================================================*/

#postcardselect{
	text-align:center;
}
#cleft{
	float:left;
	width:280px;
}
#cright{
	float:left;
	width:280px;
	margin-left:10px;
}
#cleft img, #cright img{
	padding:2px;
	border:solid 1px #060;
}
#cleft a, #cright a,#cleft a:hover, #cright a:hover{
	border-bottom:none;
}

#postcardimage{
	margin-left:110px;
}
#postcardimage img{
	padding:1px;
	border:solid 1px #060;
}
.postcardtitle{
	margin-left:110px;
	font-weight:bold;
	color:#060;
}
#postcardform{
	font-size:.9em;
}
/*===================================END POSTCARD STYLES==============================================================*/

/*=======================================CONTACT US Styles==============================================*/
#contact{
}
#contactus{
	float:left;
	width:500px;
	padding-left:10px;
}
#contactus fieldset {
	
	display:block; 
	/*border:1px solid #009;*/ 
	/*padding:5px; */
	font-family:verdana, sans-serif; 
	margin-bottom:0.5em; 
	line-height:1.5em;
}
#contactus legend {font-family:Verdana, Arial, Helvetica, sans-serif, sans-serif; color:#060; font-size:1em; font-weight:bold; /*border:1px solid #009;*/ margin-bottom:5px; padding:0px 7px 2px 2px; /*width:100px; background:#ddd;*/}
#contactus label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#009; margin-bottom:0.5em;}
#contactus input {border:1px solid #393; /*padding-left:0.5em;*/ margin-bottom:0.6em; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; width:15em; padding:2px;}
#contactus textarea {border:1px solid #393; /*padding-left:0.5em;*/ margin-bottom:0.6em; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;/**/width:15em;}
#contactus select {margin-left:0.5em;}
/*#contactus #button { margin-left:110px;}*/
#contactus #button1 {color:#393; background-color:#009; padding-right:0.5em; cursor:pointer; width:50px; font-weight:bold;}
/*#contactus #button1:hover {background-position:center left; color:#000;}*/
.errmessage{
	color:#c00;
}
/*=======================================End CONTACTUS Styles==============================================*/


/*=======================================EDITOR Styles==============================================*/
.Categoryhead{color:#009; font-weight:bold; background:url(/images/greendot2.gif) bottom repeat-x;}
.Header{color:#009; background:#FFFFFF; font-weight:bold;}
.AlignCentre{text-align:center}
.AlignLeft{text-align:left}
.AlignRight{text-align:right}
.ImgDesc{font-size:.8em; color:#393;}
Table.No-Border{font-size:1em; overflow:auto; border-collapse:collapse;padding:3px; text-align:left;}
Table.Border{font-size:1em; border:1px solid #ccc; overflow:auto; border-collapse:collapse;padding:3px; text-align:left;}
Table TD{padding:3px;}
Table TD.TopHead{font-weight:bold; color:#009; background:#eff; border-bottom:1px solid #393;}
Table TD.TopHeadCentre{font-weight:bold; color:#009; background:#eff; border-bottom:1px solid #393; text-align:center;}
Table TD.LeftHead{font-weight:bold; color:#009; background:#eff; border-right:1px solid #393;}
Table TD.LeftHeadCentre{font-weight:bold; color:#009; background:#eff; border-right:1px solid #393; text-align:center;}
Table TD.VertAlignTop{vertical-align:top;}
img.AlignRight{float:right; padding:2px; margin:0 0 5px 10px;}
img.AlignLeft{float:left; padding:2px; margin:0 10px 5px 0;}
img.AlignRightBorder{float:right; padding:2px; margin:0 0 5px 10px; border:1px solid #393;}
img.AlignLeftBorder{float:left; padding:2px; margin:0 10px 5px 0; border:1px solid #393;}
img.ImageBorder{padding:2px;border:1px solid #393;}
.Error{color:#f00; font-size:1.2em; font-weight:bold;}

/*=======================================End EDITOR Styles==============================================*/