/* Emily Ball CSS */

BODY { 
		margin: 0px; 
		padding: 0px;
		font-family: Verdana, sans-serif;
		font-size: 11px;
		color: #130C0D;
		background: #FFFFFF url(../media/bg/eb_bgstrip_01.gif) repeat-x;
		}

/*  Navigation  ----------------------------------------*/

#navigation {
		width: 900px;
		height: 30px;
		margin: 0px auto;
		padding: 0px;
		background: #130C0D;
		}

#navigation ul {
		list-style: none;
		margin: 0px;
		padding: 8px 0px 0px 30px;
		}

#navigation li {
		display: inline;
		padding: 0px 10px 0px 0px;
		}		

#navigation  li a {
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-size: 11px;
		color: #FFFFFF;
		font-weight: bold;
		letter-spacing: 1px;
		padding: 0px;
		margin: 0px;	
		} 

#navigation  li a:hover {
		color: #CDC622;
		text-decoration: none;
		} 

/* CONTENT ----------------------------------------*/

#base {
		width: 900px; 
		margin: 0px auto; 
		overflow: hidden;
		}

#topimage {
		width: 900px; 
		height: 235px;
		margin: 0px auto; 
		background: #FFFFFF url(../media/header/eb_header_2010_01.jpg) no-repeat;
		}	

#content_index {
		width: 870px;
		float: left;
		clear: none;
		padding: 10px 0px 0px 30px;
		}

#content_index ul {
		margin: 10px 0px;
		padding: 10px 0px 40px 0px;
		}

#content_index li {
		display: inline;
		margin: 0px;
		padding-right: 20px;
		}

#content {
		width: 840px;
		padding: 10px 30px;
		}
		
#content p {
		line-height: 150%;
		margin: 3px 0px;
		}		

#content ul {
		list-style-type: disc;
		margin: 0px;
		padding: 0px 0px 0px 15px;
		}

#content li {
		margin: 0px;
		padding: 0px;
		}

#content_left {
		width: 400px;
		float: left;
		clear: none;
		display: inline;
		padding: 10px 0px 20px 0px;
		}
		
#content_left  p {
		line-height: 150%;
		margin: 3px 0px;
		} 		

#content_left ul {
		list-style-type: disc;
		margin: 0px;
		padding: 0px 15px;
		}

#content_left  li {
		font-size: 11px;
		line-height: 150%;
		margin: 0px;
		padding: 0px;
		}
		
#content_right {
		width: 400px;
		float: left;
		clear: none;
		display: inline;
		padding: 10px 0px 20px 30px;
		}
		
#content_right  p {
		line-height: 150%;
		margin: 3px 0px;
		}		

#content_right ul {
		list-style-type: disc;
		margin: 0px;
		padding: 0px 15px;
		}

#content_right  li {
		font-size: 11px;
		line-height: 150%;
		margin: 0px;
		padding: 0px;
		}
		
#map {
		width: 390px;
		height: 290px;
		border: 5px solid #FFFFFF;
		}	
		
.heading {
		display: block;
		font-size: 12px;
		font-weight: bold;		
		}
		
.exhibition {
		width: 500px;
		margin: 10px 0;
		padding: 10px 0;
		border-bottom: 1px dotted #161213;
		}		
		
.title {
		display: block;	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #F55318;
		margin: 0px;
		padding: 0px;
		}					

/* TEXT ----------------------------------------*/

h1 {	
		width: 340px;
		background: #161214; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 22px;
		color: #FFFFFF;
		margin: 0px;
		padding: 5px 30px;
		}

h2 {
		display: block;	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		margin: 0px 0px 5px 0px;
		padding: 0px;
		}

/*used in courses table!!*/
h3 {
		width: 40px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #F55318;
		margin: 0px 5px 5px 0px;
		padding: 0px;
		display: inline-block; 
		}
		
* html 	h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #F55318;
		margin: 0px 5px 0px 0px;
		padding: 0px;
		display: inline;
		}	

h4 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #161213;
		margin: 0px 5px 5px 0px;
		padding: 0px;
		display: inline; 
		}
		
h5 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #F55318;
		margin: 0px 5px 5px 0px;
		padding: 0px;
		display: inline-block; 
		}		
		
.text_black_bold {
	font-weight: bold;
	}
		
/*BOTTOM NAVIGATION ----------------------------------------*/
	
#footer {
		width: 900px; 
		height: 60px;
		margin: 0px auto; 
		padding: 30px 0px 0px 0px;		
		clear: both;
		font-size: 10px;
		color: #ffffff;		
		text-align: center;
		background: #720607 url(../media/footer/eb_footer_01.gif) no-repeat;
		}

/* Form CSS ----------------------------------------*/

#name, #email, #phone, #comments, #subject{
		width: 210px;
		font-size: 12px;
		border: 1px solid #130C0D;
		background: #ecf1d4;
		margin: 0px;
		padding: 2px 5px;
		}

form p {
		margin: 1px;
		padding: 1px;
		}		

form p label {
		font-size: 11px;
		color: #130C0D;
		padding-right: 15px;
		float: left;
		width: 33%;
		}

form p .box {
		font-family: Arial, sans-serif;
		font-size: 11px;
		color: #130C0D;
		border: 1px solid #130C0D;
		background: #ecf1d4;		
		padding: 5px;
		margin-top: 10px;
		width: 210px;
		height: 120px;
		}		

form p .button {
		font-size: 12px;
		color: #FFFFFF;
		background-color: #000000;
		border: 1px solid #000000;
		padding: 2px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: bold;
		cursor: pointer;
		}
		
.thankyou {
		width: 433px;
		background: #130C0D; 
		font-size: 14px;
		color: #FFFFFF;
		font-weight: bold;		
		padding: 2px 5px;
		}		

/* LINKS ----------------------------------------*/

.link_page {
		color: #161214;
		text-decoration: none;
		font-weight: bold;
		}

.link_page:hover {
		color: #FFFFFF;
		text-decoration: none;
		}
		
.link_tutor {
		color: #B7D8AD;
		text-decoration: none;
		font-weight: bold;
		}

.link_tutor:hover {
		color: #FFFFFF;
		text-decoration: none;
		}		

.link_footer {
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
		}

.link_footer:hover {
		color: #e2ecac;
		text-decoration: none;
		}

a:focus {
    	outline: none; 
		}

/* COURSES ----------------------------------------*/

#courses {
		width: 840px;
		float: left;
		clear: none;
		display: block;
		font-size: 10px;
		color: #FFFFFF;
		line-height: 150%;
		background-color: #000000;
		border: 5px solid #FFFFFF;
		padding-bottom: 15px;
		margin-bottom: 10px;
		}

#courses_img {
		width: 175px;
		float: left;
		clear: none;
		display: inline;
		padding: 10px;
		}

#courses_info {
		width: 370px;
		float: left;
		clear: none;
		display: inline;
		padding: 10px;
		}

#courses_prices {
		width: 230px;
		float: left;
		clear: none;
		display: inline;
		padding: 10px;
		}
		
#courses p {
		width: 370px;
		}

.img_index {
		border: 5px solid #FFFFFF;
		}
		
/* TUTORS ----------------------------------------*/

#tutors {
		width: 650px;
		float: left;
		clear: none;
		display: block;
		font-size: 10px;		
		color: #FFFFFF;
		line-height: 155%;
		background-color: #000000;
		border: 5px solid #FFFFFF;
		margin-bottom: 10px;
		}

#tutors_img {
		width: 175px;
		height: 150px;
		float: left;
		clear: none;
		display: inline;
		padding: 10px;
		}

#tutors_info {
		width: 370px;
		float: left;
		clear: none;
		display: inline;
		padding: 10px;
		}