/*****************/
/*   MAIN BODY   */
/*****************/
body {
	font-size: 10px;
	margin: 0em auto;
	padding: 0em;
	background: url(../img/img_background.gif) top center repeat-y;
  	font-family: Verdana,Tahoma, Arial,sans-serif;
	behaviour : url(csshover.htc);
}

#wrap {
	width: 76em;
	margin: 0em auto;
}

/**************/
/*   HEADER   */
/**************/
#header-section {
	width: 755px;
	margin: 0em 0em 0em 0em;
}

#headerMain {
    background-image:url(../img/header.jpg);
	background-repeat:no-repeat;
	width:753px;
	height:95px;
	margin: 0em 0em 0em 1em;
}
/* Menu*/
#menu_bar {
  margin:0px;
  text-align:right;
  padding-top:8px;
  padding-right:10px;
  height:15px;
  width:755px;
  background-color:#d6d1b1;
   
}

#menu_bar a {
	font-size: 10px;
	font-weight:bold;
	color: #990000;
}

#menu_bar a:hover {
	text-decoration: underline;
	color: #333333;
}

#menu_bar_lower {
  margin-bottom:10px;
  text-transform:uppercase;
  padding-top:5px;
  padding-left:10px;
  border-top:solid;
  border-top-width:thin;
  border-bottom:solid;
  border-color:#CCCCCC;
  border-bottom-width:thin;
  height:20px;
  width:755px;
 
}

#menu_bar_lower a {
	font-size: 10px;
	font-weight:bold;
	color: #999999;
}

#menu_bar_lower a:hover {
	text-decoration: underline;
	color: #333333;
}

/* NAVIGATION */
div#navwrapper {font-size:10px;font-weight:bold;height:25px;width:753px;background:#666699;border-bottom:5px solid #ffffff;z-index: 20; margin: 0em 0em 0em 1em;}
div#navbar ul {margin: 0; padding: 0;z-index: 20;}
div#navbar ul li {position: relative;list-style: none;margin:0;float: left;width:.1em;line-height: 1em;text-align:center;white-space: nowrap;}
div#navbar li a {display: block;text-decoration: none;color:#FFFFFF;padding:6px 6px 6px 5px;} 
div#navbar li:hover a {background:#dde1d8;color:#990000;} 
html>body div#navbar li {position: relative; list-style: none;float: left; width: auto; line-height: 1em;text-align:center}
div#navbar li.tagsel {position: relative; list-style: none;float: left; width: auto; line-height: 1em;background:#EFEFEF;}
div#navbar li.tagselsubmenu {color:#333333;position: relative; list-style: none;float: left; width: auto; line-height: 1em;background:#EFEFEF;}
div#navbar li.tagselsubmenu a {color:#333333}
div#navbar li.tagsel a {color:#333333}
html>body div#navbar li.submenu  {height:auto}
div#navbar li.submenu  {height:22px;}
div#navbar li.submenu:hover a {color:#333333;}
div#navbar li a.tagsel {display: block; padding: 0.25em 10px 0.25em 10px;text-decoration: none; width: auto;}
div#navbar>ul a {width: auto;}
div#navbar ul ul {position: absolute;width: 18em;display: none;}
div#navbar ul ul li {border-bottom: 1px solid #333333;text-align:left;padding:0;width: 15em;margin:0}
div#navbar ul ul li a {display: block;padding:0.75em 0 0.75em 1em;width:auto}
div#navbar ul ul li.top {border-top:1px solid #333333;text-align:left;padding:0;width: 15em;margin:0}
div#navbar ul ul li:hover a {color:#333333;background:#EFEFEF}
div#navbar li.submenu li.submenu {}
div#navbar li.tagselsubmenu li.submenu {}
div#navbar li.submenu li.submenu:hover a {}
div#navbar li.tagselsubmenu li.submenu:hover a {}
div#navbar li.submenu li.submenu:hover {}
div#navbar li.tagselsubmenu li.submenu:hover {}
div#navbar ul.level1 li.submenu:hover ul.level2, 
div#navbar ul.level1 li.tagselsubmenu:hover ul.level2, 
div#navbar ul.level2 li.submenu:hover ul.level3 {display:block;}
div#navbar ul.level2 li:hover {background:#FEEFFF}
div#navbar ul.level2 {top: 2.1em; left: -11px;}
div#navbar li.tagselsubmenu ul.level2 {top: 2.1em; left: 0px;}
div#navbar li.submenu ul.level2 {top: 2.1em; left: 0px;}

/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/

#middle-column-video {
	float: left;
	width: 98%;
	padding: 0.6em 0.6em 0.6em 0.6em;
	background-color: rgb(255,255,255);
	color: #333333;
	line-height: 1.3em;
	font-size: 1.2em;
}

.middle-column-video-box-title-green {
	clear: both;
	width:753px;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(196,221,108);			
	font-weight: bold;
	color: #333333;
}

.middle-column-video-box-white {
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	text-align:center;
}


/* Sections */
/************/
#middle-column {
	float: left;
	width: 67.5%;
	padding: 0em 0.6em 0em 0.7em;
	background-color: rgb(255,255,255);
	color: #333333;
	line-height: 1.3em;
	font-size: 1.2em;
}

.middle-column-left {
	float: left;
	width: 47.75%;
}

.middle-column-right {
	float: right;
	width: 47.75%;
}

/* Box titlebars */
/*****************/
.middle-column-box-title-intro {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.0em 0.3em;
	background-image: url(../img/middle-bar-intro.gif);
	background-repeat:no-repeat;
	background-color:#ffffff;
	height:25px;
}

.middle-column-box-title-news {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.0em 0.3em;
	background-image: url(../img/middle-bar-news.gif);
	background-repeat:no-repeat;
	background-color:#ffffff;
	height:25px;
}

.middle-column-box-title-blue {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(187,211,247);
	font-weight: bold;
	color: #333333;
}
.middle-column-box-title-creative {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.1em 0.3em;
	background-image: url(../img/creative-title.gif);
	background-repeat:no-repeat;
	height:25px;
}
.middle-column-box-title-walk {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-image: url(../img/title-bar-walking.gif);
	background-repeat:no-repeat;
	height:25px;
}
.middle-column-box-title-invest {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-image: url(../img/invest-title.gif);
	background-repeat:no-repeat;
	height:25px;
}
.middle-column-box-title-business {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-image: url(../img/business-title.gif);
	background-repeat:no-repeat;
	height:25px;
}

.middle-column-box-title-yellow {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(255,236,128);		
	font-weight: bold;
	color: #333333;
}

.middle-column-box-title-green {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(196,221,108);			
	font-weight: bold;
	color: #333333;
}

.middle-column-box-title-red {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(255,176,176);
	font-weight: bold;
	color: #333333;
}

/* Box backgrounds */
/*******************/

/* Box backgrounds -  Full width boxes */
/***************************************/
.middle-column-box-white {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
}

/* Box backgrounds -  Half width boxes */
/**************************************/
.middle-column-box-left-white {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
}

/* Text headings and paragraphs */
/********************************/
.middle-column-box-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;	
	font-weight: bold;
}

.middle-column-box-white p {
	margin: 0em 0em 0.6em 0em;
}


/* Images */
/**********/
.middle-column-img-left{
	float:left;
	border:solid 1px silver;
	padding:3px;
	margin:3px; 
	clear:both;
}

.middle-column-img-right{
	float:left;
	border:solid 1px silver;
	padding:3px;
	margin:3px; 
	clear:both;	
}

/************************/
/***   RIGHT COLUMN   ***/
/************************/
#right-column {
	float: right;
	width: 30%;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	font-size: 1.1em;
}

.right-column-box-title {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: #ffffff;
	font-weight: bold;
	color: #ffffff;
}
.right-column-box-title-video {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-image: url(../img/right-title-video.gif);
	background-repeat:no-repeat;
	height: 20px;
	
}
.right-column-box-title-ride {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-image: url(../img/right-title-ride.gif);
	background-repeat:no-repeat;
	background-color: #ffffff;
	height: 20px;
	
}

.right-column-box-title-shop {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-image: url(../img/right-title-shop.gif);
	background-repeat:no-repeat;
	background-color: #ffffff;
	height: 20px;
	
}
.right-column-box-title-walk {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-image: url(../img/right-title-walk.gif);
	background-repeat:no-repeat;
	background-color: #ffffff;
	height: 20px;
	
}

.right-column-box-title-map {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-image: url(../img/right-title-map.gif);
	background-repeat:no-repeat;
	background-color: #ffffff;
	height: 20px;
	
}

.right-column-box-title-events {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-image: url(../img/right-title-events.gif);
	background-repeat:no-repeat;
	background-color: #ffffff;
	height: 20px;
	
} 


.right-column-box-title-blue {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(187,211,247);
	font-weight: bold;
	color: rgb(50,50,50);
}

.right-column-box-title-yellow {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(255,236,128);	
	font-weight: bold;
	color: rgb(50,50,50);
}

.right-column-box-title-green {
	clear: both;
	display: block;
   margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(196,221,108);
	font-weight: bold;
	color: rgb(50,50,50);
}
.right-column-box-title-red {
	clear: both;
	display: block;
   margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(255,176,176);
	font-weight: bold;
	color: rgb(50,50,50);
}

.right-column-box-white {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
}	

.right-column-box-blue {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(226,238,252);			
}	

.right-column-box-yellow {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(255,240,170);			
}	

.right-column-box-green {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(224,244,181);
}	

.right-column-box-red {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(255,219,219);		
}	

.right-column-box-white p {
	margin: 0.3em 0em 0.4em 0em;
}

.right-column-box-blue p {
	margin: 0.3em 0em 0.4em 0em;
}

.right-column-box-yellow p {
	margin: 0.3em 0em 0.4em 0em;
}

.right-column-box-green p {
	margin: 0.3em 0em 0.4em 0em;
}

.right-column-box-red p {
	margin: 0.3em 0em 0.4em 0em;
}

.right-column-img{
	float: right;
	margin: 0em 0em 0em 0em;
	border: solid 1px rgb(100,100,100);
}

/*******************/
/***   FOOTER    ***/
/*******************/
#footer {
	clear: both;
	float: left;
	width: 753px;
	height: 40px;
	margin: 1.0em 0em 1.0em 0em;
	padding: 0.25em 0em 0.3em 0em;
	border-top: solid 0.1em rgb(150,150,150);
	border-bottom: solid 0.1em rgb(150,150,100);	
	background-color: rgb(220,220,220);
	text-align: center;
	color: rgb(100,100,100);
	font-size: 1.0em;
}

/**************************/
/***   MISCELLANEOUS    ***/
/**************************/

a {
	color: #000000;
	text-decoration:none;
}

a:hover {
	color: #990000;
	text-decoration: none;
	
}