@charset "utf-8";
/* CSS Document */

body{ background:url(../gfx/background.jpg) no-repeat fixed top center; font-family:arial; font-size:12px; color:#010101;margin:0px; background-color:#e2f0da; }
img, a img, td a{ border:none;}
.copyright{ font-size:12px; color:#FFF; font-weight:bold; width:900px; text-align:left;}
.copyright td{}
.copyright a{ color:#FFF; font-weight:bold; text-decoration:none; }
#montserratgallery { height:650px; width:650px; }

.top-bar {
text-align: right;
margin-top: 7px;
width: 900px;
}

.logo {
width: 365px;
height: 99px;
float:left;

}

.searchbox{
float: right;

margin-top: 20px;
text-align:left

}
.container-top {
height: 99px;
width: 900px;
}

.main-menu{
width: 900px;
}
#container-body{
width: 900px;
margin:0 auto;
background-color:#FFFFFF;
}

#content{
    text-align:left;
    /* REMOVE THIS LINE: */
    background:#ffffff;
    /* AND INSERT YOUR REPEATING IMAGE HERE USING SOMETHING LIKE: */
    /* background:transparent url(/gfx/tile.gif) repeat-y; */
}
.clear{ clear:both; }
#body-left-bar {
width: 204px;
float: left;
background-color:#FFFFFF;
text-align:center;
}

.uevents-datesec {
color: #19abd2;
font-size:12px;
font-family: arial;
font-style:italic;
}
#wrapper{
    width:900px;
	background-color:#FFFFFF;
    margin:0 auto;
}
td {
	font-family: arial;
	font-size: 12px;
	color: #333333;
}
#body-main-page {
float: left;
background-color:#FFFFFF;
width: 696px;

}
#left{
   /*  float:left;*/
    width:200px;
    /* REMOVE THIS LINE: */
    background:#ffffff;
	text-align:center;
}
#right{
    float:right;
    width:660px;
	padding-right: 20px;
	padding-top: 25px;
    text-align:left;
    /* REMOVE THIS LINE: */
    background:#ffffff;
}
#footer {
width: 800px;
margin: 25px;
padding-top:10px;
text-align:left;
color:#333333;
font-size:11px;
line-height:20px;
border-top: 1px solid #333333;
}
#footer a {
color:#ffffff;
font-size:11px;
line-height:20px;
text-transform:none;
font-family:verdana;
text-decoration:none;

}
#footer a:visited {
color:#ffffff;
font-size:11px;
line-height:20px;
text-transform:none;
font-family:verdana;
text-decoration:none;
}
#footer a:active {
color:#ffffff;
font-size:11px;
line-height:20px;
text-transform:none;
font-family:verdana;
text-decoration:none;
}
#footer a:hover {
color:#ffffff;
font-size:11px;
line-height:20px;
text-transform:none;
font-family:verdana;
text-decoration:none;
}
.footer-link {
	color: #FFFFFF;
	font-family: verdana;
	font-weight:bold;
	text-decoration:none;
	margin-right:20px;
}
.footer-btop {
color:#FFFF00;
}
.container {  width: 900px; text-align:center; margin:0px; padding:0px; }

	.containWidth {width: 900px;}
/**************************************** Home Page & Side Nav  *******************************/
#search_n_weather td{ vertical-align:middle;}
#search_n_weather div, #search_n_weather input{ display:inline; }
.searchbtn{ background:#ffffff url(../gfx/search.png); width:82px; height:20px; cursor:pointer;}
#searchtext{ background:#fff; width:130px;}
.sidenav_home{ background:#ffffff url(../gfx/index_06a.png) no-repeat bottom; width:199px; height:100%; padding: 38px 10px; vertical-align:top; }
.sidenav_home p, .sidenav_home div, .sidenav_home div p{ text-align:center; vertical-align:top; padding: 0px 10px;}
.sidenav{ background:#ffffff url(../gfx/index_06.png) no-repeat bottom; width:178px; height:100%; padding: 38px 10px; vertical-align:top; }
.sidenav p, .sidenav div, .sidenav div p{ text-align:center; vertical-align:top; padding: 0px 10px;}
.undernav{background:#efe7d8 url(../gfx/index_09w.png) no-repeat bottom; width:198px; height:67px;}
#home_pagetitle{ background:#ffffff url(../gfx/index_07a.png); width:817px; height:40px; color:19abd2; font-size:30px; font-weight:bold; text-align:left; vertical-align:baseline; padding:47px 0px 0px 10px; }
#homecontent{ background:#ffffff url(../gfx/index_12.png) repeat-x bottom; width:456px; height:100%; padding:0px 25px 10px 10px; text-align:justify; font-size:13px; vertical-align:top; }

.seemore{ font-weight:bold; text-align:right; width:100%; text-transform:uppercase; }
.seemore a{ color:#1a8a3f; text-decoration:none; font-size:10px;}
#newsarea{ background:#fffcd2 url(../gfx/index_18.png); width:152px; height:94px; color:#000;}
#articleheader{font-family:Arial, Helvetica, sans-serif; text-align:right; text-transform:uppercase; color:#df001a; font-size:12px; font-weight:bold; line-height:10px; background-color:#fffcd2; letter-spacing:4; padding-right:5px;}

.articledescr{ width:96%;}
.articletitle a.articletitlelink, .articletitle a{ width:445px; text-align:right; font-size:16px; font-weight:bold; color:#92278f; text-decoration:none;} /* In Subdreamer: plugin title*/
#events{ /*background:#ffffff url(../gfx/index_12.png);*/ width:157px; height:88px; color:#000; }
#eventheader{ /* height:12px; */font-family:Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; color:#e8670c; font-size:12px; font-weight:bolder; line-height:10px; letter-spacing:3; padding:0; margin:0; }

#newsletter{ background:#ffffff url(../gfx/index_18.png); width:157px; height:124px; font-size:12px; text-align:justify; color:#000; overflow:hidden;}
#newsletter a{ text-decoration:none;}
#newsletter div.edition{ line-height:0px; padding-bottom:0px;}
#newsletter p{ padding-top:0px;}
#newsletter a{ text-decoration:none; color:#000000;}
#enewsheader{ font-family:Arial, Helvetica, sans-serif; color:#0c8eb9; font-weight:bold; font-size:12px; text-transform:uppercase; text-align:right; letter-spacing:3; }
#edition{ color:#15be0d; font-weight:bold; font-size:18px; text-align:left; padding-top:0px; padding-bottom:0px;}
#edition a{ color:#15be0d; text-decoration:none; }
/*************************************  End of  Home Page ***************************/

#topstories{ background-image:url(../gfx/topstories.png); background-repeat:no-repeat; background-position:left top; }
#topstories div a{ text-align:left; font-size:10px; color: #333333;}
#topstories2{ background:url(../gfx/topstories.png) no-repeat top center; padding:40px 38px 0px 48px; width:143px; height:140px; overflow:hidden; text-align:left;}
#topstories2 div a{ text-align:left; font-size:10px; color: #333333;}
#myId{ z-index:-1; }



.flashbanner{ z-index:-100;}
a img, img { border:none;}
.nolink{ text-decoration:none;}
#welcome { background:url(gfx/home_07.png) no-repeat; width:771px; height:154px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; overflow: hidden;padding:40px 45px 0px 5px;  line-height:18px; vertical-align:bottom; }
#bar { background:#ffffff url(gfx/home_08.png) no-repeat; width:204px; height:320px; padding: 0px 0px 0px 0px; vertical-align:top; overflow: hidden; }
#sidebar {padding: 0px 0px 0px 43px; vertical-align:top; overflow: hidden;}
#clover{ padding: 0px 0px 0px 17px; vertical-align:top; overflow:hidden;}

#news1 { padding: 10px; font-family: verdana; font-size:10px; }
#news2 { padding: 10px; font-family: verdana; font-size:10px;}
#news3 { padding: 10px; font-family: verdana; font-size:10px;}
#news4 { padding: 10px; font-family: verdana; font-size:10px;}
#news5 { padding: 10px; font-family: verdana; font-size:10px;}

#news1 img {
max-width: 100px;
}

#readmore{ font-weight:bold; text-align:left; width:100%; text-transform:uppercase; text-decoration:none; font-size:12px; color:#1a8a3f; }

#twitter { background:url(gfx/home_24a.png) no-repeat; width: 200px }
#facebook{ background:url(gfx/home_22a.png) no-repeat; margin-bottom:25px; padding-left: 25px; }
#upcoming{ background:url(gfx/home_23.png) no-repeat; width:430px; height:auto; overflow: hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;  }

#upcoming td{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}

#volcano a, #nature a, #water a, #things a, #where a, #travel a { text-decoration:none;text-transform:none; color:#ffffff; font-weight:normal;}
#volcano a:hover, #nature a:hover, #water a:hover, #things a:hover, #where a:hover, #travel a:hover { text-decoration:underline; text-transform:none;color:#ffffff;font-weight:normal;}
#volcano a:visited, #nature a:visited, #water a:visited, #things a:visited, #where a:visited, #travel a:visited { text-decoration:none; text-transform:none;color:#ffffff;font-weight:normal;}
#volcano a:active, #nature a:active, #water a:active, #things a:active, #where a:active, #travel a:active { text-decoration:none; text-transform:none; color:#ffffff;font-weight:normal;}

#volcano{ background:url(images/home_29.png) no-repeat; width:145px; height:136px; float: right; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;  text-align:left; }
#nature{ background:url(images/home_30.png) no-repeat; width:145px; height:136px; float: right; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;  text-align:left;  }
#water{ background:url(images/home_31.png) no-repeat; width:145px; height:136px;  float: right; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:left; }
#things{ background:url(images/home_32.png) no-repeat; width:145px; height:136px;  float: right; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:left; }
#where{ background:url(images/home_33.png) no-repeat; width:145px; height:136px; float: right; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;  text-align:left;}
#travel{ background:url(images/home_34.png) no-repeat; width:145px; height:136px;  float: right; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:left;}


.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
/*	border: 1px solid #000;*/
}

.TabbedPanelsTab {
	position: relative;
	top: 8px;
	float: left;
	padding: 0px;
	padding-bottom:10px;
	margin: 0px 1px 0px 0px;
	color:#585858;
	font-weight: bold;
	font-family: arial;
	font-size:14px;
	text-transform:uppercase;
	text-align:left;
	background: transparent;/*#DDD;* url(../images/separator_red.png) no-repeat right;*/
	list-style: none;
	/*border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #50b848;*/
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	width:170px;
}


.TabbedPanelsTab a {
	color: #585858;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
/*	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #14bec7;
	border-right: solid 1px #999;*/
	background-color: transparent ;/* #EEE;*/

}

.TabbedPanelsContent {
	padding: 0px;
	vertical-align:top;
	margin-bottom: 20px;
	width:400px;
}

.TabbedPanelsContentVisible {

}

.VTabbedPanels {
/*	height:33em;*/
height:45em;
}
/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;

	/*background-color: #EEE;*/
	position:absolute;
	
	

	/*border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;*/
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	/*background-color: #EEE;*/
/*	border-bottom: solid 1px #999;*/
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px 0px 0px 30px;
margin-left: 170px;
	/*20em;*/
	vertical-align:top;
}