/* CSS Document */

body {
  font:12px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
}

/*navigation*/
A.navtop{
FONT-SIZE: 12px; 
COLOR: #242f02; 
FONT-FAMILY:verdana,arial,helvetica,sans; 
BORDER: 0; 
TEXT-DECORATION: none;
}

A.navtop:visited {
FONT-SIZE: 12px; 
COLOR: #242f02; 
FONT-FAMILY:verdana,arial,helvetica,sans; 
BORDER: 0; 
TEXT-DECORATION: none;
}

A.navtop:hover {
FONT-SIZE: 12px; 
COLOR: #ffffff; 
FONT-FAMILY: verdana,arial,helvetica,sans; 
BORDER: 0; 
TEXT-DECORATION: none;
}

A.navtop:active {
FONT-SIZE: 12px; 
COLOR: #ffffff; 
FONT-FAMILY: verdana,arial,helvetica,sans; 
BORDER: 0; 
TEXT-DECORATION: none;
}

.tblnav{
width:980px;
border:0px;
background-color:#aad623;
}



A.title_event{
	FONT-SIZE: 12px; COLOR: #0785bd; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.title_event:visited {
	FONT-SIZE: 12px; COLOR: #0785bd; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.title_event:hover {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.title_event:active {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}

A.otherstory{
	FONT-SIZE: 11px; COLOR: #0785bd; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.otherstory:visited {
	FONT-SIZE: 11px; COLOR: #0785bd; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.otherstory:hover {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.otherstory:active {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}

.btnmore{
FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none;
}

A.btnmore{
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.btnmore:visited {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.btnmore:hover {
	FONT-SIZE: 11px; COLOR: #0785bd; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.btnmore:active {
	FONT-SIZE: 11px; COLOR: #0785bd; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}



A.listarticle{
	FONT-SIZE: 12px; COLOR: #0785bd; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.listarticle:visited {
	FONT-SIZE: 12px; COLOR: #0785bd; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.listarticle:hover {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.listarticle:active {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}


.pixstyle{
border:6px solid #FFFFFF;
}

.pixmainstyle{
border:6px solid #f3f2e8;
}

.title{
FONT-SIZE: 16px; 
COLOR: #5b8604; 
FONT-FAMILY:arial,verdana,helvetica,sans; 
BORDER: 0; 
TEXT-DECORATION: none;
}

a:link.title{color:#5b8604; text-decoration:none}
a:visited.title {color:#5b8604; text-decoration:none}
a:hover.title{color:#5b8604; text-decoration:none}
a:active.title{color:#5b8604}

.titleblk{
FONT-WEIGHT: bold; 
FONT-SIZE: 16px; 
COLOR: #000000; 
FONT-FAMILY:arial,verdana,helvetica,sans; 
BORDER: 0; 
TEXT-DECORATION: none;
}

a:link.titleblk{color:#000000; text-decoration:underline;}
a:visited.titleblk {color:#000000; text-decoration:none}
a:hover.titleblk{color:#000000; text-decoration:none}
a:active.titleblk{color:#000000}

.search{
FONT-SIZE: 12px; 
COLOR: #ffffff; 
FONT-FAMILY:arial,verdana,helvetica,sans; 
BORDER: 0; 
TEXT-DECORATION: none;
}

.lineblue{
border-bottom:2px #04b9e0 solid;
}

.lineblue2{
border-top:4px #047bb5 solid;
}

.footer{
FONT-SIZE: 11px; 
COLOR: #666666; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BORDER: 0; 
TEXT-DECORATION: none;
}

.linegreen{
border-top:2px #aad623 solid;
}

.divider{
/*border:1px dashed #e6e5e5;*/

border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
}

/*hotel directory*/

A.hotel{
	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.hotel:visited {
	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.hotel:hover {
	FONT-SIZE: 11px; COLOR: #0785bd; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.hotel:active {
	FONT-SIZE: 11px; COLOR: #0785bd; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}

.title_hotel{
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR: #0785bd; 
FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
BORDER: 0; 
TEXT-DECORATION: none;
}

a:link.title_hotel{color:#0785bd; text-decoration:none}
a:visited.title_hotel {color:#0785bd; text-decoration:none}
a:hover.title_hotel{color:#000099;}
a:active.title_hotel{color:#0785bd;}


.title_eats{
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR: #F9761C; 
FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
BORDER: 0; 
TEXT-DECORATION: none;
}

a:link.title_eats{color:#F9761C; text-decoration:none}
a:visited.title_eats {color:#F9761C; text-decoration:none}
a:hover.title_eats{color:#F9761C;}
a:active.title_eats{color:#F9761C;}


.bghotel {
padding-left:10px; 
padding-top:10px;
padding-bottom:10px;
background-color:#f5f4ee; 
border-top:3px solid #fff; 
background:#f5f4ee url(bg-white-line.gif) left bottom repeat-x;
}


/*event*/
.title_event{
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
COLOR: #666666; 
FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
BORDER: 0; 
TEXT-DECORATION: none;
}

.event_date{
FONT-SIZE: 11px; 
COLOR: #666666; 
FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
BORDER: 0; 
TEXT-DECORATION: none;
}



/*travel story*/
.title_story{
FONT-WEIGHT: bold; 
FONT-SIZE: 20px; 
COLOR: #666666; 
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
BORDER: 0; 
TEXT-DECORATION: none;
}

.caption_stry{
FONT-WEIGHT: bold; 
FONT-SIZE: 10px; 
COLOR: #059cbc; 
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
BORDER: 0; 
TEXT-DECORATION: none;
}

/*photo album*/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 650px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	width: 650px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 120px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



A.caption{
	FONT-SIZE: 11px; COLOR: #0785bd; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.caption:visited {
	FONT-SIZE: 11px; COLOR: #0785bd; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.caption:hover {
	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.caption:active {
	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}

a{
color: #0066cc;
cursor: pointer;
}

span.whiteOnGreenCssButton a{
display: block;
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-size: 10px;
font-weight: bold;
line-height: 1.5;
cursor: pointer;
}

span.whiteOnGreenCssButton a{
background-color: #64ba1f;
color: #ffffff;
}

.btnupload{
width:100px;
outline-color: rgb(139, 135, 135); 
outline-style: solid; 
outline-width: 1px;
}

/*tag*/
A.tagline{
	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.tagline:visited {
	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY:verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.tagline:hover {
	FONT-SIZE: 11px; COLOR: #0785bd; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}
A.tagline:active {
	FONT-SIZE: 11px; COLOR: #0785bd; FONT-FAMILY: verdana,arial,helvetica,sans; BORDER: 0; TEXT-DECORATION: none
}

/*table width*/
.tblcontent{
width:980px;
border:0px;
}


/*Most Access*/
.title_access{
FONT-WEIGHT: bold; 
FONT-SIZE: 14px; 
COLOR: #666666; 
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
BORDER: 0; 
TEXT-DECORATION: none;
}

/*comment*/
.comt_user{
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
COLOR: #666666; 
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
BORDER: 0; 
TEXT-DECORATION: none;
}

.handcursor{
cursor: hand;
cursor: pointer;
}


/*aler message*/
.alertmsg{
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
COLOR: #a30909; 
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
BORDER: 0; 
TEXT-DECORATION: none;
}

/*instruction*/
.instruct{
FONT-SIZE: 11px; 
font-style: italic;
COLOR: #666666; 
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
BORDER: 0; 
TEXT-DECORATION: none;
}

/*tag*/
.taglineinside{
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

.taglinefront{
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#729115;
font-style:italic;
}

/*photo*/
.padphoto{
padding-bottom:10px;
}


/* NAVI FOR ADMIN */


#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}

/* END */

/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:150px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#FFFFFF;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}