﻿body{
background:#A3A3A3 url(../../images/style/bg/pageBG.gif) repeat-x;
font:76%/135% Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height: 130%;
margin:0px;
padding:0px;
text-align: center;
}

#container{

 background: url(../../images/style/bg/bg1.gif) repeat-y;
	width: 782px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;	
 }
#header{width: 782px;height: 345px;}
#headertop{width: 100%; color: #FFFFFF; height: 10px;}
#headermessage{color: #000; font-weight: bold; padding: 170px 0 0px 86px;}
.snowboard{background: #ffffff url(../../images/style/bg/header1.png) no-repeat 0 0;}
.ski{background: #ffffff url(../../images/style/bg/header2.png) no-repeat 0 0;}

#core{padding: 0 0 0 20px;} 
        
#base
{
    width: 782px;
    height: 70px;
 background:url(../../images/style/bg/bgBase.gif) no-repeat;
 margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	
	text-align: left;
	position: relative;
}
.clear{clear: both;}

/** Layout **/
.columnLeft{width: 250px; background: #ffffff; float: left; padding: 70px 0 0 20px;}
.columnMain{width: 430px; background: #ffffff; float: left; padding: 0 20px 0 20px;}
.columnFull{padding: 0 30px 0 20px;}
/** Typography **/
h1{font-size: 20px; line-height: normal; font-weight:bold; padding: 0px 0; margin: 0 0;}
h2{font-size: 15px; font-weight:bold; padding: 20px 0 8px 0; margin: 0 0;}
h3{font-size: 14px; font-weight:bold; padding: 12px 0 4px 0; margin: 0 0; border-bottom: 2px solid #339900;}
h4{font-size: 14px; font-weight:bold; padding: 12px 0 4px 0; margin: 0 0;}
.heavy{font-weight: bold;}
.boldparagraph{font-size: 90%; line-height: 1.2em; font-weight: bold;}
#welcome{padding: 60px 0 60px 200px;}

#base p.copyright{font-size: 11px; color: #777777; padding: 0 0 0 20px;}
#copyrightNotice{float: right; margin-top:6px; margin-bottom: 10px;}
/** images **/
.image{display: inline; border: 0;}


/** links **/

.imageLink{vertical-align: middle; margin: 0px 5px;}
A.nav1 {border-bottom: 1px solid;}
A.nav1:link {COLOR: #333333; TEXT-DECORATION: none; }
A.nav1:visited {COLOR: #555555; TEXT-DECORATION: none; }
A.nav1:hover {COLOR: #820000; TEXT-DECORATION: none; }
A.nav1:active {COLOR: #820000; TEXT-DECORATION: none; }

#footLinks{float: right; display: inline; list-style: none; margin: 46px 0 0 0px; padding: 0px;}
#footLinks li{padding: 2px 8px; margin: 0; list-style: none; display: inline;}
#footLinks a{font-size: 12px; color: #000; text-decoration: none;}
#footLinks a:hover {text-decoration: underline;}
#footLinks a:active, #footLinks a.selected {}

/** specifics **/
.accordianholder{font-size: 12px;
	             font-weight: bold;
	             color: #FFFFFF; height: 340px;}
#accordianTop{background: #000000 url(../../images/style/bg/accordianHeader.gif) no-repeat 0 0; padding: 5px;}
#accordianBottom p{display: none;}
.accordian{border: none;}
.accordionHeader
{
    border: none;
    color: white;
    background: #339900 url(../../images/style/bg/accordianH2.gif) no-repeat 0 0;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 0px;
    cursor: pointer;
}
#columnLeftOne .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#columnLeftOne .accordionHeader a:hover
{
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected
{
    border: none;
    color: white;
    background: #000000 url(../../images/style/bg/accordianH1.gif) no-repeat 0 0;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 0px;
    cursor: pointer;
}

#columnLeftOne .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#columnLeftOne .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: none;
}

.accordionContent
{
    background-color: #f2f2f2;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-top: none;
    padding: 5px;
    padding-top: 0px;
    color: #333333;
}
.accordionContent h5
{ font-size: 12px; margin: 0 0 0 0; padding: 5px 0 5px 0; border-bottom: 2px solid #888888; width: 100%;}
#columnLeftOne .accordionContent p { margin: 0 0; padding: 0 0;}
.accordionContent ul{margin: 0 10px 0 24px; padding: 0 0px;}
.accordionContent li{list-style: square; padding: 0px 0; margin: 10px 0;}

/* Programs */

#ProgramDisplay table{font-size: 11px; margin: 0px 0px 0px 0px;}
#ProgramDisplay td{}
#ProgramDisplay td.ProgramTitle{font-weight: bold;font-size: 20px; padding: 0px 0 20px 0; background: url(../../images/underline-red-small.gif) 0px 28px no-repeat;}
#ProgramDisplay td.TableTitle{font-weight:bold; font-size: 13px; text-align: right;vertical-align: top; width: 160px; padding: 6px 12px 6px 2px;}
#ProgramDisplay td.TableData{vertical-align: top;padding: 6px 2px; line-height: 1.4em;}
#ProgramDisplay .spacebetweenlistings{height: 20px;}

/* Skiing Snowboarding */

#SkiDescription table{font-size: 11px; margin: 0 0 0 20px; border-collapse: collapse;}
#SkiDescription th#Item{width: 220px;}
#SkiDescription th#1Student, th#2Student{width: 100px;}
#SkiDescription tr.TitleRow td{background: #339900; font-weight: bold; font-size: 10px; color: #FFF; padding: 5px 3px;}
#SkiDescription tr.DataRow td{padding: 4px 4px;}
#SkiDescription .lborder{border-left: solid 1px #CCC;}

/* FAQ */

.STEPTitle{font-weight: bold; font-size: 14px; color: #ff0000;}
.Prerequisites, .GoalsObjectives{font-weight: bold; text-transform: uppercase;}

/* Modal */

.modalDialog_contentDiv_error{
		border:3px solid #333;	
		padding:2px;
		z-index:2000000;/* Always needed	*/
		position:absolute;	/* Always needed	*/
		background-color:#FFF;	/* White background color for the message */
		color:#333;
	}
	#CSIAstepHead, #CASIstepHead, #CSIAstepCol, #CASIstepCol{width: 330px; float:left; margin: 0 10px 0 0;}
	#CSIAstepHead, #CASIstepHead {padding: 0 0 6px 0;}
	#CSIAstepHead h2, #CASIstepHead h2 {font-size: 18px; font-weight: bold; margin: 10px 0 8px 0; padding: 0 0;}
	#CSIAstepHead p, #CASIstepHead p {margin: 0 0; padding: 0 0;}
	#CSIAstepCol, #CASIstepCol{height: 280px; overflow-y: scroll;}
	#lnkClosesteps{margin: 10px 0 0 0;}
