/* General Styles */

body
{
	FONT: 70% Verdana, Arial, Helvetica, sans-serif; 
	COLOR: #551574; 
	background-color: #ffffff;
	text-align: center;
	min-width: 750px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment: scroll;
	margin: 0px;
}

.clear {

clear: both;
}

.tdbg {

background-color: #EEE7F1;
}

h1 {
	float: left;
	width: 232px;
	margin: 2px 0 0 25px; /*IE Fix change 25px for 12px */
	height: 71px;
}
*html h1 {
	margin: 2px 0 14px 12px;
}

.top-info {
	float: right;
	margin: 2px 25px 0 0; /*IE Fix change 25px for 13px */
	padding: 11px 10px 0 0;
	text-align: right;
	font-size: 10px;
	width: 441px; /*IE Fix change 441px for 451px */
	background: url(../images/tile.gif) repeat-x;
	height: 71px;
	COLOR: #FFFFFF;
}
*html .top-info {
	margin: 2px 13px 0 0;
	width: 451px;
}
.top-info a:link, .top-info a:visited { color: #FFFFFF; font-size: 11px; text-decoration: none; }
.top-info a:hover { color: #FFFFFF; font-size: 11px; text-decoration: underline; }

H2 {
	FONT-SIZE: 12pt;
	COLOR: #68AB5C;
	FONT-WEIGHT: bold;
	MARGIN: 0;
}

H3 {
	FONT-SIZE: 1em;
	MARGIN: 0PX;
}

.head {
	COLOR: #1F8E36;
}

IMG {
	BORDER-RIGHT: 0px; 
	BORDER-TOP: 0px; 
	BORDER-LEFT: 0px; 
	BORDER-BOTTOM: 0px
}



A:link {
	COLOR: #8D62A2; 
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A:visited {
	COLOR: #8D62A2; 
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A:hover {
	COLOR: #45954B; 
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

img.floatRight { 

float: right;
margin: 0px; 

 } 
 
img.floatleft { 

float: left;
margin-right: 30px; 

 } 
 
 
 img.floatmap { 

float: left;
margin-top: 20px; 
margin-right: 50px; 
margin-bottom: 30px; 

 } 
 
 
 img.top { 
 margin-top: 10px; 

 } 
 .top { 
 margin-top: 10px; 

 } 
 
img.logo { 
 float: left;
 margin-right: 10px; 
 margin-bottom: 10px; 

 }
 

/* Layout Divs */

#wrapper {

	margin: 0 auto;
	padding: 0px; 
	WIDTH: 733px;
	height: 100%;
}

#banner {
	MARGIN: 0px auto;
	padding: 0px;  
	WIDTH: 682px;
	HEIGHT: 71px; 
	BACKGROUND: url(../images/banner.gif) no-repeat;	
}
*html #banner {
	margin-bottom: 13px;
}

#footer {
	clear: both;
	MARGIN: 0px auto;
	width: 683px;
	height: 22px;
	background: url(../images/footer.gif); 
}

html>body #footer {
	clear:both;
	MARGIN: 0px auto;
	width: 683px;
	height: 22px;
	background: #ffffff; 
}


 * html #footer{ /*IE */ 
top:0; 
} 
| * > #footer{ /* Opera using CSS3 selectors that other browsers will support later, look out */ 
top:0; 
}

#flash {
	clear: both;
	margin: 0 auto;
	margin-top: -13px;
	MARGIN-BOTTOM:0;
	padding: 0px;
	WIDTH: 682px;
	HEIGHT: 131px;	
}

html>body #flash {
	margin: 0 auto;
	margin-top: 0px;
	MARGIN-BOTTOM: 3px;
	padding: 0px;
	WIDTH: 682px;
	HEIGHT: 131px;	
}



#content_container {
	position: relative;
	MARGIN: 0px auto;
	margin-top: -8px;
	margin-bottom: 10px;
	padding: 0px; 
	WIDTH: 682px;
	height: auto;
}

html>body #content_container {
	MARGIN: 0px auto;
	padding: 0px; 
	WIDTH: 682px;
	height: auto; 
}



#full_left {
	
	WIDTH: 220 px;
	HEIGHT:350px; 
	padding: 10px; 
	TEXT-ALIGN: left;
	HEIGHT: 100%; 	
}

#full_right {
	float:left;
	MARGIN-LEFT: 10px; 
	WIDTH: 402px;
	HEIGHT: 350px;
	padding: 10px;  
	TEXT-ALIGN: left; 
	HEIGHT: 100%;
	
}


#content_left {
	float:left;
	MARGIN: 0px auto; 
	WIDTH: 336px;
	HEIGHT:350px; 
	padding: 0px; 
	TEXT-ALIGN: left; 	
}

#content_left_news {
	MARGIN: 0px auto; 
	TEXT-ALIGN: left; 
	
		
}

#content_right {
	float:left;
	MARGIN-LEFT: 10px; 
	WIDTH: 336px;
	HEIGHT: auto;
	padding: 0px;  
	TEXT-ALIGN: left; 	
}

#content_right_leader {
	FLOAT:left;
	MARGIN-LEFT: 0px; 
	WIDTH: 336px;
	HEIGHT: 225px;
	TEXT-ALIGN: left; 
	background-color: #EEE7F1;
	padding-bottom: 0px;	
}

.padding {
padding-top: 10px;
padding-left: 10px;
}


#content_right_leader UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN-LEFT: 40px; 
	MARGIN-BOTTOM: 10px; 
	PADDING-TOP: 0px
}

#content_right_leader LI {
	FONT-SIZE: 0.9em; 
	COLOR:  #551574; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: square;
}


#content_right ul, li
{
MARGIN-TOP: 5px;
list-style-image: url('../images/arrow.gif')
}

#content_sub_left {
	float:left;
	MARGIN: 0px auto; 
	WIDTH: 150 px;
	HEIGHT:350px; 
	padding: 5px; 
	TEXT-ALIGN: left; 	
}



#content_sub_right {
	float:left;
	MARGIN-LEFT: 10px; 
	WIDTH: 510px;
	HEIGHT: 350px;
	padding: 5px;  
	TEXT-ALIGN: left; 	
}

 #content_stag_left {
	float:left;
	MARGIN: 0px auto; 
	WIDTH: 510 px;
	HEIGHT:350px; 
	padding: 5px; 
	TEXT-ALIGN: left; 	
}

 #content_stag_right {
	MARGIN-LEFT: 10px; 
	WIDTH: 150px;
	HEIGHT: 350px;
	padding: 5px;  
	TEXT-ALIGN: left; 	
}





#content_full {
	float:left;
	MARGIN: 0px auto; 
	WIDTH: 660px;
	HEIGHT:350px; 
	padding: 10px; 
	TEXT-ALIGN: left; 
	
}

#content_sub_right td {


font: 11px Verdana, Arial, Helvetica, sans-serif; 
text-align: left;
padding: 5px;
color: COLOR: #551574; 
}

#content_full td {


font: 11px Verdana, Arial, Helvetica, sans-serif; 
text-align: left;
padding: 5px;
color: COLOR: #551574; 
}



table {
 
	MARGIN: 0px auto;
	BACKGROUND: #ffffff;
	border-style: dotted;
	border-width: 1px;
	border-color: #551574;
	padding-bottom: 10px;
		
}


#content_box {
 
	MARGIN: 0px auto;
	BACKGROUND: #D9EFDD;
	border-style: dotted;
	border-width: 1px;
	border-color: #551574; 
	MARGIN: 0px auto; 
	WIDTH: 630px;
	HEIGHT:80px; 
	padding: 10px; 
	TEXT-ALIGN: left; 	
}

#content_stag {
 
	MARGIN: 0px auto;
	BACKGROUND: #D9EFDD;
	border-style: dotted;
	border-width: 1px;
	border-color: #551574; 
	MARGIN: 0px auto; 
	WIDTH: 480px;
	HEIGHT:80px; 
	padding: 10px; 
	TEXT-ALIGN: left; 	
}

#content_duk {
 
	float: left;
	MARGIN-right: 20px auto;
	BACKGROUND: #D9EFDD;
	border-style: dotted;
	border-width: 1px;
	border-color: #551574; 
	WIDTH: 140px;
	HEIGHT:150px; 
	padding: 10px; 
	TEXT-ALIGN: left; 	
}

#content_course {
 
	MARGIN: 0px auto;
	BACKGROUND: #F3EFF5;
	border-style: solid;
	border-width: 1px;
	border-color: #551574; 
	MARGIN: 0px auto; 
	WIDTH: 600px;
	HEIGHT:80px; 
	padding: 10px; 
	TEXT-ALIGN: left; 	
}

#leftpanel_bg {
 
	BACKGROUND: #F4EEF8;	
}

#top {
 
	border_top: #ffffff 2px solid;	
}


#grnrule {
	MARGIN: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 682px;
	padding: 0px;
	background: url(../images/grn_line.gif) white repeat-x;
	BORDER-top: #ffffff 1px solid;
	BORDER-BOTTOM: #ffffff 1px solid;

	
}


#grnsmall {
	width: 100%;
	padding: 0px;
	background: url(../images/grn_line.gif) white repeat-x;
	BORDER-top: #ffffff 1px solid;
	BORDER-BOTTOM: #ffffff 1px solid;
	margin: 0;
}


#spacer {
	margin: 0 auto;
	HEIGHT: 3px; 	
}


/* Navigation */

#container {
	position: relative;
	width: 684px;
	height: 26px;
	padding: 0;
	margin: 0 auto;
	margin top: -8px;
	MARGIN-BOTTOM: 3px;
	background: #551574;	
	}

#nav {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 26px;
	display: inline;
	overflow: hidden;
	width: 684px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:26px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -26px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -52px;
	}
	
#thome a  {
	width: 45px;
	height: 26px;
	background: url(../images/nav/home.gif) top left no-repeat;
	BORDER-BOTTOM: 0; 
	}
	
#tactivities a  {
	width: 66px;
	background: url(../images/nav/activities.gif) top left no-repeat;
	BORDER-BOTTOM: 0; 
	}
	
#tprices a  {
	width: 66px;
	background: url(../images/nav/prices.gif) top left no-repeat;
	BORDER-BOTTOM: 0; 
	}
	
#tstag a  {
	width: 66px;
	background: url(../images/nav/stag.gif) top left no-repeat;
	BORDER-BOTTOM: 0; 
	}
	
#tgroups a  {
	width: 66px;
	background: url(../images/nav/groups.gif) top left no-repeat;
	BORDER-BOTTOM: 0; 
	}
	

#tcourses a  {
	width: 66px;
	background: url(../images/nav/courses.gif) top left no-repeat;
	BORDER-BOTTOM: 0; 
	}
	

#taccommodation a  {
	width: 57px;
	background: url(../images/nav/accommodation.gif) top left no-repeat;
	BORDER-BOTTOM: 0; 
	}
	
#tsafety a  {
	width: 66px;
	background: url(../images/nav/safety.gif) top left no-repeat;
	BORDER-BOTTOM: 0; 
	}
	
#tlocation a  {
	width: 73px;
	background: url(../images/nav/location.gif) top left no-repeat;
	BORDER-BOTTOM: 0; 
	}
	
		
#tnews a  {
	width: 49px;
	background: url(../images/nav/news.gif) top left no-repeat;
	BORDER-BOTTOM: 0; 
	}
	
#tlinks a  {
	width: 64px;
	background: url(../images/nav/links.gif) top left no-repeat;
	BORDER-BOTTOM: 0; 
	}
	
