@charset "utf-8";
/* -------------------------------------------------------------------------- */
/* -- GENERAL -------- */
*
{
	margin: 0px;
	padding: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
}
body
{
	margin: 20px;
	font-size: 12px;
	color: #504540;
}
h1,h2,h3,h4
{
	padding-bottom: 5px;
	font-weight: normal;
	text-align: left;
}
h1
{
	font-size: 35px;
}
h2
{
	font-size: 16px;
}
h3
{
	font-size: 14px;
}
h4
{
	font-size: 12px;
}
p
{
	padding-bottom: 10px;
	line-height: 18px;
}
hr
{
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	
	border-top: none;
	border-right: none;
	border-left: none;
	
	margin: 5px 0px 10px 0px;
}
a
{
	color: #000bf3;
}
ul, ol
{
	padding: 10px 30px 20px 30px;
}
#AdminMenu ul ul
{
	padding: 10px 30px 20px 30px;
}

ul ul, 
ul ol, 
ul ul ul, 
ul ol ul, 
ul ol ol, 
ul ul ol, 
ol ol, 
ol ul, 
ol ol ol, 
ol ol ul, 
ol ul ol, 
ol ul ul
{
	padding: 2px 20px 2px 20px;
}
ol.youKnow li {
	margin-bottom:12px;
}
li
{
	padding-left: 10px;
	padding-right: 10px;
}
textarea
{
	font-size: 12px;
}
option
{
	padding: 0px 5px 0px 0px;
}
img
{
	border: none;
}
table
{
	width: 100%;
}
/* -- GENERAL (END) -- */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* -- LAYOUT -------- */
#container
{
	position: relative;
	width: 1000px;
	
	margin: 0px auto 0px auto;
}
#header
{
	margin-bottom: 3px;
}
#banner
{
	position: relative;
	margin-bottom: 0;
	background-color: #fff;
}
#banner #bannerImage
{
	position: relative;
	z-index: 1;
	width: 1000px;
	height:264px;
}
#banner #bannerImage a, #banner #bannerImage a:active
{
	outline:none;
}
#banner #bannerImage a:focus
{
	-moz-outline-style:none;
}
#banner .maskUL
{
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
}
#banner .maskLR
{
	position: absolute;
	z-index: 2;
	bottom: 0px;
	right: 0px;
}



	/* -------------------------------------------------------------------------- */
	/* -- Home Header -------- */
ul#portfolio {
	list-style:none;
	margin:0;
	padding:0;
}
ul#portfolio li {
	margin:0;
	padding:0;
	display:none;
}


	/* -- Home Header (END) -- */
	/* -------------------------------------------------------------------------- */



#box
{
	position: relative;
	height: 114px;
	background-color: #000000;
}
/*#box #navigation
{
	position: relative;
	text-align: center;
	padding-top: 5px;
	z-index: 3;
}*/
#box #navigation
{
	position: absolute;
	width: 680px;
	text-align: center;
	top: 0px;
	margin: 0px auto 0px 160px;
	z-index: 3;
}
#box #navigation a
{
	display: -moz-inline-box; /* for FF2 */
	display:inline-block;
	padding:8px 3px 6px 3px; 
	margin: 0px 10px 0px 10px;
	color: #878484;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
* html #box #navigation a { display:inline; }  /* for IE 6 */
* + html #box #navigation a { display:inline; }  /* for IE 7 */

div.menu, div.sub_menu
{
	width: auto;
	background-color: #e0c477;
	text-align: left;
	z-index:100;
}
div.menu a, div.sub_menu a {
	display:block;
	min-height: 12px;
	line-height: 15px;
	text-align: left;
	background-color: #f5f0d3;
	vertical-align: middle;
	margin-bottom: 1px;
	padding: 9px 10px 9px 10px;
	font-size: 11px;
	width: 205px;
	text-decoration:none;
	color:#504540;
}
div.menu a:hover, div.sub_menu a:hover
{
	background-color: #ddd8bb;
	color: #FFFFFF;
}

#box #images
{
	position: relative;
	padding-top: 30px;
	z-index: 1;
}
#box #images #leftImg
{
	position: absolute;
	left: 159px;
	height: 72px;
	width: 227px;
	overflow: hidden;
}
#box #images #centerImg
{
	position: absolute;
	left: 386px;
	height: 72px;
	width: 228px;
	overflow: hidden;
}
#box #images #rightImg
{
	position: absolute;
	right: 159px;
	height: 72px;
	width: 227px;
	overflow: hidden;
}
#box #logo_tourism
{
	position: absolute;
	top: 22px;
	left: 21px;
}
#box #logo_ss
{
	position: absolute;
	top: 16px;
	right: 26px;
}
#body
{
/*
	background-image: url(/images/layout/bkg.gif);
	background-repeat: repeat-x;
*/
	background-color: #FFFFFF;
}
#body .tblColumns
{
	border-spacing: 0px;
	border: none;
	
	width: 100%;
}
#body .tblColumns td
{
	vertical-align: top;
}
#body .tblColumns #content
{
	padding: 25px 32px 25px 32px;
}
#body .tblNewsEvents
{
	border-spacing: 0px;
	border: none;
	width: 100%;
}
#body .tblNewsEvents th
{
	background-color: #efe8c6;
	color: #000000;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: left;
	padding-left: 13px;
}
#body .tblNewsEvents td
{
	font-size: 11px;
	line-height: 15px;
	padding: 15px 2px 0px 2px;
}
#body .tblNewsEvents a
{
	font-size: 13px;
}
#body .tblNewsEvents .spacer
{
	width: 30px;
}
#body #sponsors
{
	padding: 40px 0px 20px 0px;
	text-align: center;
}
#body #sitemap
{
	padding-top: 10px;
}
#body #sitemap div
{
	text-align: center;
	font-size: 10px;
	color: #000000;
}
#body #sitemap div a
{
	color: #000000;
	text-decoration: none;
}
/* -- LAYOUT (END) -- */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* -- MENU -------- */
#menuLeft, #menuRight
{
	width: 159px;
	padding: 0px;
	vertical-align: middle;
}
#menuLeft a, #menuRight a
{
	text-decoration: none;
}
#menuLeft div, #menuRight div
{
	min-height: 30px;
	line-height: 14px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: 12px;	
	margin-top: 2px;
	cursor: pointer;
}


#menuLeft .l1 a, 
#menuLeft .l2 a, 
#menuLeft .l3 a, 
#menuLeft .l4 a,  
#menuLeft .l5 a, 
#menuRight .r1 a, 
#menuRight .r2 a, 
#menuRight .r3 a, 
#menuRight .r4 a,
#menuRight .r5 a {
	color: #dfdddb;
	display:block;
	min-height:14px;
	padding:8px 0;
	width:159px;
}
#menuLeft .l6 a, 
#menuLeft .l7 a, 
#menuLeft .l8 a, 
#menuLeft .l9 a, 
#menuLeft .l10 a, 
#menuLeft .l11 a, 
#menuLeft .l12 a,
#menuLeft .l13 a,
#menuLeft .l14 a,
#menuLeft .l15 a,
#menuLeft .l16 a,
#menuLeft .l17 a,
#menuLeft .l18 a,
#menuLeft .l19 a, 
#menuRight .r6 a, 
#menuRight .r7 a, 
#menuRight .r8 a, 
#menuRight .r9 a, 
#menuRight .r10 a, 
#menuRight .r11 a, 
#menuRight .r12 a, 
#menuRight .r13 a, 
#menuRight .r14 a, 
#menuRight .r15 a, 
#menuRight .r16 a, 
#menuRight .r17 a, 
#menuRight .r18 a, 
#menuRight .r19 a {
	color: #645b57;
	display:block;
	min-height:14px;
	padding:8px 0;
	width:159px;
}

#menuLeft .l1 a:hover, 
#menuLeft .l2 a:hover, 
#menuLeft .l3 a:hover, 
#menuLeft .l4 a:hover, 
#menuLeft .l5 a:hover, 
#menuRight .r1 a:hover, 
#menuRight .r2 a:hover, 
#menuRight .r3 a:hover, 
#menuRight .r4 a:hover, 
#menuRight .r5 a:hover {
	color: #ffffff;
}
#menuLeft .l6 a:hover, 
#menuLeft .l7 a:hover, 
#menuLeft .l8 a:hover, 
#menuLeft .l9 a:hover, 
#menuLeft .l10 a:hover, 
#menuLeft .l11 a:hover, 
#menuLeft .l12 a:hover, 
#menuLeft .l13 a:hover, 
#menuLeft .l14 a:hover, 
#menuLeft .l15 a:hover, 
#menuLeft .l16 a:hover, 
#menuLeft .l17 a:hover, 
#menuLeft .l18 a:hover, 
#menuLeft .l19 a:hover, 
#menuRight .r6 a:hover, 
#menuRight .r7 a:hover, 
#menuRight .r8 a:hover, 
#menuRight .r9 a:hover, 
#menuRight .r10 a:hover, 
#menuRight .r11 a:hover, 
#menuRight .r12 a:hover, 
#menuRight .r13 a:hover, 
#menuRight .r14 a:hover, 
#menuRight .r15 a:hover, 
#menuRight .r16 a:hover, 
#menuRight .r17 a:hover, 
#menuRight .r18 a:hover, 
#menuRight .r19 a:hover {
	color: #020202;
}


#menuLeft .l1, 
#menuRight .r1
{
	background-color: #3a43a2;
}
#menuLeft div.l1:hover, 
#menuRight div.r1:hover
{
	background-color: #212ca4;
}
#menuLeft .l2, 
#menuRight .r2
{
	background-color: #6b5aae;
}
#menuLeft div.l2:hover, 
#menuRight div.r2:hover
{
	background-color: #5842ac;
}
#menuLeft .l3, 
#menuRight .r3
{
	background-color: #886aad;
}
#menuLeft div.l3:hover, 
#menuRight div.r3:hover
{
	background-color: #7a54a8;
}
#menuLeft .l4, 
#menuRight .r4
{
	background-color: #a97eb9;
}
#menuLeft div.l4:hover, 
#menuRight div.r4:hover
{
	background-color: #9c67b0;
}
#menuLeft .l5, 
#menuRight .r5
{
	background-color: #be8bb4;
}
#menuLeft div.l5:hover, 
#menuRight div.r5:hover
{
	background-color: #b474a7;
}
#menuLeft .l6, 
#menuRight .r6
{
	background-color: #d6a1b2;
}
#menuLeft div.l6:hover, 
#menuRight div.r6:hover
{
	background-color: #ca879d;
}
#menuLeft .l7, 
#menuRight .r7
{
	background-color: #e2c0ba;
}
#menuLeft div.l7:hover, 
#menuRight div.r7:hover
{
	background-color: #d3a8a1;
}
#menuLeft .l8, 
#menuRight .r8
{
	background-color: #edd3c4;
}
#menuLeft div.l8:hover, 
#menuRight div.r8:hover
{
	background-color: #ddbba9;
}
#menuLeft .l9, 
#menuRight .r9
{
	background-color: #f3e2ce;
}
#menuLeft div.l9:hover, 
#menuRight div.r9:hover
{
	background-color: #e1ccb3;
}
#menuLeft .l10, 
#menuRight .r10
{
	background-color: #f6ebd8;
}
#menuLeft div.l10:hover, 
#menuRight div.r10:hover
{
	background-color: #e3d5bd;
}
#menuLeft .l11, 
#menuRight .r11
{
	background-color: #f9f3e4;
}
#menuLeft div.l11:hover, 
#menuRight div.r11:hover
{
	background-color: #e5dcca;
}
#menuLeft .l12, 
#menuRight .r12
{
	background-color: #fcf4f4;
}
#menuLeft .l12:hover, 
#menuRight .r12:hover
{
	background-color: #f1d2cd;
}
#menuLeft .l13, 
#menuRight .r13
{
	background-color: #fcf4f4;
}
#menuLeft .l13:hover, 
#menuRight .r13:hover
{
	background-color: #f1d2cd;
}
#menuLeft .l14, 
#menuRight .r14
{
	background-color: #fcf4f4;
}
#menuLeft .l14:hover, 
#menuRight .r14:hover
{
	background-color: #f1d2cd;
}
#menuLeft .l15, 
#menuRight .r15
{
	background-color: #fcf4f4;
}
#menuLeft .l15:hover, 
#menuRight .r15:hover
{
	background-color: #f1d2cd;
}
#menuLeft .l16, 
#menuRight .r16
{
	background-color: #fcf4f4;
}
#menuLeft .l16:hover, 
#menuRight .r16:hover
{
	background-color: #f1d2cd;
}
#menuLeft .l17, 
#menuRight .r17
{
	background-color: #fcf4f4;
}
#menuLeft .l17:hover, 
#menuRight .r17:hover
{
	background-color: #f1d2cd;
}
#menuLeft .l18, 
#menuRight .r18
{
	background-color: #fcf4f4;
}
#menuLeft .l18:hover, 
#menuRight .r18:hover
{
	background-color: #f1d2cd;
}
#menuLeft .l19, 
#menuRight .r19
{
	background-color: #fcf4f4;
}
#menuLeft .l19:hover, 
#menuRight .r19:hover
{
	background-color: #f1d2cd;
}



/* -- MENU (END) -- */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* -- TABLES -- */
#tblListings
{
	border-spacing: 2px;
	border: none;
}
#tblListings th
{
	vertical-align: top;
	padding: 5px;
}
#tblListings td
{
	vertical-align: top;
	padding: 0px 5px 5px 5px;
}
.tblIndent
{
	border-spacing: 1px;
	border: none;
}
.tblIndent th
{
	text-align: right;
	padding-right: 10px;
}
.tblForm
{
	border-spacing: 2px;
	border: none;
}
.tblForm th
{
	text-align: left;
	font-weight: normal;
}
.tblMovies
{
	border-spacing: 2px;
	border: none;
	width: 100%;
}
.tblMovies th
{
	text-align: left;
	vertical-align: top;
}
.tblMovies td
{
	padding: 3px;
}
.tblGallery
{
	border-spacing: 2px;
	border: none;
	width: 100%;
}
.tblGallery td
{
	vertical-align: top;
}
.tblSearch
{
	border-spacing: 0px;
	border: none;
	margin: 0px auto 0px auto;
	width: auto;
}
.tblSearch td
{
	vertical-align: bottom;
}
.tblSpacing
{
	text-align: justify;
}
.tblCurrency
{
	border-spacing: 5px;
	border: none;
	width: auto;
}
.tblCurrency th
{
	
}
.tblCurrency input[type="text"]
{
	padding-top: 2px;
}
/* -- TABLES (END) -- */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* -- CLASSES -- */
.edit
{
	float: right;
	margin: 0px 0px 10px 10px;
}
.canvas
{
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000000;
	height: 1000px;
	width: 100%;
	opacity: 0.6;
	-moz-opacity:0.6;
	z-index: 98;
}
#sElem
{
	z-index: 99;
}
.pos
{
	position: absolute;
	top: 0px;
	left: 0px;
}
.link
{
	cursor: pointer;
}
.blackBorder
{
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}
.searchInput {
	width: 75%;
	padding-top:2px;
	font-size: 16px;
}
.searchInput input {
	width: 99%;
	font-size: 16px;
}

/* -- CLASSES (END) -- */
/* -------------------------------------------------------------------------- */
/* --- Gallery --------------------------------------------------------- */
#galleryImage
{
	position: relative;
	margin: 0px auto 0px auto;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}
#galleryThumbnailsContainer
{
	position: relative;
	width: 725px;
	height: 95px;
	overflow: hidden;
	
	margin: 0px auto 0px auto;
}
#galleryThumbnails img
{
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	
	margin: 2px;
}
.galleryBorder
{
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	
	border-top: none;
	border-bottom: none;
}
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/* Gallery Styles
/* --------------------------------------------------------------------- */

div.thumbstrip {
	border: solid black 2px;
	width: 400px;
	height: 50px;
	position: relative;
}

div.thumb {
	position: absolute;
	
	width: 50px;
	text-align: center;

}

td.gallery_thumb { border: solid black 2px; vertical-align: middle; }
td.gallery_thumb_active { border: solid gold 2px; vertical-align: middle; }
/* -- Gallery Styles (END) -- */
/* -------------------------------------------------------------------------- */
/* --- Blog Styles --------------------------------------------------------- */
img.blogPhoto {
	margin: 0 0 6px 6px;
}
h2.blogTitle {
	border-bottom: 1px solid #999999;
	padding-bottom: 0;
	margin-bottom: 7px;
}
p.blogComments {
	border-top: 1px dotted #999999;
	margin-bottom: 20px;
	padding-bottom: 0;
	font-size: 10px;
	font-weight: bold;
}
table.comment {
	margin-bottom: 30px;
	padding-bottom: 0;
}
td.comment_from {
	border-top: 1px dotted #999999;
	margin-bottom: 40px;
	padding: 4px 0 0 0;
	font-size: 10px;
	font-weight: bold;
}
div.blogHr {
	background: url(/images/hr.gif) no-repeat center;
	height: 12px;
	border: none;
	margin-bottom: 20px;
}
div.blogHr hr {
	display: none;
}
td.archive_calendar_cell {
	background-color: #ddbba9;
}
div.archive_calendar_day {
	font-size: 10px;
}
/* -- Blog (END) -- */
/* -------------------------------------------------------------------------- */
div#mapSurround {
	margin: 0 auto;
	width: 500px;
}
div#mymap {
	width: 420px;
	margin: 0 auto;
}
div#myroute {
	width: 420px;
	margin: 0 auto;
}

/* -- Courses -- */
/* -------------------------------------------------------------------------- */
table td.courseContent {
	background:url(/images/festivals/course_content.png) no-repeat bottom left #fff;
	height:250px;
	padding:5px 10px 20px 10px;
}
table td.courseContent td {
	padding-right:30px;
}

/* -- Courses (END) -- */
/* -------------------------------------------------------------------------- */