/*--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;
	float:left;
}
.calc {
	padding:0px;
	background: #e1e1e1;
	color:#FFF;
	overflow:hidden;
	height:110px;
	width:250px;}

.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;
}		

.catch_phrase{
	position: absolute; 
	left: 0.5em; 	
	width: 35em;
	top:0.5em;}

.catch_phrase_back{
	position: absolute;
	background-color: #00309c;
	width: 30em;
	height:14.1em;
	opacity:.90;
	filter:alpha(opacity=90);
	
}
.catch_phrase_text{
	position: relative;
	padding:10px;	
}

.catch_phrase_text p{ 
	/*font-size:1.1em;
	line-height:1.5em;
	*/
	font-weight:normal;
	color:#fff;	
	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:1em;
	line-height:1.4em;
	font-weight:normal;
	color:#fff;
	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;
	padding:1px;
	font-weight:normal;
	/*text-decoration:none;*/
}

#scroll_box img{
border:0px solid #7777aa;
}

.cellbox{
float:left;
width:225px;
margin-right:5px;
}

.promo_box {
	position:relative;
	background-color: #e1e1e1;
	width:225px;
	min-height:235px; 
	padding-bottom:1px;
	background-repeat:no-repeat;	
	}
.promo_box p{
	margin-top:110px;
	margin-bottom:5px;
	padding:5px;
	font-size:0.95em;
}	
.promo_box h3 {
	color:white;
	width:215px; /*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;	
}
.promo_box ul{
	margin:0;
	padding:0;

	font-size:0.95em;
}

.promo_box li{
	font-size:0.95em;
}
/*.promo_box img {
	position:relative;
	height:133px;	
	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;
	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;
}

.promoh2_t{
	color:white;
	width:215px; 
	font-size:1.2em;
	padding:5px 0px 3px 5px;
	margin:0px;
}

.promoh2_back{
width:225px;
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:215px; /*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:225px;
height:auto;
background:#0077ff;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
padding:0px;
margin:0px;
}		

.promo_centres_box {
	background-color:#FFF; 
	width:250px; 
	height:48px; 
	margin:5px 0px 0px 0px;
	padding:0px;
	z-index:9;
	}

.promo_centres_box p{
	padding: 0 5px 0 5px;
}

.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
    }	


#homepage_main{
	position:relative;
	clear:both;
	width:915px;
	height:340px;
	z-index:1;
	/*overflow:hidden;	*/
	
}
      
#homepage_left{
	position:relative;
	float:left;
	width:285px;
	height:340px; 
	z-index:2;
}

#left_title {
	background-color:#009900;
	height:90px;
}

#left_title h2 {
	margin:0px;
	padding:5px 10px 2px 10px;
	color:#FFF
}

#left_title p{
	font-size:8pt;
	margin:0px;
	padding:0px 10px 10px 10px;
	color:#FFF
}

#left_title a{
	font-size:8pt;
	color:#FFF
}

#left_content{
	height:250px;
	background-color:#000;	
}

#left_content a{
	color:#FFF;
	}

#left_content p{	
	font-size:8pt;
	padding:5px 10px 5px 10px;
	margin:0px;
	color:#FFF;
}
      
#homepage_right{
	position:relative;
	float:left;
	width:630px; 
	height:340px;
	z-index:1;
}

.hideInitially{
	visibility: hidden;
	display: none;
	/* opacity:0;
	filter:alpha(opacity=0)set to none for browsers, hide for dreamweaver development*/
}

.wcupClose {
	position:absolute;
	float:right;
	bottom:2px;
	right:5px;
	height:20px;
	cursor:pointer;
	border:0px solid #F00;
	}

.wcupGames {
	position:absolute;
	width:45px;
	height:15px;
	padding:5px 5px 5px 5px;
	right:-55px;
	bottom:0px;	
	cursor:pointer;
	border:0px solid #F00;
	background-color:#000;
}


	
.flag {
	cursor:pointer;
	}

