/* CSS Document */
/*----
::: Site:>		Spark
::: URL:>		NA
::: Author:>	Helen Meyer
----*/
/*---- Page Layout ----*/
body {
	font:80% Arial, Helvetica, sans-serif;
	margin:0;
	background:#e5e5e5;
}

#container {
	width:900px;
	background:url(../images/container_bg.jpg) repeat 0 200px;	
	height:100%;	
	overflow:auto;
	margin:0 auto;
	margin-top:10px;		
	position:relative;	
}

#top {
	background:url(../images/top_bg.jpg) no-repeat;
	padding-top:35px;
}

#logo {
	width:344px;
	height:298px;
	position:absolute;
	background:url(../images/logo.png) no-repeat;
	display:block;
	top:15px;
	left:20px;
	z-index:40;
}

#logo span {
	position:absolute;
	left:-9999px;
}


#nav {
	background:url(../images/nav_bg.jpg) no-repeat bottom;
	width:208px;
	height:281px;
	list-style-type:none;
	font-size:110%;
	margin:0;
	padding:0;	
	margin-top:205px;
	float:left;	
}

#nav li {
	border-bottom:2px dotted #b4b4b7;
	margin:10px;
	padding:4px;
}

#nav a {
	color:#7f7e83;
	text-decoration:none;
	font-weight:bold;
}

/* To create the "on" links */
#home a.home, #about a.about, #courses a.courses, #speciality a.speciality, #contact a.contact {
	color:#753a7d;
}

/* Holds the big picture, bottom strapline and main text */
#main {
	float:left;
	height:100%;
	overflow:auto;	
	width:577px;
	margin-left:6px;				
}

/* The strapline above the big pic */
#strapline {
	width:784px;	
	margin-right:20px;
	padding:0;
	margin:0;
	margin-left:71px;
	text-align:right;
	color:#eac47a;
	padding:8px;
	background-color:#6c2b75;	
}

#innerContainer {
	width:798px;
	height:100%;
	overflow:auto;	
	position:relative;
	margin:0;
	padding:0;
	margin-left:71px;		
	background:url(../images/innerContainer_bg.jpg) no-repeat;		
	padding:8px 0 0 8px;	
}

/* The strapline below the big pic */
#strapline_bottom {	
	font-size:140%;
	font-weight:bold;
	margin:0;
	margin-top:-3px;		
	padding:6px;	
	padding-right:8px;
	width:563px;
	height:auto;		
	float:right;
	text-align:right;
	color:#6c2b75;
	background-color:#eac47a;			
}

/* The big pic */
#mainPic {
	width:568px;
	height:205px;		
}

/* The main page text inside #main */
#mainText {
	margin:20px;	
	margin-top:55px;	
}

#footer {
	width:795px;
	height:100%;
	overflow:auto;
	background:url(../images/footer_bg.jpg) no-repeat bottom right;	
	margin-left:70px;		
	padding:6px 6px 40px 15px;	
	position:relative;		
}

#footer address {
	font-style:normal;
	font-size:80%;
	color:#c2c4c6;
	float:left;	
	margin:0;
	margin-left:-5px;
}

#rightCol {
	width:550px;
	float:right;			
}

#footer ul {
	float:right;
	font-style:normal;
	font-size:85%;
	color:#c2c4c6;
	margin:0;
	padding:0;
	margin-right:25px;
	margin-bottom:6px;	
}

#footer ul li {
	display:inline;
}

#footer li a {
	color:#96969a;
	font-weight:bold;
	text-decoration:none;
}

#footer #esfLogo {
	border:0;
	display:block;
	margin-right:25px;
	float:right;
}
/*---- End Page Layout ----*/

/*---- Headers ----*/
h1 {
	color:#6c2b75;
	font-size:150%;
	font-weight:bold;
	display:block;
	padding:0;
	margin:0;
	margin-top:20px;		
}

h2 {
	color:#333;
	font-size:120%;
	text-transform:uppercase;	
	border-bottom:1px solid #333;
	margin-top:20px;
}	

#courses h2, #speciality h2 {
	/*margin-top:50px;*/
}

h2.alt {
	color:#803089;
	font-size:150%;
	text-transform:lowercase;	
	background:url(../images/little_spark.gif) no-repeat left 3px;
	line-height:37px;
	text-indent:30px;
	border:0;	
	margin:0;
}

p.intro {
	color:#803089;
	font-size:130%;		
	background:url(../images/little_spark.gif) no-repeat left 3px;
	line-height:37px;
	text-indent:30px;
	border:0;
	font-weight:bold;
	margin-top:20px;
}		

h3 {
	/*color:#de9b1b;*/
	color:#a8a9ae;
	border-bottom:1px solid #a8a9ae;
	font-size:120%;	
}

h3.alt {
	color:#de9b1b;	
	border-bottom:1px solid #de9b1b;
	font-size:120%;	
}

h4 {
	color:#803089;
	margin:0;
	padding:0;
	margin-top:8px;	
}
/*---- End Headers ----*/

/*---- Links ----*/
a {
	color:#e6b24e;
	font-weight:bold;
}

a:hover {
	text-decoration:none;
}

a:visited {
	color:#803089;
	text-decoration:none;
}
/*---- End Links ----*/

/*---- General Formatting ----*/
.wrapImg {
	margin:4px;
}

.right, .left {
	padding:2px;
	background:#e0dede;
	border:1px dashed #cac8c8;
	/*border:2px solid #d4d1d1;*/
}

.right {
	float:right;	
	margin-left:6px;
}

.left {
	float:left;
	margin-right:6px;
}

.quote {
	font-weight:bold;	
	font-style:italic;
	font-size:120%;
}

span.intro {
	color:black;
}

.sparkTxt {
	/*color:#cc00cc;*/
	color:#803089;
	font-size:150%;
	/*font-size:140%*/
	font-style:normal;
}

ul, .emphasis {
	color:#803089;
}


ul {
	margin:0;
	padding:0;
	margin-left:5px;
}

ul.linksBox {
	margin:8px;
	padding-left:8px;
	color:black;
	padding-bottom:10px;
}

.linksBox a, .linksBox a:visited {
	color:#e6b24e;
	font-weight:bold;
	text-decoration:underline;
}

.list li {
	background:transparent url(../images/bulletpoint_black.jpg) no-repeat scroll 0px 7px;
	list-style-type:none;
	padding-bottom:2px;
	padding-left:13px;
	padding-top:2px;	
}

.alt {
	color:#a94fb3;
}

.def {
	font-weight:bold;		
}

.infoBox {
	height:100%;
	overflow:auto;
	border:1px solid #ddd;
	background:#eee;
	margin:10px 0;
	padding:5px;
}

.clearBorder {
	border-bottom:1px solid #d4d1d1;
	padding-top:20px;
}

ul.contactInfo {
	margin:0;
	padding:0;
}

li.tel {
	background:url(../images/tel_icon.jpg) no-repeat 0 4px;
	list-style-type:none;	
	padding-left:35px;		
	line-height:25px;	
}

li.email {
	background:url(../images/email_icon.jpg) no-repeat 0 4px;
	list-style-type:none;	
	padding-left:35px;	
	line-height:25px;			
}


.snippetBox {
	background:#F9F5DF; 
	border:1px solid #EEDEAC; 
	padding:6px
}
/*---- End General Formatting ----*/