html, body, div, img, p {
    margin: 0;
    border: 0;
    padding: 0;
}

div.mymsg{
	font-weight: bold;
  margin:5px;
  padding:5px;
  border:3px solid #f00;
}


h1#seo{
  font-size:11px;
  margin:0;
  padding:0;
  text-align:center;
  background: url(../Ski_and_snowboard_school_Val_d_Isere/h1-bg.jpg) no-repeat;
  width:1000px;
  height:20px;
  text-align:center;
  margin: 0 auto;
  }


table, td {
    border-collapse: collapse;
    border-spacing: 0px;
    table-layout: fixed;
}

td{border:0px solid #f00;}

body {
    font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #666666; /*Dark Grey*/
    background-color: #F8F8F8;
	font-size:100.1%; /*** Don't change this setting. Make all other font-sizes in % (preferred) or ems ***/
    min-width:1000px; /*** This is needed for moz. Otherwise, the header and footer will slide off the left side of the page if the screen width is narrower than the design.
Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
}
html, body {
    height: 100%;
}
strong, b {
	font-weight: bold;
}
hr {
	margin: 0px auto; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #9C9C9C; /* for ie */
	background-color: #9C9C9C; /* for everyone else */
	height: 1px;
	text-align: center;
}
.clear{
    clear:both;
/*** these next attributes are designed to keep the div height to 0 pixels high, critical for Safari and Netscape 7 ***/
    height:1px;
    overflow:hidden;
    line-height:1%;
    font-size:0px;
    margin-bottom:-1px;
}


#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	
	width: 1010px;

        background-image:url(../Ski_and_snowboard_school_Val_d_Isere/bg.jpg);
    background-repeat: repeat-y;
    border:0px solid #000;
}

#header {
	margin: 0;
    z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
    top:0px;
    width:100%;
    height:190px; /*** = Top Margin + One Outer Border + header to body divider depth + head height + any other subheader heights ***/
    overflow:visible;
}

#side-a {
	float: left;
	width: 200px;
        padding-left:10px;
        border:0px solid #f00;
}

#side-b {
	float: right;
	width: 200px;
        border:0px solid #000;
        margin-right:10px;
}

div#twitter{border:0px solid #000;padding-top:5px;z-index:0;}

div#container{border:0px solid #f00;margin-top:50px;}

#content {
	float: left;
	width: 575px;

    padding: 0px 5px;

    font-size: 80%;
	z-index: 2;
	text-align: justify;
	border:0px solid #0f0;
}


#footer {
	clear: both;
	background: #fff;
        width:1000px;
        border:0px solid #0f0;
	position: relative;
	font-size: 70%;
	text-align: justify;
	background-image: url(../Ski_and_snowboard_school_Val_d_Isere/bg-foot.jpg);
	background-repeat: repeat-y;
}


#head {
    background-image: url(../Ski_and_snowboard_school_Val_d_Isere/bg-head.jpg);
    background-repeat: no-repeat;
    height: 177px;

    width:1000px;
    /*background-color: #F7F9EB;*/
    z-index: 5;
    border:0px solid #f00;
}

#flags {
    

	border:0px solid #f00;
	
        margin:5px 50px auto 0;
	
	width:90%;
	height:26px;
        text-align:right;
}

#bar {
    height: 57px;
    width: 100%;
    /*background-color: #1B7B1C;*/
    background: url(../Ski_and_snowboard_school_Val_d_Isere/menu-bg.jpg) no-repeat;

    border:0px solid #00f;
    z-index: 5;
    padding-left:15px;
}
#nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: inside;
	display: block;
	z-index: 1000;
}
#nav li {
	position: relative;
	float: left;
       
}

#nav li>a{
	display:block;
        background: url(../Ski_and_snowboard_school_Val_d_Isere/menu-normal.png) no-repeat top left;
       
       border:0px solid #000;
       text-decoration:none;
       text-transform:lowercase;
       color:#F3F7FA;
       font-weight:bold;
       font-size:13px;
       padding-left:10px;
       
}

#nav li>a span{
        margin:3px;
        padding:16px 5px 0 5px;
        display:block;
}

#nav li>a:hover{
        background: url(../Ski_and_snowboard_school_Val_d_Isere/menu-hover.png)  no-repeat top left;
       
}

#nav li>a:hover span{       
        color:#F7C322;
}



#nav li ul {
  	margin: 0;
  	padding: 0;
	position: absolute;
	list-style: none;
	left: 0;
	top: 45px;
	display: none;
        z-index: 1000;
}
#nav li ul li {
  	margin: 0;
  	border: 0;
  	padding: 0;
	height: 24px;
	width: 158px;
	display: block;
        z-index: 1000;
}
#nav li ul li a {
	display: block;
	text-decoration: none;
	color: #035788;
	width: 174px;
	/*height: 16px;*/
	padding: 2px 17px 2px 2px;
        text-indent:26px;
	z-index: 1000;
	font-size: 11px;
	/*background: transparent;*/
	background-image: url(../Ski_and_snowboard_school_Val_d_Isere/bg-dropdown.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	line-height: 20px;
}

#nav li ul li a:hover {

	background-image: url(../Ski_and_snowboard_school_Val_d_Isere/bg-dropdown.jpg);
	background-repeat: no-repeat;
	font-weight:bold;
}

* html #nav li ul li {
	/*height: 20px;*/
	margin-top: -2px;
}
#nav li ul li a:hover {
	color: #F6C253;
}
#nav .hasdrop:hover ul, #nav li.over ul { display: block; z-index: 3; }

/* Fix IE. Hide from IE Mac \*/
* html #bar img { display: block; }
* html #nav li ul { left: -16px; }
* html #nav ul li { float: none; height: 1%; }
* html #nav ul a { height: 1%; }
/* End */
#subbar{
	position: relative;
	left: 650px;
	width: 279px;
	height: 26px;
}
#menu {
    position: relative;
    padding-left: 10px;
    float: left;
    background-color: #FFFFFF;
    width:200px; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
    display:inline;
    margin-left:-210px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/
    height: auto;
    /*padding-bottom: 30000px;
    margin-bottom: -30000px;*/

}
@media all and (min-height: 0px) {
  #menu{
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #menu:after{
    content: '[DO NOT LEAVE IT IS NOT REAL]';
    display: block;
    background: inherit;
    padding-top: 30000px;
    margin-bottom: -30000px;
    height: 0;
  }
}
*>html #menu{width:200px;} /*** Fix only for IE/Mac = left col width + one internal border width ***/
#container-menu{
    position: relative;
    width:200px; /*** Critical left col dimension value = left col width - 1px ***/
}
#menu .item {
    padding: 0 8px 3px 6px;
    border: 0;
}
/*** Static fixes ***/

/*** a Note on the Holly hack: if IE/Win shows bugs it's a good idea to apply the height:1% hack to different elements and see if that fixes the problem. Sometimes it may be necessary to use "position: relative;" on certain elements, but it's hard to tell in advance which elements will need such fixes. ***/
/*** This is a STATIC fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #menu{margin-right:-3px;}
/* Above style hidden from Mac IE */
/*** All the IE fixes that are inside seperate "Mac-hacks" may be grouped within just one Mac-hack for convenience if desired. However, each fix must come later than the rule it is fixing or the fix itself will be overridden. ***/
#center{
    width:595px; /*** Set to = center col width ***/
    float:right;
    display:inline;
/* \*/
    margin-left:-1px;
/* Hidden from IE-mac */
}




.cell2{
    /*vertical-align: bottom;
    height: 50%;
	padding-bottom: 34px;*/
    position: absolute;
	top: -102px;
	left: 20px;
	bottom: 0;
	width: 235px;
	height: 102px;
	/*z-index: 2;*/
}
/* \*/
* html .cell2 {
top: -101px;
t\op: -102px;
}
/* */
#gfx_bg_middle{
    top:0px;
    position:absolute;
    height:100%;
    overflow:hidden;
    width:595px; /*** = Center Col Width ***/
    border-right: 7px solid #F3F3F3;
    margin-left:210px; /*** = Left Col Width ***/
    background-color: #FFFFFF; /*** Set background color for center column for Mozilla & Opera ***/
    z-index: -1;
}
* html #gfx_bg_middle{
  display:none; /*** Hides the moz fix from IE ***/
}
*:first-child+html #gfx_bg_middle {
	display: none; /*** hide from IE 7 ***/
}
/*** Hide the above from Opera
@media all and (min-height: 0px) {
  #gfx_bg_middle{
    display: none;
  }
  #gfx_bg_middle:after{
    content: '[DO NOT LEAVE IT IS NOT REAL]';
    display: block;
    z-index: -1;
    background: inherit;
    height: 100%;
  }
}***/
#bpay {
    position: absolute;
    top: -102px;
    width: 235px;
    height: 102px;
    z-index: 500;
}
#main {
    margin-left:210px; /* Critical left col dimension value = left col width ***/
    position: relative;
    width: 595px;
    border-right: 7px solid #F3F3F3;
    background-color: #FFFFFF;
	float: left;
    z-index: 1;
    /*overflow: hidden;*/
/* \*/
    height:100%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Needed for full height inner borders in Win IE ***/
}
* html #main{
    display: inline;
}

#content h2 {
    margin: 0;
    padding: 0;
    border: 0;
    color: #FFAE00;
    font-size: 24px;
    font-weight: bold;
}
#content h3 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 18px;
    font-weight: bold;
}
#content ul {
    margin: 0;
    padding: 0;
}
/*
#content-home{
	background-image: url(../Ski_and_snowboard_school_Val_d_Isere/home-bg.jpg);
	background-repeat: no-repeat;
	background-position: top middle;
	padding: 45px 5px 5px 5px;
	font-size: 11px;
}
*/
a {
    color: #0091CD;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}





#subfooter2{
	border:0px solid #fd3;
	padding: 10px 25px;
	
	

	position: relative;
	font-size: 70%;
	text-align: justify;
	background-image: url(../Ski_and_snowboard_school_Val_d_Isere/bg-foot.jpg);
	background-repeat: repeat-y;
}
#blinks {
    position: absolute;
    left: 255px;
    width: 625px;
    float: right;
    text-align: center;
    color: #567D00;
    font-size: 10px;
    height: 34px;
}
/***
#clearfooter{
    clear:both;
    height:34px;
    overflow: hidden;
    line-height: 1%;
    font-size: 0px;
    margin-top: -34px;
}***/
/*needed to make room for footer*/
/***
* html #clearfooter {
    float:left;
    width:100%;
    height: auto;
    margin-bottom: 0;
}
***/
#dropmenudiv{
	background-color: #CACF95;
	padding: 2px;
	position:absolute;
	z-index:100;
	float: right;
	font-size: 90%;
}
#dropmenudiv table td {
	width: 100%;
}
#dropmenudiv a{
	margin-bottom: 3px;
	border: solid 1px #319C32;
	padding: 2px;
	display: block;
	color: #3D5900;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	width: auto;
	text-indent: 3px;
}
#dropmenudiv a:hover{ /*hover background color*/
	background-color: #E1E4BE;
}

label .half{
    width: 50%;
    float: left;
}

/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/

.italics-test, .italics-test-side {
font-style: italic;
text-align: justify;
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */

#newsbox {
	background: #F3F3F3;
	color: #5F6060;
	width: 180px;
}
#newsbox img {
	display: block;
        width: 180px;
}
#newsbox .newsblock {
	margin: 8px;
	font-size: 12px;
	text-align: justify;
	line-height: 14px;
}
#newsbox h4 {
	color: #0091CD;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0px;
}
#newsbox .newsdate {
	color: #9C9C9C;
	font-size: 10px;
	display: block;
	padding-bottom: 5px;
}
#tipsbox {
	background: #F3F3F3;
	color: #5F6060;
	width: 200px;
}
#tipsbox img {
	display: block;
}
#tipsbox .tipsblock {
	margin: 8px;
	font-size: 12px;
	text-align: justify;
	line-height: 14px;
}
.padmain {
	padding-right: 2px;
}
.rollover {
	background: none;
	height: 46px;
}
#pic{
  	border: 5px solid #C0BFB7;
  	padding: 2px;
	width: 706px;
	margin-bottom: 2px;
}
#pic img {
	display: block;
}
.thumbnail{
	text-align: center;
	width: 95px;
	padding: 3px;
	margin: 5px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	float: left;
}
* html .thumbnail img {
	display: block;
}
.galleryHeader {
	font-size: 16px;
	font-weight: bold;
	color: #0092CE;
}
/* for special border on image gallery */
.pmb3_1 { border-width: 1px; border-style: solid; position: relative; left:-3px; top:-3px; }
.pmb3_2 { overflow:hidden; width:100%; padding:0 3px; }
.pmb3_s { height: 1px; font-size: 1px; display: block; }

label .half{
    width: 50%;
    float: left;
}
label .qtr{
    width: 25%;
    float: left;
}
.flat{
    border: solid 1px #CCCCCC;
    padding: 2px;
    float: right;
    margin-bottom: 5px;
}
.boxRight {
	float: right;
	padding-bottom: 5px;
}
.toleft{
	text-align: left;
}
.toright{
	text-align: right;
}
.fifth {
	width: 20%;
	float: left;
	text-align: right;
}
.req{
  	font-weight: bold;
  	color: #0091CD;
}


.green { color: #308F00; }
.red { color: #DF0000; font-weight: bold; }

#head-flash {margin-left: 500px; padding-top: 50px;border:0px solid #f00;width:90px;}

form#book{
  border:0px solid #000;
}

form#book fieldset{
  border:0px solid #f00;
}

form#book div{
  border:0px solid #f00;
}

div#booking-button{margin: 2px auto; padding:2px;background:#F7C322 ;border: 3px solid #F7C322;text-align:center;}
div#booking-button img{;margin: 2px; padding:2px; border: 3px solid #f00;}