/*--Homepage Top section--*/
#container {
	overflow:hidden;
	}	

#page {
	overflow:hidden;
	}	

#content {
	z-index:5px;
	overflow:hidden;
	height:auto;
	position:relative;	
	}
	
	#content2 {
		
	}
	
	#content3 {
		
	}
	
#content #hpTopSection {
	margin:0;
	padding:0;
	height:238px;
	width:920px;
	clear:both;
}

#content #hpTopSection .locs {
	left: 0;
	position: absolute;
	margin:0 5px 0 0;
	padding:0;
	height:237px;
	width:460px;
	float:left;
	background-color:#FFFFFF;
	/*border-bottom:1px solid #CCCCCC;*/
}


#content #hpTopSection .locsText {
	padding:10px 5px 0 5px;
}

#content #hpTopSection .locsTextHdr {
	padding:5px 0 5px 0;
}

#content #hpTopSection .locs a {
	color:#003366;
}

#content #hpTopSection .locs a:hover {
	color:#006699;
}

#content #hpTopSection .calc {
	left: 464px;
	position: absolute;
	margin:0 5px 0 0;
	padding:0;
	height:238px;
	width:215px;
	float:left;
	background:#ffffff url(/images/homepage/calc_background.gif) right top no-repeat;
}
.calc {
	padding:0px;
	height:140px;
	width:250px;	
	background: #e1e1e1;
	color:#FFF;
	overflow:hidden;
}

.calcText {
	color: #fff;
	font-weight:bold;
}

#content #hpTopSection .calcForm {
	padding:55px 5px 0 5px;
}

.right_col h2{
	height:20px
}

#content #hpTopSection .calcText {
	color: #ffffff;
	font-weight:bold;
}

#content #hpTopSection .courses {
	left: 684px;
	position: absolute;
	margin:0;
	padding:0;
	height:238px;
	width:235px;
	float:left;
}

#content #hpTopSection .guide{
	margin:0 0 5px 0;
	padding:0;
	height:76px;
	width: 235px;
	float:left;
	clear:left;
}

#content #hpTopSection .guide a {
	position:relative;
	margin:0;
	padding:0;
	height:76px;
	width: 235px;
	display:block;
	cursor:pointer;
	cursor:hand;
	background: #f0f0f0 url(/images/homepage/courseguide_arrowBlue.gif) right bottom no-repeat;
}

#content #hpTopSection .guide a:hover {
	/*color:#000000;*/
	/*background: #FF6600 url(/images/homepage/courseguide_arrow_ov.gif) right bottom no-repeat;	*/
}

#content #hpTopSection .guide img{
	margin-right:10px;
	width:75px;
	height:76px;
	border:none;
	float:left;
}

/*--Homepage bottom section--*/

#content #hpBtmSection {
	margin:5px 0 0 0;
	padding:0;
	height:305px;
	width:920px;
	clear:both;
}

#content #hpBtmSection .col1 {
	position: absolute;
	left: 0;
	margin: 0 5px 0 0;
	padding: 0;
	width: 227px;	
	height: auto;	
	background: #ffffff;
}

#content #hpBtmSection .col1wide {
	left: 0;
	position: absolute;
	margin: 0 5px 0 0;
	padding: 0;
	width: 460px;	
	height: auto;	
	background-color: #ffffff;	
}

#content #hpBtmSection .col2 {
	left: 232px;
	position: absolute;
	margin: 0 5px 0 0;
	padding: 0;
	width: 227px;	
	height: auto;	
	background: #ffffff;
}

#content #hpBtmSection .col3 {
	left: 464px;
	position: absolute;
	margin: 0;
	padding: 0 10px 0 ;
	width: 195px;	
	height: auto;	
	background-color:#FFFFFF;	
}

#content #hpBtmSection .col4{
	left: 684px;
	position: absolute;
	margin: 0;
	padding: 0 10px 0 0;
	width: 235px;
	height: 305px;
}

#content #hpBtmSection .websites {
	position:relative;
	margin:0 0 10px 0;
	font-size:0.95em;
	font-weight:normal;
	padding:3px;
	height:76px;
	width: 231px;
	display:block;
	cursor:pointer;
	cursor:hand;
	background: #F0F0F0;
	text-decoration:none;
	background: #F0F0F0 url(/images/homepage/courseguide_arrowBlue.gif) right bottom no-repeat;
}

#content #hpBtmSection .promoBlock {
	width: 100%;
	height: 150px;
	
	margin: 0 0 5px 0;
	padding: 0;
	background: #B6E9FE;
}

#content #hpBtmSection .promoBlock, .promoBlockLrg a{
	text-decoration:none;
}

#content #hpBtmSection .promoBlock p{
	text-decoration:none;
}

#content #hpBtmSection .promoText{
	font-size:0.95em;
	font-weight:normal;
	padding:2px;
	}
	
#content #hpBtmSection .promoTextLink{
	font-size:0.95em;
	font-weight:bold;
	color:#003366;
	text-decoration:underline;
	}
	
#content #hpBtmSection .promoBlockBBLC {
	width: 460px;
	height: 305px;
	margin: 0;
	padding: 0;
	background-color: #fff;	
	background: #B6E9FE url(/images/homepage/promos/hollyBackground.gif) right bottom no-repeat;		
}

#content #hpBtmSection .promoTextBBLC{
	font-weight:normal;
	padding:8px 4px 0 8px;
	}
	
#content #hpBtmSection .promoTextHdrOrange{
	background-color:#ff9900; 
	color:#FFFFFF; 
	padding:3px; 
	text-align:center; 
	text-decoration:none;
}		

#content #hpBtmSection .promoTextHdrBlue{
	background-color:#0094DE; 
	color:#FFFFFF; 
	padding:3px; 
	text-align:center; 
	text-decoration:none;
}

#content #hpBtmSection .promoTextHdrGreen{
	background-color:#669900; 
	color:#FFFFFF; 
	padding:3px; 
	text-align:center; 
	text-decoration:none;
}	

#content #hpBtmSection .promoTextHdrRed{
	background-color: #C00; 
	color:#FFFFFF; 
	padding:3px; 
	text-align:center; 
	text-decoration:none;
}	
		
.promoh2_t{color:white;
width:205px; /*need if opacity used*/
/* DO NOT USE FOR OPACITY 100%
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
*/
font-size:1.2em;
padding:5px 0px 3px 5px;
margin:0px;
}

.promoh2_back{
width:212px;
height:auto;
background:#0077ff;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
padding:0px;
margin:0px;
}

.promoh2_i_back a{cursor:pointer}
.promoh2_back a{cursor:pointer}

.promoh2_i_t{color:black;
width:205px; /*need if opacity used*/
/* DO NOT USE FOR OPACITY 100%
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
*/
font-size:1.2em;
padding:5px 0px 3px 5px;
margin:0px;
}	


.promoh2_i_back{
width:212px;
height:auto;
background:#0077ff;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
padding:0px;
margin:0px;
}	

.catch_phrase{
	position: absolute; 
	
	width: 35em;
	top:0.0em;}

.catch_phrase_back1{
	position: absolute;
	background-color: #006999;
	width: 30em;
	height:13em;
	opacity:.75;
	filter:alpha(opacity=75);
	
}
.catch_phrase_back2{
	position: absolute;
	background-color: #cc0000;
	width: 30em;
	height:13em;
	opacity:.75;
	filter:alpha(opacity=75);
	
}
.catch_phrase_back3{
	position: absolute;
	background-color: #111111;
	width: 30em;
	height:13em;
	opacity:.75;
	filter:alpha(opacity=75);
	
}
.catch_phrase_text{
	position: relative;
	padding:10px;	
}

.catch_phrase_text p{ 
	font-size:1.1em;
	font-weight:normal;
	line-height:1.1em;
	color:#cc0000;
	line-height:1.5em;
	padding:0;
	margin:0;
}

.catch_phrase_text h1{ 
	font-size:2.4em;
	line-height:1em;
	font-weight:bold;
	color:#FFF;
	margin-bottom:3px;
	padding-bottom:2px;
}

.catch_phrase_text h2{ 
	font-size:1.1em;
	font-weight:normal;
	line-height:1.1em;
	color:#fff;
	line-height:1.4em;
	padding:0;
	margin:0;
}

.catch_phrase_text h3{ 
	font-size:1.1em;
	font-weight:normal;
	line-height:1.1em;
	color:#000;
	padding:0;
	margin:0;
}

.catch_phrase_text a{ 	
	color:#FFF;
	font"-weight:bold;
}

#scroll_box img{
border:0px solid #7777aa;
}

.cellbox{
float:left;
width:212px;
}

.promo_box {
	position:relative;
	background-color: #FC6;
	width:212px;
	height:100px; 
	}
.promo_box img {
	position:relative;
	background-repeat:no-repeat;
	
    }
.promo_box .more {
	display:none;
	text-align:left;	
    background-color:#FFF;
	height:auto;
	padding-bottom:1px;
	font-size:8pt;
	
    }
.promo_box .more .img {
	height:133px;
	background-repeat:no-repeat;
		
    }
	

.promo_box:hover .more {
	display:block;
    position:relative;
    width:212px;
	height:auto;
	bottom:13.2em;
	background-color:#eee;
	/*top:-173px;*/
    border:0px solid #900;
    }
	
.promo_box:hover .more p{
	margin-bottom:5px;
	padding:5px;
	font-size:8pt;
}
	
.promo_centres_box {
	background-color:#FFF; 
	width:250px; 
	height:48px; 
	margin:5px 0px 0px 0px;
	padding:0px;
	z-index:9;
	}

.promo_centres_box a{ cursor:pointer;}
	
.promo_centres_box h2{
	text-align:right; 
	color:#FFF; 
	padding:5px 5px 5px 5px;
	margin:0px
    }
.promo_centres_box .more {
	display:none;
	text-align:left;	
    background-color:#FFF;	
    }
.promo_centres_box:hover .more {
	display:block;
    position:relative; 
	width:250px;
	bottom:119px;
	height:100px
    }	


#scroll_container{top:375px;}

#scroll_container:hover{top:180px; left:25px; padding-top:195px;}

#scroll_box{top:-100px; height:105px;}
