/* CSS Document for Ski le Gap (www.skilegap.co.uk) */

body {margin: 0px; padding: 0px; border: 0px; background: url(../images/body-background.jpg) 0 0 repeat-x #fff}
* {margin: 0px; padding: 0px; border: 0px; font-family: Arial, Helvetica, sans-serif} 

/* ------------------------------------------------ MAIN LAYOUT ----------------------------------------------------- */
div#container {margin: 0 auto; width: 950px; padding: 0 20px; overflow: hidden; background: url(../images/content-background.jpg) left top no-repeat #fff  }

div#left-col {float: left; width: 240px; padding-bottom: 30px}

div#main-col {float: right; width: 710px; padding-bottom: 30px}

div#right-col {float: right; width: 240px; height: 650px; overflow: hidden}

div#top {
	float: right; 
	margin-bottom: 30px;  /* CONTROLS WHERE h2 BEGINS */
	width: 710px; 
	height: 40px
}

div#home-intro {  /* DIV CONTAINING LARGE IMAGE AND POST SCHOOL AND POST UNI GAP YEAR INFO */
	width: 710px;
	padding: 0;  /* CONTROLS THE HEIGHT OF THE POST SCHOOL AND POST UNI GAP YEAR DIVS */
	overflow: hidden
}

div#news {
	width: 600px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../images/newsflash.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 130px;
	margin-left: 150px;
	height: 50px;
}
div#welcomeani {margin-left: 10px; padding: 0; width: 710px; height: 370px;}

div#post-school {float: left; margin-left: 10px; margin-top: -75px; position: relative; z-index: 10000; width: 340px} /* HOME PAGE INTROS */
div#post-uni {float: right; margin-right: 10px; margin-top: -75px; position: relative; z-index: 10000; width: 340px} /* HOME PAGE INTROS */


div#video {margin-top: 20px; padding-bottom:10px; width: 411px; height: 265px; margin-left: 200px; clear: both; background: url(/images/video.jpg) 280px 0 no-repeat}

div#video a{
			margin-left: 40px;
}

div#high_res_video{
	padding-top: 200px;
}

div#bottom-nav {float: left; width: 950px; height: 40px; height: 1.75em; border-top: 1px solid #ccc; text-align: center;}

div#copyright-bar {float: left; width: 950px; height: 40px; height: 2em; padding-bottom: 5px; font-size: 0.70em; color: #666; text-align: center}


/* ------------------------------------------- TEXT AND HEADING STYLES ------------------------------------------------ */
/* MAIN TITLE */
h1 a {border: 0}

h1 a span {     /* IMAGE REPLACEMENT */
   display: inline;
   float: left;
   width: 240px;
   padding: 0;
   overflow: hidden;
    height: 0px !important;
    height /**/: 150px;
    font-size: 9px;
}

h1 a img {float: left}

/* OTHER HEADINGS */
h2 {margin-left: 10px; color: #fff; font-size: 2.2em; text-align: left}
h2 span {     /* IMAGE REPLACEMENT */
   display: inline;
   float: left;
   width: 0px;
   padding: 0;
   overflow: hidden;
    height: 0px !important;
    height /**/: 0px;
    font-size: 9px;
}

h2 img {clear: both}

h3 {margin: 15px 40px 0 40px; color: #305299; font-size: 1.0em; text-align: left; color: }
h3.skiers-intro{color: #234999;}
h3.points{color: #3b80c5;}
h3.white {color: #fff}

#post-uni h3 {margin-left: 15px}
#post-school h3 {text-align: right; margin-right: 15px}

h4 {margin: 15px 40px 0 40px; font-size: 0.90em; color: #333}
h4 span.alistair {font-size: .75em;}

h5 {margin: 30px 40px 0 40px; font-size: 0.90em; color: #333}

/* PARAGRAPH TEXT */
p {margin: 0 40px; color: #333; font-size: 0.75em; line-height: 1.5em}
p.noheads {margin: 15px 0 0 40px; color: #333; font-size: 0.75em; line-height: 1.5em}
p.noheads contact {font-size: 1.2em;}
p.noheads span.highlight {color: #305299; line-height: 1.5em}
p span.aterix{font-size: 0.85em;}

span.like-h3 {color: #305299; font-size: 1.45em; font-weight: bold}
span.special-text {color: #305299; font-size: 1.15em; font-weight: bold}

ul.list {padding: 0; margin: 8px 20px 0 70px; color: #333; font-size: 0.75em; line-height: 1.5em}
ul.list li {list-style: disc; padding: 3px;}

ul.qualifications {padding: 0; margin: 8px 0 0 70px; color: #333; font-size: 0.75em; line-height: 1.5em}
ul.cost-extension {padding: 0; margin: 8px 0 15px 70px; color: #333; font-size: 0.75em; line-height: 1.5em}
ul.qualifications li, ul.cost-extension li {list-style: disc; padding: 3px;}
ul.qualifications li span.highlight {color: #305299;}

p.intro {color: #fff; margin: 0 40px;}
#post-uni p {margin-left: 15px}
#post-school p {text-align: right; margin-right: 5px}

#atol {font-size: 0.85em}
#atol img {float: left; margin: 0px 5px 3px 5px}

/* LINKS */
a, a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #C62818;
}
a:hover {color: #305299}
p.noheads a#contact{color: #fff;}
p.noheads a:hover#contact, p.noheads a:visited#contact{color: #305299;}


div#copyright-bar a {font-weight: normal; color: #666}
div#copyright-bar a:hover {color: #ff8400}

/*-------------Portraits------------------*/
.everyone-intro {width: 425px; height: auto; margin: 20px 0 10px 40px; font-weight: normal; font-size: 0.75em; line-height: 1.6em; color:#333; overflow: hidden}
.everyone-intro .everyone-img{width: 110px; height: auto; float: left; padding: 0; margin: 0;}
.everyone-intro .everyone-title{width: 100px; height: auto; float: left; padding: 0; margin: 0;}
.everyone-intro .everyone-details{width: 210px; height: auto; float: left; padding: 0; margin: 0;}
.clear{height: 0; font-size: 0; clear: both;}

.instructors-intro{width: 425px; height: auto; margin: 20px 0 0 40px; font-weight: normal; font-size: 0.75em; line-height: 1.6em; color:#333; overflow: hidden}
.instructors-intro .instructors-img{width: 110px; height: auto; float: left; padding: 0; margin: 0;}
.instructors-intro .instructors-title{width: 100px; height: auto; float: left; padding: 0; margin: 0;}
.instructors-intro .instructors-details{width: 210px; height: auto; float: left; padding: 0; margin: 0;}
.clear{height: 0; font-size: 0; clear: both;}

/*-------------Costs------------------*/
.costtable{width: 425px; padding: 0; margin: 20px 0 5px 40px;}
.costtable span{font-size: .75em;}
.costtable table{border-collapse: collapse; }
.costtable th.lengthhead{width: 325px; height: 25px; padding: 0 4px; margin: 0; border-collapse: collapse; font-size: 0.75em; text-align: left; border: 1px solid #5496c9; background-color: #fab96b;}
.costtable th.costhead{width: 100px; height: 25px; padding: 0 4px; margin: 0; border-collapse: collapse; font-size: 0.75em; text-align: left; border: 1px solid #5496c9; background-color: #fab96b;}
.costtable td.lengthtext{width: 325px; height: 25px; padding: 0 4px; margin: 0; border-collapse: collapse; font-size: 0.75em; text-align: left; border: 1px solid #5496c9;}
.costtable td.costtext{width: 100px; height: 25px; padding: 0 4px; margin: 0; border-collapse: collapse; font-size: 0.75em; text-align: left; border: 1px solid #5496c9;}
.costtable h4{margin: 0; padding: 0 0 5px 0;}
.costtable p{margin: 0; padding: 5px 0;}


/*-------------request a brochure------------------*/
.requesttable{width: 425px; padding: 0; margin: 20px 0 5px 40px;}
.requesttable td.inputlabels{width: 160px; height: 20px; padding: 5px 0 5px 0; margin: 0; font-size: 0.75em; text-align: left;}
.requesttable td.radios{width: 430px; height: 20px; padding: 5px 0 5px 0; margin: 0; font-size: 0.75em; text-align: left;}
.requesttable td.inputlabels span, .requesttable td.inputboxes span{font-size: .8em;}
.requesttable td.inputboxes{width: 230px; height: 20px; padding: 5px 0 5px 0; margin: 0; font-size: 0.75em; text-align: left;}
.requestinput{border: 1px solid #5496c9; height: 20px; width: 230px;}
#whichYear{width: 160px;}
.requestaddress{border: 1px solid #5496c9;}
.check{margin: -30px 20px 0 5px;}
.check span{font-size: 0.8em; margin-left: 10px;}
.submit{background-image: url(/images/submit-button.gif); width: 70px; height: 24px;}
.reset{background-image: url(/images/reset-button.gif); width: 70px; height: 24px;}
table#reg-form-table td.register-td input.register {background-image: url(/images/register-button.gif); width: 70px; height: 24px; border: none;}

textarea.requestaddress{width: 230px; height: 120px;}
/*.radios{margin-top: 10px;}*/



/* ------------------------------------------------- TOP LINKS ------------------------------------------------------ */
/* REQUEST A BROCHURE */
a#request-a-brochure {float: right; display: block; width: 132px; height: 40px; background-image: url(../images/request-a-brochure.png); background-position: left top}
a#request-a-brochure:hover {background-position: left bottom}
a#request-a-brochure span {display: none}

/* REQUEST A BROCHURE */
a#book-online {float: right; display: block; width: 133px; height: 40px; background-image: url(../images/book-online.png); background-position: left top}
a#book-online:hover {background-position: left bottom}
a#book-online span {display: none}

/* PHONE NUMBER */
img#phone-number {float: right}



/* ------------------------------------------ MAIN NAV - HOME PAGE ETC -------------------------------------------------- */
/* BELOW IS THE MAIN NAV WITH MAN UNDERNEATH */
ul#main-nav {clear: both; padding: 0 30px; width: 190px; height: 653px; background: url(../images/main-nav.jpg) left 0 no-repeat; overflow: hidden}
ul#main-nav li {list-style: none}
ul#main-nav li a {display: block; padding-left: 8px; text-decoration: none; font-weight: normal; font-size: 0.75em; height: 2.35em; line-height: 2.35em; border-top: 1px solid #fff; color: #305299}
ul#main-nav li.special a {color: #305299}

ul#main-nav li a:hover {color: #C62818; font-weight: bold;}

body#parents li#n-parents a, body#schoolgap li#n-schoolgap a, body#unigap li#n-unigap a, body#qualifications li#n-qualifications a{color: #e06e17;}/* selected navigation state */


/* -------------------------------------------- MAIN NAV EXTENDED ---------------------------------------------------- */
/* BELOW IS THE MAIN NAV WITH MAN UNDERNEATH */
ul#main-nav-extended {clear: both; padding: 0 30px; width: 190px; height: 359px; background: url(../images/main-nav-extended.jpg) left 0 no-repeat; overflow: visible;}
ul#main-nav-extended li {list-style: none; color: #305299;}
ul#main-nav-extended li a {display: block; padding-left: 8px; text-decoration: none; font-weight: normal; font-size: 0.75em; height: 2.35em; line-height: 2.35em; border-top: 1px solid #fff; color: #305299}
ul#main-nav-extended li.selectedmain {display: block; padding-left: 8px; font-weight: normal; font-size: 0.75em; height: 2.35em; line-height: 2.35em; border-top: 1px solid #fff; color: #305299}
ul#main-nav-extended li.special a {color: #305299}
ul#main-nav-extended li a:hover {color: #e06e17}


/* --------------------------------------------- MAIN NAV EXPAND ----------------------------------------------------- */
div#main-nav-expand {}

img#nav-top { margin-left: 9px}
img#nav-bottom {margin-bottom: -5px; margin-left: 9px}

/* Below is the main nav with man underneath */
div#main-nav-expand ul {margin: 0; margin-top: -5px; padding: 0 30px; width: 180px; overflow: hidden;  background: url(../images/main-nav-expand-middle.gif) 9px top no-repeat ;  }
div#main-nav-expand ul li {list-style: none}
div#main-nav-expand ul li .header{font-size: 0.8em;}
div#main-nav-expand ul li a {display: block; padding-left: 8px; text-decoration: none; font-weight: normal; font-size: 0.75em; height: 2.25em; line-height: 2.25em; border-bottom: 1px solid #d9d9d9; color: #305299}

div#main-nav-expand ul li a:hover {color: #C62818; font-weight: bold;}


/* SECOND LEVEL ITEMS */
div#main-nav-expand ul ul {margin-top: 0px; padding-left: 10px; width: 170px; overflow: hidden; background: transparent}
div#main-nav-expand ul ul li a {color: #666}
div#main-nav-expand ul ul li a:hover {color: #C62818; font-weight: bold;}
div#main-nav-expand .header {
	font-size: 0.85em;
	color: #C62818;
	font-weight: bold;
}

/* EXPANDING NAV STYLES */
.open {
	display: block;
	}
.closed {
	display: none;
	}
li {
	list-style-type: none;
	}



/* ----------------------------------------------- BOTTOM NAV ------------------------------------------------------ */
/* Below is the main nav with man underneath */

div#bottom-nav ul {margin-left: 130px; }
div#bottom-nav ul li {list-style: none; display: inline;}
div#bottom-nav ul li a {display: block; float: left; padding: 0 9px 0 14px; text-decoration: none; font-weight: normal; font-size: 0.70em; height: 2.35em; line-height: 2.35em; border-top: 1px solid #fff; color: #666; background:url(../images/middot.gif) 0 50% no-repeat}
div#bottom-nav ul li a.first {background: none}

div#bottom-nav ul li a:hover {color: #e06e17}


/* ---------------------------------------- REGISTRATION FORM TABLE ------------------------------------------------ */
table#reg-form-table {font-size: 0.75em}
table#reg-form-table p {margin: 0; font-size: 1.00em}
table#reg-form-table h3 {text-align: left; margin: 10px 0 5px 0;}
table#reg-form-table td {padding: 6px 0}
table#reg-form-table input {border: 1px solid #5496c9; height: 15px; padding: 1px}
table#reg-form-table input.radio {border: 0; height: 13px}
table#reg-form-table textarea {border: 1px solid #5496c9; width: 200px}

input.button {height: 25px!important; width: 90px!important; border: 0!important; background: #ec8204!important; color: #fff!important;}


/* --------------------------------------------- OTHER IMAGES ------------------------------------------------------ */
img.leftimg {float: left; margin: 0 10px 5px 36px}

div.gallery {margin: 20px 0 0 40px; overflow: hidden; height: auto;}   /* flash movies */

ul#main-nav-extended li a:hover {
	color: #C62818;
	font-weight:bold; 
}

.news_vid{
	margin-left: 100px;
	margin-bottom: 15px;
}