@charset "ISO-8859-1";





#mainNav {
	background-image: url(../images/header-courses.jpg);	
}



.text_indent {
	*margin-left: 10px; /* IE Hack*/
}


#courses #quote{
width:170px;
font-size:83%;
margin-left: 550px;
margin-top:230px

}

#authorised-logo{

position:absolute;
margin-top:-45px;
*margin-top:-58px;/* IE Hack*/
margin-left:427px;
*margin-left:416px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* safari Hack*/
   #authorised-logo {
	
 	margin-top:-60px;
	margin-left:440px 
 
 }
}




.quote-sig {
	font-size: 110%;
	color: #000000;
}

/* =============== latest Courses =================== */

div.twocols ul li.latest a {
	color:#212f65;
}

div.twocols ul li.latest a:hover {
	background-color:#fafafa !important;
}

div.twocols ul li.latest {
	background-color: #F7F7F7; 
	/* hide until fixed for IE & Firefox Win.  BEST way to do it: http://bit.ly/9veRWr  Alternative IE PNG Fix: http://bit.ly/PzLg
	list-style-image:url(../images/bullets/dimple-trans.png);
	list-style-position:inside;
	*/
}

/* Search page bullets */

/*  turned off for IE
div.twocols ul li {
	list-style-image:url(../images/bullets/dimple-trans.png);
}
*/







#infobox {
	border: 1px solid #fafafa;	
	padding: 20px 14px 12px 19px;
	margin:-2px 0 25px -30px;
	background-color:#fff;
}


#infobox p, #infobox li {
	font-size:12px;	
	color:#666;
}


/* ------------------  DROPSHADOW BOX  -------------------------   */




.box{
    width:340px;
    height:250px;
 
}
 
.drop-shadow {
    position:relative;
    float:left;
    width:350px;    
    padding:1em; 
    margin:2em 10px 4em; 
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}
 
.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute; 
    z-index:-2;
}
 
.drop-shadow p {
    font-size:16px;
}
 
/* Lifted Corners */
 
.lifted {
    -moz-border-radius:4px; 
    border-radius:4px;
}
 
.lifted:before,
.lifted:after { 
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);    
    -moz-transform:rotate(-3deg);   
    -ms-transform:rotate(-3deg);   
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}
 
.lifted:after {
    right:10px; 
    left:auto;
    -webkit-transform:rotate(3deg);   
    -moz-transform:rotate(3deg);  
    -ms-transform:rotate(3deg);  
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}
 

/* Curled corners */

.curled {
	border:1px solid #efefef; 
	-moz-border-radius:0 0 120px 120px / 0 0 6px 6px;    
		 border-radius:0 0 120px 120px / 0 0 6px 6px;
}

.curled:before,
.curled:after {
	bottom:12px;
	left:10px;
	width:50%;
	height:55%;
	max-width:200px;
	-webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
	   -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
			box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
	-webkit-transform:skew(-8deg) rotate(-3deg);
	   -moz-transform:skew(-8deg) rotate(-3deg);
		-ms-transform:skew(-8deg) rotate(-3deg);
		 -o-transform:skew(-8deg) rotate(-3deg);
			transform:skew(-8deg) rotate(-3deg);
} 

.curled:after { 
	right:10px; 
	left:auto;
	-webkit-transform:skew(8deg) rotate(3deg); 
	   -moz-transform:skew(8deg) rotate(3deg);     
		-ms-transform:skew(8deg) rotate(3deg);     
		 -o-transform:skew(8deg) rotate(3deg); 
			transform:skew(8deg) rotate(3deg);
}

/* Perspective */

.perspective:before {
	left:80px;
	bottom:5px;
	width:50%;
	height:35%;
	max-width:200px;
	-webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
			box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
	-webkit-transform:skew(50deg);
	   -moz-transform:skew(50deg);
		-ms-transform:skew(50deg);
		 -o-transform:skew(50deg);
			transform:skew(50deg);
	-webkit-transform-origin:0 100%;
	   -moz-transform-origin:0 100%;
		-ms-transform-origin:0 100%;
		 -o-transform-origin:0 100%;
			transform-origin:0 100%;
}

.perspective:after {
	display:none;
}

/* Raised shadow - no pseudo-elements needed */

.raised {
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	   -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
			box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/* Curved shadows */

.curved:before {
	top:10px;
	bottom:10px;
	left:0;
	right:50%;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
	box-shadow:0 0 15px rgba(0,0,0,0.6);
	-moz-border-radius:10px / 100px;
	border-radius:10px / 100px;
}

.curved-vt-2:before {
	right:0;
}

.curved-hz-1:before {
	top:50%;
	bottom:0;
	left:10px;
	right:10px;
	-moz-border-radius:100px / 10px;
	border-radius:100px / 10px;
}

.curved-hz-2:before {
	top:0;
	bottom:0;
	left:10px;
	right:10px;
	-moz-border-radius:100px / 10px;
	border-radius:100px / 10px;
}

/* Rotated box */

.rotated {
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
			box-shadow:none;
	-webkit-transform:rotate(-3deg);    
	   -moz-transform:rotate(-3deg);   
		-ms-transform:rotate(-3deg);
		 -o-transform:rotate(-3deg);
			transform:rotate(-3deg);
}

.rotated > :first-child:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#fff;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
			box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}