/* -----------------------------------------------------------------------

English Language Centre: Main Layout CSS

version: 1.0
date: July 2011
author: Tarquin Rees
email: tarquin@okapicreative.com
web: www.okapicreative.com
----------------------------------------------------------------------- */

#wrapper {

margin: 0px auto;
width: 960px;
}	

#header {

padding: 10px 0px 0px 300px;
height: 110px;
text-align: right;
background: transparent url(../images/main/back_header.png) top left no-repeat;
}

#menu {

margin-top: 10px;
height: 40px;
}

#slideshow {height: 230px;}

#content, #sidebar, #content_loc, #gmap_head {

margin: 50px 30px 20px 0px;
width: 610px;
float: left;
}

#sidebar {

margin-right: 0px;
margin-left: 5px;
width: 315px;
}

#footer {

height: 60px;
border-top: 1px solid #ccc;
}

/* Main Content
----------------------------------------------------------------------- */

#piclink_1, #piclink_2, #piclink_3  {

margin: -10px 10px 0px 0px;
padding: 113px 0px 0px 10px;
width: 303px;
height: 120px;
float: left;
background: url(../images/main/back_homebox.jpg) no-repeat 0 0;
}

#piclink_2 {

background-position: -325px 0px;
}

#piclink_3 {

background-position: -650px 0px;
margin-right: 0px;
}

.clear_main, .clear_home {clear: left;}

.clear_home {

padding-top: 30px;
padding-right: 60px;
height: 90px;
text-align: right;
}

/* Buttons & Rollovers
----------------------------------------------------------------------- */

a.butt_contact {

margin-left: 25px;
margin-top: -3px;
padding-top: 5px;
background: url(../images/main/butt_contact.png) no-repeat 0 0;
width: 95px;
height: 26px;
display: block;
float: right;
font-family: 'Cabin', sans-serif;
font-size: 13px;
color: #003366;
text-align: left;
text-indent: 15px;
}

a.butt_contact:hover {background-position: 0 -31px;}


/* Images & Rounded Corners on Images
----------------------------------------------------------------------- */

span.rounded {

margin: 20px 10px 0px 0px;
float: left;
width: 85px;
height: 85px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 2px solid #4b6e98;
}

span.rounded img {visibility:hidden;}

.staff {

margin: 20px 0px 10px 0px;
width: 137px;
padding: 4px;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:oblique;
color: #666;
font-size: 12px;
float: left;
height: 180px;
}

img.studentpic {

margin: 7px;
float: left;
}

a img.staffpic, a img.studentpic {

padding: 5px;
border: 1px solid #ccc;
}

a:hover img.staffpic, a:hover img.studentpic {border: 1px solid #666;}

.picclear {clear: left;}
.testclear {clear: left;}


/* Tables
----------------------------------------------------------------------- */

table {

border-collapse: collapse;
width: 400px;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 14px;
}

td {

border-top: 1px solid #d8dacc;
border-bottom: 1px solid #d8dacc;
padding: 5px;
}

td.side {

border-right: 1px solid #d8dacc;
font-weight: 700;
}

tr.shade {background-color: #f4f5f1;}

table#levels, table#exams {

margin-bottom: 50px;
width: 600px;
font-size: 12px;
}

table#levels td, table#levels th {

border: 1px solid #d8dacc;
width: 80px;
padding: 5px;
}

table#exams td, table#exams th {

border: 1px solid #d8dacc;
padding: 5px;
text-align: center;
}

table#levels td.first, table#levels th.first {width: 30px;}

table#levels th, table#exams th {

font-weight: 700;
text-align: center;
}

/* Contact Page, Forms etc
----------------------------------------------------------------------- */

#content_loc, #gmap_head {

width: 615px;
height: 150px;
}

#gmap_head {width: 200px;}

.contact, .locpic, .gmap {

margin: 0px 30px 20px 0px;
width: 365px;
height: 500px;
float:left;
}

.locpic {width: 220px;}

.gmap {

margin-right: 0;
width: 310px;
}

input.formbox, textarea {

margin: 0px;
padding-left: 10px;
border: 1px solid #6dc0bf;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 13px;
width: 360px;
height: 35px;
color: #93989c;
}

textarea {

padding-top: 10px;
height: 210px;
}

input#sendbutt {margin-left: 0px;}

p.form {margin-bottom: 10px;}


/* News Section: Galleries, Testimonials & Conversation
----------------------------------------------------------------------- */

#testimonials { 

margin-top: 10px;
padding-top: 20px;
height: 300px;
}

div.test {

margin-top: 20px;
border-bottom: 1px solid #ccc;
}

div.test span.rounded, div.test1 span.rounded, div.test2 span.rounded, div.test3 span.rounded {margin: 0px 20px 0px 0px;}

div.gallery {margin-bottom: 30px;}

#convside {

margin-top: 10px;
margin-left: 15px;
height: 480px;
}

#convside div.test, #convside div.test1 {border: 1px solid #f4f5f1;}
#convside div.test1 {margin-top: 25px;}


/* Sidebar, Content and Backs
----------------------------------------------------------------------- 

.sidehome {

background: transparent url(../images/main/back_homeside.png) top left no-repeat;
}

-------------- */


#sidecont {

margin: 5px 0px 40px 0px;
width: 310px;
border: 1px solid #03337f;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: url(../images/main/divback.png) no-repeat 0 0;
background-color: #f4f5f1;
}

#facebook, #jobs {

margin: -20px 0px 0px 2px;
padding: 70px 0px 0px 195px;
width: 120px;
height: 70px;
background: url(../images/main/facebook.png) no-repeat 0 0;
}

#google {

margin: 50px 0px 100px 0px;
text-align: right;
}


/* Jobs Section
----------------------------------------------------------------------- */

#jobs {
margin-top: 20px;
background: url(../images/main/jobs.png) no-repeat 0 0;
}


/* Images
----------------------------------------------------------------------- */

img.cam {
border: 1px solid #ccc;
margin: 10px 0 0 10px;
padding: 10px;
}

img.fbpic {
margin-left: -12em;
margin-top: -4em;
}



/* New Styles July 2018
----------------------------------------------------------------------- */

table#newtab {width: 600px;}
table#newtab td {line-height: 25px;}

img.cam2  {margin-bottom: 10px;}
img.cam3  {margin-bottom: 40px;}