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.gif) no-repeat;
  width:1000px;
  height:20px;
  text-align:center;
  margin-left: auto;
  margin-right: auto;
  line-height: 14px;
  }


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:0px 50px auto 0;
	padding-top: 5px;
	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;
	position:relative;
	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: 15px 40px 0px 0px;
        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; }

#nav li.hasdrop {padding-right: 10px;}

/* 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;*/

}


#container-menu{
    position: relative;
    width:200px; /*** Critical left col dimension value = left col width - 1px ***/
}
#menu .item {
    padding: 0 8px 3px 6px;
    border: 0;
}

#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 h2 {
    margin: 0;
    padding: 0;
    border: 0;
    color: #586063;
    font-size: 20px;
    font-weight: bold;
	margin-bottom: 15px; padding-left: 20px;

}

#content h3 {
    margin: 10px 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    font-weight: bold;
	color: #969ea1;
}
#content ul {
    margin: 0;
    padding: 0;
}

#content-home{
	background-image: url(/Ski_and_snowboard_school_Val_d_Isere/header-grey.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding: 15px 5px 5px 5px;
	font-size: 12px;
	background-position: 0px -1px;
}

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: 20px; margin-top: 80px;border:0px solid #0f0;width:90px;height:70px;}

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

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

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

/*
	<HORIZONTAL SOCIAL MEDIA ICONS>
*/

.horizontal-social-icons{
	padding:0;
	margin:0;
	list-style:none;
	padding-left:5px;
}
.horizontal-social-icons li
{
	display:inline;
}

/*
	</HORIZONTAL SOCIAL MEDIA ICONS>
*/

/*
	SLIDER UTILITY STYLES
*/

.floatLeft 									{ float: left;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
/*
#page-wrap{ border:1px solid #000;width: 549px; margin: 0 auto; position: relative; min-height: 442px;background: url(/Ski_and_snowboard_school_Val_d_Isere/slider-bg.png) top center no-repeat; }
*/
#page-wrap{ border:0px solid #ddd;width: 560px; margin: 0 auto; position: relative; min-height: 266px;background-color: #F3F3F3; }
.slider-wrap{border:0px solid #f00;background-color: #fff; }


div.slider-text{border:0px solid #0f0;color:black;float: right; width:270px;}
div.slider-text>div{padding:15px; overflow:hidden; }

/*
	TYPOGRAPHY
*/

a, a:visited{ color: #729dff; text-decoration: none; }
a:hover, a:active{ font-weight:bold;; }

/*
	SLIDER
*/
.slider-wrap{border:0px solid #00f; width: 540px; position: absolute; top: 10px; left: 10px; }

.stripViewer{border:0px solid #00f; position: relative; overflow: hidden; width: 540px; height: 200px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 540px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 	{ border: 1px solid black; margin-right: 5px; }
#movers-row	{ margin: -43px 0 0 62px; }
#movers-row div					{ width: 30%; float: left; }
#movers-row div a.cross-link 			{ float: right; }

.photo-meta-data{ background: url(/Ski_and_snowboard_school_Val_d_Isere/transpBlack.png); padding: 10px; height: 20px;
						  margin-top: -40px; position: relative; z-index: 9999; color: white; }

.cross-link		{ border: 0px solid #f00;display: block; width: 62px; margin-top: -14px;
							  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb{ background: transparent url(/Ski_and_snowboard_school_Val_d_Isere/icon-uparrowsmallwhite.png) top center no-repeat; }