body {
	margin: 0;
	padding: 0;
	font-family: Georgia, Times New Roman, Serif;
	text-align: center;
	background-color:#fff;
}

#site-holder {
	margin: 0 auto;
	padding:0;
	width: 960px;
}

h1 {
	font-size: 21px;
	font-weight: lighter;
	color: #1B3B78;
	margin-bottom:15px;
	margin-top:15px;
	padding: 0;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #737373;
	margin-bottom:10px;
	margin-top:0;
	padding:0;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	color: #7C307B;
	margin-bottom:5px;
	margin-top:0;
	padding:0;
}

p {
	font-size: 12px;
	line-height:1.5em;
	color: #737373;
	margin-bottom:10px;
	margin-top:0;
	padding:0;
	font-weight:lighter;
}

a {
	font-size: 12px;
	line-height:16px;
	color: #737373;
	margin:0;
	padding:0;
	text-decoration:underline;
}

a:hover {
	text-decoration: underline;
	color: #1B3B78;
}

#logo
 {
     width:258px;
     height:295px;
     float:left;
     background-color:#fff;
     border-left:solid 1px #999;
	 border-right: solid 1px #999;
 }
 
#header-picture
{
     width:700px;
     height:295px;
     float:left;
     background:#E0E1E2;
}  

#header
{
    width:960px;
    height:50px;
    background-color:#1B3B78;
}

#header ul {
	margin: 0;
	padding: 0;
	float:left;
}

#header ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#header ul li a {
	color: #FFF;
	font-size: 15px;
	line-height: 50px;
	margin: 0 0 0 20px;
	padding: 0;
	text-decoration: none; 
}

table tr td
{
    font-size: 10px;
    font-weight:bold;
	line-height:1.5em;
	color: #737373;
	margin-bottom:10px;
	margin-top:0;
	padding:0;
}

/*------------------------ Top header Nav----------------*/

#main-nav{
	height: 60px;
	padding:0;
	margin:0;
	width:960px;
	float:left;
}	

#main-nav ul {
	margin: 0;
	padding: 0;
	float:left;
}

#main-nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#main-nav ul li a 
{
    text-align:center;
    font-size:15px;
    color:#fff;
    line-height:60px;
    text-decoration:none;
}

#main-nav ul li a#about 
{
    background-image: url(../sitepix/navigation/about.png);
	background-repeat: no-repeat;
	background-position:inherit;
	float:left;
	width:128px;
	height:60px;
	padding:0;
	margin: 0;
}

#main-nav ul li a#courses 
{
    background-image: url(../sitepix/navigation/languages.png);
	background-repeat: no-repeat;
	background-position:inherit;
	float:left;
	width:137px;
	height:60px;
	padding:0;
	margin: 0;
}

#main-nav ul li a#languages 
{
    background-image: url(../sitepix/navigation/languages.png);
	background-repeat: no-repeat;
	background-position:inherit;
	float:left;
	width:137px;
	height:60px;
	padding:0;
	margin: 0;
}
#main-nav ul li a#live-language
{
    background-image: url(../sitepix/navigation/live-language.png);
	background-repeat: no-repeat;
	background-position:inherit;
	float:left;
	width:185px;
	height:60px;
	padding:0;
	margin: 0;
}
#main-nav ul li a#locations 
{
    background-image: url(../sitepix/navigation/locations.png);
	background-repeat: no-repeat;
	background-position:inherit;
	float:left;
	width:130px;
	height:60px;
	padding:0;
	margin: 0;
}
#main-nav ul li a#recreation 
{
    background-image: url(../sitepix/navigation/recreation.png);
	background-repeat: no-repeat;
	background-position:inherit;
	float:left;
	width:138px;
	height:60px;
	padding:0;
	margin: 0;
}
#main-nav ul li a#news 
{
    background-image: url(../sitepix/navigation/news.png);
	background-repeat: no-repeat;
	background-position:inherit;
	float:left;
	width:104px;
	height:60px;
	padding:0;
	margin: 0;
}
#main-nav ul li a#newsletter
{
    background-image: url(../sitepix/navigation/newsletter.png);
	background-repeat: no-repeat;
	background-position:inherit;
	float:left;
	width:138px;
	height:60px;
	padding:0;
	margin: 0;
}

#main-nav ul li a:hover {
	background-position: 0px -120px;
}

#main-nav ul li a.active
{
	background-position: 0px -60px;
}


/*------------------------ main section layout including left, right and centre section ----------------*/

#main-holder {
	margin:0;
	padding:10px 0;
	width:960px;
	float: left;
	display:inline;
}

#main-holder #left-section {
	width: 180px;
	float: left;
	margin:0px;
	padding:0px;
}

#main-holder #left-section ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:left;
}

#main-holder #left-section li {
	margin: 0;
	padding: 0;
	float: left;
	display:block;
}

#main-holder #left-section ul li a {
	width: 170px;
	line-height: 50px;
	height: 50px;
	margin: 0;
	padding: 0 0 0 15px;
	display:  block;
	font-size: 13px;
	font-weight: lighter;
	text-decoration: none;
	color: #fff;
	background-image: url(../sitepix/navigation/sub-butt.png);
	background-repeat: no-repeat;
}


#main-holder #left-section ul li a:hover {
	background-position: 0px -50px;
}

#main-holder #left-section ul li a.active {
	background-position: 0px -100px;
}

#tel-mail
{
    width:170px;
    height:165px;
    padding:15px 0 0 15px;
    margin:0 0 0px 0;
    float:left;
    text-align: left;
    color:#fff;
    font-size: 12px;
    background-image: url(../sitepix/structural/tel-mail-box.png);
	background-repeat: no-repeat;
	text-align:left;
	text-decoration:none;
	line-height:10px;
}

#tel-mail p
{
    color:#fff;
    font-size: 14px;
    text-decoration:none;
	line-height:14px;
}

#tel-mail a
{
    color:#fff;
    font-size: 14px;
    text-decoration:none;
	line-height:14px;
}

#tel-mail a:hover
{
    color:#fff;
    font-size: 14px;
    text-decoration:underline;
	line-height:14px;
}

#special-offer
{
    width:170px;
    padding: 0;
    margin:0;
    float:left;
}
/*---------------- main section layout holding text and images ----------------*/

#main-holder #whole-mid
{
    width:370px;
    float:left;
}

#text-holder	
{
	width: 338px;
	float: left;
	margin:0px;
	padding:30px 15px 28px 15px;
	border: solid 1px #999999;
	float:left;
	text-align:left;
}

#text-holder-meet
{
	width: 458px;
	float: left;
	margin:0px;
	padding:30px 15px 28px 15px;
	border: solid 1px #999999;
	float:left;
	text-align:left;
}

#text-holder-whole
{
    width: 748px;
	float: left;
	margin:0px;
	padding:35px 15px;
	border: solid 1px #999999;
	float:left;
	text-align:left;
}

#mid-text
{
    width:330px;
    height:145px;
    padding:20px 20px;
    margin-top:10px;
    float:left;
    text-align:left;
    color:#fff;
    font-size: 18px;
    background-image: url(../sitepix/structural/mid-text-bg.png);
	background-repeat: repeat-x;
	background-position:top;
	background-color:#000000;
}

#main-holder ul
{
	margin-left:20px;
	padding:0;
	display:inherit;
	list-style-image:url(../sitepix/structural/circle.png);
}

#main-holder ul li {
	font-size: 12px;
	font-weight:lighter;
	color: #737373;
	margin: 0 0 5px 0;
	padding: 0;
}

#main-holder ol
{
	margin-left:20px;
	padding:0;
	display:inherit;
}

#main-holder ol li {
	font-size: 12px;
	font-weight:lighter;
	color: #737373;
	margin: 0 0 5px 0;
	padding: 0;
}

#main-holder #right-holder	
{
	width: 398px;
	padding: 0;
	margin-left: 10px;
	margin-right: 0px;
	display: inline;
	float: right;
	border: none;
}

#main-holder #right-holder-meet
{
	width: 278px;
	padding: 0;
	margin-left: 10px;
	margin-right: 0px;
	display: inline;
	float: right;
	border: none;
}

#right-holder .RightPic
{
	width: 378px;
	padding: 10px;
	margin:0 0 10px 0;
	display: inline;
	float: left;
	border: solid 1px #999999;
}

#right-holder-meet .TeamPic
{
	width: 258px;
	padding: 10px;
	margin:0 0 10px 0;
	display: inline;
	float: left;
	border: solid 1px #999999;
}

#map-holder {
	width: 418px;
	padding: 10px;
	margin:0 10px 10px 0;
	display: inline;
	float: left;
	border: solid 1px #999999;
}

table#AllNews
{
	 margin:0px;
	 width:100%;
	 border:1px solid #CCCCCC;
}

table#AllNews th
{
	 text-align:left;
	 font-weight:bold;
	 background-color:#CCCCCC;
	 color:#1B3B78;
	 font-size:14px;
	 padding:10px;
	 
}

table#AllNews td
{
	 text-align:left;
	 font-weight:normal;
	 color:#000;
	 font-size:12px;
	 padding:10px;
	 border-bottom:1px solid #CCCCCC;
	 
}
/*-------------------------------------- how to find us layout ------------------------------*/

#map-nav {
	width: 308px;
	border: solid 1px #999999;
	display: inline;
	float: left;
	padding: 10px;
	text-align: left;
}

#map-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#map-nav ul li {
	margin: 0 0 10px 0;
	padding: 0;
}

#map-nav ul li a {
	margin: 0;
	padding: 0 0 0 20px;
	text-decoration: none;
	line-height: 14px;
	display: block;
	font-size: 16px;
}

#map-nav ul li a:hover {
	color: #1B3B78;
}

#map-nav ul li a#red {
	background-image: url(../sitepix/structural/red-circle.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#map-nav ul li a#green {
	background-image: url(../sitepix/structural/green-circle.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#map-nav ul li a#blue {
	background-image: url(../sitepix/structural/blue-circle.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


 /*-------------------------------------- footer layout ------------------------------*/
#footer
{
	position: relative;
 	clear:both;
 	height: 105px;
 	margin:0;
 	padding:40px 40px 0 0;
	width:920px;
	background-image: url(../sitepix/structural/footer.png);
	background-repeat: no-repeat;
	background-position:right;
}

#footer ul {
	margin: 10px 0;
	padding:0;
	text-align:right;
} 

#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
	color:#fff;
} 

#footer ul li a {
	margin: 0;
	padding:0 10px 0 0;
	text-decoration: none;
	color:  #fff;
	font-size: 14px;
	line-height:12px;
} 

#footer ul li a:hover {
	text-decoration: none;
	color:  #fff;
}
#footer ul li a.active {
	text-decoration: underline;
	color: #fff;
}

#footer p {
	font-size: 11px;
	color:  #fff;
	padding:0;
	margin:30px 0 0 0;
	text-align:right;
}

#footer a {
	color: #fff;
	text-decoration: none;	
	font-size: 11px;
	margin-right:10px;
	margin-top:30px;
}

#footer a:hover {
	text-decoration: underline;
}