/* CSS Document 

/***************************************************************************************/
/*  MAIN OUTER PANELS
/***************************************************************************************/

#outer {
	background:					white;
	border:						11px solid white;
	margin:						20px auto 0px auto;
	position: 					relative;
	vertical-align:			top;
	width: 						950px;
	z-index: 					1;
}

/***************************************************************************************
/*  TOP BANNER 
/***************************************************************************************/

#header {
	background: 				#aaabaf url(../images/banner.png) no-repeat top left;
	height:						130px;
	position:					relative;
	left:							0px;
	top:							0px;
	vertical-align: 			top;
	width:						950px;
}
		
/***************************************************************************************
/*  NAVIGATION SIDEBAR 
/***************************************************************************************/

#nav {
/*	background: 				#d8d70b; */
/*	background: 				#70d80b; */
	background: #d7ce24;
	height:						50px;
	margin:						7px auto 0px auto;
	text-align:					center;
	vertical-align: 			top;
	width:						950px;
}

#nav ul {
	margin:						0px;
	padding:						15px;
} 

#nav li {
	display: 					inline;
	margin-top:					10px;
}

#nav ul li a, #nav ul li a:visited {
	background:					transparent;
	color:						white;
	font-size: 					19px;
	font-weight: 				normal;
	padding-left:				35px;
	padding-right:				35px;
	text-decoration: 			none;
}

#nav ul li a:hover, #nav ul li a.select, #nav ul li a.select:visited {
	color: 						#2faac3;
}

/***************************************************************************************
/*  NAVIGATION SIDEBAR 
/***************************************************************************************/

#nav2 {
	background: 				transparent;
	height:						50px;
	margin:						10px auto 0px auto;
	text-align:					center;
	vertical-align: 			top;
	width:						950px;
}

#nav2 ul {
	margin:						0px;
	padding:						0px 15px 0 15px;
} 

#nav2 li {
	display: 					inline;
	line-height:				15px;
	margin:	                    0px;
	border-right:				1px dotted white;
}

#nav2 li.nobord {
	border-right:				none;
}

#nav2 ul li a, #nav2 ul li a:visited {
	background:					transparent;
	color:						white;
	font-size: 					11px;
	font-weight: 				normal;	
	padding:                    0px 40px;
	text-decoration: 			none;
}

#nav2 ul li a:hover, #nav2 ul li a.select, #nav2 ul li a.select:visited {
	color: 						#2faac3;
}

/***************************************************************************************
/*  CONTENT & SIDEBAR CONTAINER
/***************************************************************************************/

.container {
	background: 				white url(../images/watermark.jpg) no-repeat;
	margin-top:					15px;
	vertical-align: 			top;
	width:						950px;
}

.ban1 {	
	background-position: 	325px 335px;
}

.contact {	
	background-position: 	500px 350px;
}

.hotels {	
	background-position: 	480px 75px;
}

.spain {	
	background-position: 	325px 335px;
}

.spain-courses {	
	background-position: 	125px 350px;
}

.terms {	
	background-position: 	450px 700px;
}

.uk {	
	background-position: 	175px 335px;
}

/***************************************************************************************
/*  SIDEBAR BUTTONS
/***************************************************************************************/

#sidebar {
	float:						left;
	margin:						0px;
	width:						100px;
}

#sidebar ul, #sidebar li {
	list-style:					none;
	margin:						0px;
	padding:						0px;
}

#sidebar a, #sidebar a:visited {
	background-position: 	top left;
	display: 					block;
	float:						left;
	height:						350px;
	visibility:					visible;
	width:						94px;
}

#sidebar a.spain, #sidebar a.spain-off:hover {
	background-image: 		url(../images/spain-nav.png);
}

#sidebar a.uk, #sidebar a.uk-off:hover {
	background-image: 		url(../images/uk-nav.png);
}

#sidebar a.spain:hover, #sidebar a.spain-off {
	background-image: 		url(../images/spain-navH.png);
}

#sidebar a.uk:hover, #sidebar a.uk-off  {
	background-image: 		url(../images/uk-navH.png);
}

/***************************************************************************************
/*  MAIN CONTENT 
/***************************************************************************************/

#content {	
	float:						right;
	margin-bottom:				24px;
	position:					relative;
	width:						850px;
	z-index:						30;
}


#content p.banner {
	margin:						0px;
	padding: 					0px;
}

#content .phead {
	background:					transparent;
	color:						#2eaac2;
	font-size:					14px;
	font-weight:				bold;
}

#col1 {
	float:						left;
	width:						265px;
}

#col1 img {
	padding-top:				12px;
}

#col2 {
	float:						right;
	margin-right:				10px;
	width:						560px;
}

.col2a {
	float:						left;
	width:						275px;
}

.col2b {
	float:						right;
	width:						275px;
}

.label {
	display: inline-block;
	width:140px;
}

.panel1 {
	float:						right;
	margin-top:					12px;
	width:						250px;
}

.panel1 img {
	margin-bottom:				10px;
}

.photopanel {
	float:						right;
	margin-top:					12px;
	margin-right:				-10px;
	text-align:					right;
	width:						462px;
}

.photopanel img {
	margin-left:				5px;
	margin-bottom:				9px;
}

p.hotelpanel {
	font-size:					11px;
	font-weight:				normal;
}

.hotelpanel1 {
	background:					#2eaac2;
	color:						white;
	display: 					inline-block;
	float:						left;
	font-weight:				bold;
	margin-right:				20px;
	padding:						3px 0 3px 15px;
	width:						190px;
}

.hotelpanel2 {
	display: 					inline-block;
	float:						left;
	vertical-align: 			middle;
	width:						70px;
}

.hotelpanel3 {
	float:						left;
	font-weight:				bold;
	width:						65px;
}

.hotelpanel4 {
	float:						left;
	font-weight:				bold;
	width:						215px;
}

#content .button {
	margin:						30px 0 0 300px;
	line-height: 				25px;
}

/***************************************************************************************/
/*  TABLES
/***************************************************************************************/

/* The default values for TABLE.border and TD.padding */
/* are required for correction display of OverLib popups */

table {	border:				1px solid #e8f5f6; }
td 	{	padding: 			3px; } 
td p  {	padding:				4px; }
	

/***************************************************************************************
/*  SPECIAL OFFER BANNERS
/***************************************************************************************/

#banner1 {
	background: 				url(../images/ban1M.png) center repeat-Y;
	float:						right;
	margin:						0px 0px 20px 35px;
	position: 					relative;
	top:							35px;
	width:						230px;
}

#banner1 img.btop {
	position: 					absolute;
	top:							0px;
	z-index: 					20;
}

#banner1 img.offers {
	position: 					relative;
	bottom:						20px;
	z-index: 					20;
}

#banner1 h1, #banner1 h2, #banner1 h3, #banner1 p {
	background:					transparent;
	color:						#2eaac2;
	padding:						6px 25px 6px 25px;
}

#banner1 h1 {
	font-size: 					20px;
	font-weight: 				bold;
	letter-spacing: 			0px;
	line-height: 				24px;
	padding-top:				12px;
	position:					relative;
	text-transform: 			none;
	text-align:					center;
	top:							0px;
	z-index:						30;
}

#banner1 h2 {
	font-size: 					12px;
	font-weight:				bold;
}

#banner1 h3 {
	font-size: 					15px;
	font-weight:				bold;
}


#banner1 p {
	font-size: 					11px;
	line-height:				14px;
}

/***************************************************************************************
/*  HOTEL PACKAGE BANNERS
/***************************************************************************************/

#banner2 {
	background: 				url(../images/ban2M.png) center repeat-Y;
	margin-top:					18px;
	position: 					absolute;
	width:						365px;
}

#banner2 h1, #banner2 h2, #banner2 h3, #banner2 p {
	background:					transparent;
	color:						#2eaac2;
	padding:						6px 25px 6px 25px;
}

#banner2 h1 {
	font-size: 					18px;
	font-weight: 				bold;
	letter-spacing: 			0px;
	line-height: 				20px;
	margin-top:					-5px;
	padding-top:				0px;
	padding-bottom:			18px;
	text-transform: 			none;
	text-align:					center;
}

#banner2 h2 {
	font-size: 					15px;
	font-weight:				bold;
	padding-top:				12px;
}

#banner2 p {
	font-size: 					14px;
	line-height:				20px;
	padding:						0 20px 0 20px;
}

#banner2 img {
	padding: 					0px;
	vertical-align:			top;
}

/***************************************************************************************/
/*  PAGE FOOTER
/***************************************************************************************/
	
#footer {
	text-align:					center;
	width: 						950px;
}

#footer h1 {
	background:					transparent;
	color:						#2eaac2;
	font-size: 					16px;
	font-weight: 				bold;
	letter-spacing:			4px;
	padding:						0px 0px 0px 0px;
	text-transform: 			none;
}

#footer p {
	background:					transparent;
	color: 						#2f2f2f;
	font-size:					12px;
	font-weight:				bold;
	padding:						9px 0px 18px 0px;
}

#footer a, #footer a:visited {
	background: 				transparent;
	color:						#2f2f2f;
}

#footer a:hover {
	color:						#2eaac2;
}

/***************************************************************************************
/*  MISCELLANEOUS
/***************************************************************************************/

.rule {
	background: 				url(../images/theme/rule.gif) no-repeat;
	margin:						18px 0 0 0;
	padding:						0;
}

p.seologo {
	clear:						both;
	border:						0px none;
	margin-top:					250px;
	text-align: 				center;
}

p.seologo img {
	border:					0px none;
	margin:					20px;
	vertical-align: 		middle;
}

p.seologo a {
	border-bottom:		0px none;
}

.mapfloat {
	height:						30px;
	left:							348px;
	position:					absolute;
	top: 							680px;
	width:						190px;
	z-index:						30;
}

.specials {
	padding-right:				30px;
}
