/* CSS for The Belgravia Nursery School */


/* Set all Margins Padding and Borders to 0 */
* {
margin: 0;
padding: 0;
border: 0;
}

/* Box Model Fix */
.box:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Structure */

#wrapper {
position: absolute;
top: 50%;
left: 50%;
width: 730px;
height: 620px;
margin: -290px 0 0 -365px;
border: 1px solid white;
clear: both;
background: transparent url("../images/background.jpg") no-repeat top left;
}

#leftcol {
width: 160px;
height: 540px;
float: left;
padding: 20px;
}

.border {
border: 1px solid #FFF;
}

.margin {
margin: 20px 0 0 0;
}

#rightcol {
width: 486px;
height: 540px;
float: left;
padding: 20px;
}

#logo {
margin: 0 0 20px 0;
}

#english {
width: 230px;
height: 420px;
float: left;
padding: 0 10px 0 0;
border-right: 1px solid  #0071BC;
}

#english h2 {
padding: 5px;
color: #FFF;
background: #24408F;
font-size: 12px;
}

#english p {
color: #24408F;
}

#english ul {
color: #24408F;
}

#other {
width: 230px;
height: 420px;
float: left;
padding: 0 0 0 10px;
margin: 0 0 15px 0;
}

#other h2 {
padding: 5px;
color: #FFF;
background: #0071BC;
font-size: 12px;
}

#email {
clear: both;
width: 486px;
height: 15px;
background: #0071BC;
color: #FFF;
text-align: center;
margin: 0 0 5px 0;
}

#footer {
text-align: center;
color: #24408F;
font-size: 9px;
}

#footer a {
color: #0071BC;
}

/* Colours and Typography */

body {
background: #CEE7F1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0071BC;
}

p {
margin: 10px 0 0 0;
}

ul {
margin: 10px 0  0 0;
clear: both;
}

li {
width: 90px;
font-weight: bold;
margin: 0 0 0 15px;
}

a {
text-decoration: none;
color: #FFF;
}

a:hover {
text-decoration: underline;
}

/* Useful Classes */

.hidden {
display: none;
}

.clear {
clear: both;
}

.padded {
padding: 10px 0 0 0;
}

.left {
	float: left;
}