@charset "utf-8";
/* CSS Document */

html {
width: 100%;
/*height: 100%;*/
min-height: 768px;
/*background: #acacac url(../images/bg-full.jpg) left bottom repeat-x;*/
background: #85c0e3 url(../images/bg-full-3.jpg) left bottom repeat-x;
}

body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: white;
}

img {
border: none;
}

a {
color: #fff;
/*text-decoration: none;*/
}

p {
padding: 0;
margin: 0;
}

.clear {
clear: both;
}

.clear2 {
clear: both;
height: 30px;
line-height: 30px;
}

/*=============== Layout ===============*/
.mainContainer {
width: 1000px;
min-height: 768px;
margin: auto;
/*height: 740px;*/
/*border-left: solid 1px red;  ToBeRemoved*/
/*border-right: solid 1px red;  ToBeRemoved*/
background: url(../images/surfer-1.gif) right top no-repeat;
}

.logoCont {
text-align: right;
padding: 10px 10px 0 0;
}

.contentsWraper {
padding-left: 65px;
}

.flagsColumn {
float: left;
width: 35px;
}

.contentsColumn {
float: left;
width: 500px;
}

.topMenuContainer {
padding: 0;
margin: 0;
background: transparent;
}
/*=== Menu ===*/
	.topMenuContainer ul {
	margin:0;
	padding: 0;
	list-style: none;
	}
	
	.topMenuContainer li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	}
	
	.topMenuContainer a {
	float: left;
	display: block;
	color: white;
	/*margin: 0 1px 0 0; Margin between each menu item*/
	padding: 4px 6px;
	text-decoration: none;
	letter-spacing: 0px;
	background-color: #8e8e8e; /*Default menu color*/
	border-bottom: 1px solid #b3b3b3;
	font-weight: bold;
	}
	
	.topMenuContainer a:hover {
	background-color: #999; /*Menu hover bgcolor*/
	}
	
	.topMenuContainer .current a{ /*currently selected tab*/
	background-color: #2c2c2c !important; /*Brown color theme*/ 
	border-color: #2c2c2c !important; /*Brown color theme*/ 
	}
	
	.topMenuContainerLine {
	clear: both;
	padding: 0;
	width: 100%;
	height: 8px;
	line-height: 8px;
	background-color: black;
	opacity:0.75;
	-moz-opacity: 0.75;
	filter:alpha(opacity=75);
    -khtml-opacity: 0.75;
	}
	
.mainContents {
background: transparent url(../images/75Trans.png);
/*background-color: black;
opacity:0.75;
-moz-opacity: 0.75;
filter:alpha(opacity=75);
-khtml-opacity: 0.75;*/
min-height: 540px;
_height: 540px;
padding: 15px 20px;
_display:inline-block;
}

.footerTopContainer {
color: #000;
text-align: right;
padding: 15px 0;
}
	.footerTopContainer a, .footerTopContainer a:hover, .footerTopContainer a:active, .footerTopContainer a:visited {
	color: #124577;
	text-decoration: none;
	}
	.footerTopContainer a:hover {
	text-decoration: underline;
	}

#AlwayAtBottom {
height: 40px;
width: 100%;
}
	
.footerBottomContainer {
/*position: absolute;
min-width: 1000px;
height: 40px;*/
width: 100%;
background: transparent url(../images/75Trans.png);
/*background-color: black;
opacity:0.75;
-moz-opacity: 0.75;
filter:alpha(opacity=75);
-khtml-opacity: 0.75;
bottom: 0px;
_position: inherit;*/
}

.footerBottomContents {
width: 1000px;
margin: auto;
}
    .footerBottomContents div {
    float: left;
    line-height: 30px;
    padding: 5px 10px;
    }
    .footerBottomContents .lable {
    background-color: Black;
    width: 120px;
    text-align: right;
    }

.weatherPanel {
font-weight: bold;
}

/*=============== HomePage Contents ===============*/

.contentsLeft {
float: left;
width: 160px;
text-align: right;
}

.contentsRight {    
float: left;
width: 298px;
}
    .contentsRight p {    
    padding-left: 10px;
    }

.homeTab {
position: relative;
text-align: right;
}
    .homeTab a {
    position: relative;
    display: block;
    height: 45px;
    padding: 6px 20px 0 0;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    background: transparent url(../images/home-tabs-normal.gif) left top no-repeat;
    }
    .homeTab a:hover {
    /*left: -15px;
    width: 155px;*/
    font-size: 16px;
    background: transparent url(../images/home-tabs-over.gif) left top no-repeat;
    margin-left: -15px;
    }


/*.hugeTitle {
 font-family: Impact, "Arial Black";
 font-size: 24px;
 text-transform: uppercase;
 padding: 0;
 margin: 0;
} 

.hugeSubTitle {
 font-size: 20px;
 text-transform: uppercase;
 font-weight: lighter;
 padding: 0;
 margin: 0;
}*/ 



/*===Contact Page===*/
.ContLeft {
float: left;
width:460px;
}
    .ContLeft fieldset {
    border: solid 1px #fff; /*#347EA7*/
    padding: 10px;
    }
    .ContLeft span.formLabel {
    clear:left;
    display:block;
    float:left;
    margin-bottom:0.5em;
    padding-right:10px;
    text-align:right;
    width:90px;
    }
    .ContLeft input, .ContLeft textarea  {
    border:1px solid #dedede;
    width: 280px;
    margin-bottom:0.6em;
    padding-left:0.5em;
    }
    input.ContFormButtons {
    width: 92px;
    height:24px;
    background:url(../images/submit-bg.gif) no-repeat top;
    border:none !important;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
    }
     
.contValidation {
color: #FFFF00;
font-size: 15px;
font-weight: bold;
}

.validationSummary {
margin: 10px 5px;
display: block;
font-size: 14px;
font-weight: bold;
}

.sendSuccess, .sendFailed {
padding: 8px; 
font-size: 16px; 
font-weight: bold; 
margin-bottom: 10px; 
border: solid 2px #3CBF35;
}

.sendFailed {
border: solid 2px #FFFF00;
}

.contactData {
border:solid 1px white;
padding: 5px;
}

/*=========== GuestBook ===========*/
.GuestLeftCol {
float: left;
width: 310px;
}
.GuestRightCol {
float: right;
width: 510px;
margin-left: 20px;
}
.MessageContainer {
background: transparent url(../images/30percent-1000.png);
margin-bottom:10px;
font-size: 13px;
}
.MessageHead {
height: 20px;
padding: 10px;
}
.MessageBody {
padding: 0px 10px 10px 20px;
}
.MessageBody p {
margin: 0;
}
.MessageFooter {
font-size: 11px;
height: 20px;
}
.MessageFooter div {
float: right;
height: 20px;
line-height: 20px;
padding: 0px 10px;
background: transparent url(../images/40percent-200.png);
}
.MessageFooter a, .MessageFooter a:hover, .MessageFooter a:visited, .MessageFooter a:active {
color: #ffffff;
text-decoration: none;
}
.MessageFooter a:hover {
text-decoration: underline;
}
.MessageFooter .LeftCorner {
width: 20px;
padding: 0px;
background: transparent url(../images/guestbook-message-footer-corner.png) left top no-repeat;
}

.MessagesTable {
 width: 100%;
}
/*.MessagesTable table td {
 background-color: #2F5F8F;
 border: solid 1px #fff;
 padding: 2px 4px;
}*/
.MessagesTable table td a {
color: #fff;
}

/*=== GuestBook Popup ===*/
.GuestPopUpFormCont, .GuestPopUpFormContFr {
width:553px;
height: 389px;
background: url(../images/GuestBook-Popup-bg.jpg) left top no-repeat;
}
.GuestPopUpFormContFr { background-image:url(../images/GuestBook-Popup-bg-fr.jpg); }
.GuestPopUpFormCont span, .GuestPopUpFormContFr span {
 font-size: 12px;
 font-weight: bold;
}
.GuestPopUpFormCont .sendBtn, .GuestPopUpFormContFr .sendBtn {
position: absolute; 
bottom: 0px; 
right: 0px;
cursor: pointer;
}

.guestValidation { width:250px; float:left; }
.guestValidation ul { margin:5px 0px; padding:0px 12px; padding-left:85px; }
.guestValidation ul li { color:Red; font-weight:bold; }
.GuestPopUpFormHead {
position:relative;
height:75px;
/*background: url(../images/book-popup-head.png) left top no-repeat;*/
}
    .GuestPopUpFormHead .GuestPopupTitle {
    padding: 20px 50px 0 210px;
    }
    
    /*.GuestPopUpFormHead h2, .GuestPopUpFormHead h2 span {
    color: #336699;
    font-size: 30px;    
    line-height: 30px;
    padding: 15px;
    margin: 0px;
    }*/
    .GuestPopupClose {
    position:absolute !important;
    top:24px;
    right:10px;
    }
    
.GuestBookPopUpFormBody-en, .GuestBookPopUpFormBody-fr {
padding: 0;
padding-left: 200px;
/*background: url(../images/book-popup-body.gif) left top;*/
}
    .GuestBookPopUpFormBody-en input, 
    .GuestBookPopUpFormBody-en select, 
    .GuestBookPopUpFormBody-en textarea, 
    
    .GuestBookPopUpFormBody-fr input, 
    .GuestBookPopUpFormBody-fr select, 
    .GuestBookPopUpFormBody-fr textarea 
    {
    width: 248px; 
    background-color:#e4e4e4;
    border: solid 1px #3e7cba;
    padding:0px 2px 1px 2px;
    color:#336699;
    font-weight:bold;
    }

.GuestPopUpFormBottom {
height:20px;
/*background: url(../images/book-popup-bottom.png) left top no-repeat;*/
}

/*========== ForeCast Page ==========*/

.weatherForecast
{
    font-size: 1.0em;background-color:transparent;
    width:470px; height:400px; margin-left:auto;margin-right:auto;
}

.weatherForecast iframe { /*Removing the unwanted frame around the forecasting iframe*/
border: none !important;
}

/*========== Lessons Page ==========*/
.lessonsPriceTags {
float:left; 
width:142px; 
text-align:center; 
padding: 0 5px;
}

/*== Lessons Page Sliding Panels ==*/
.LessonsPanels {
position: relative;
border-left: solid 2px #222; 
/*!width:274px; for IE 6 */
!overflow:hidden;/* for IE 6 */
}

.LessonsPanelsContentGroup {
position: relative;
width: 1000px;
}

.LessonsPanelsContent {
float: left;
width: 274px;
overflow: hidden;
border: 6px solid #292929; 
background: #333; 
height: 150px; 
padding: 5px;
}
/*=============================*/
