/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*global*/
* { margin: 0; padding: 0; }
a { color: #A200AF; text-decoration: none; }
a:hover {text-decoration: underline; }

body { margin: 0;  background: #D49C5C url(images/cork.png) ; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #747270;  overflow: auto; line-height: 1.20em; }
h1 { font-weight: bold; color: #747270; font-size: 30px;}
h2 { font-weight: bold; color: #747270; font-size: 20px;}
h3 { font-weight: bold; color: #747270; font-size: 18px;}
h4 { font-weight: bold; color: #747270; font-size: 12px;}
h5 { font-weight: bold; color: #747270; font-size: 11px;}
h6 { font-weight: bold; color: #747270; font-size: 10px;}
p {color:#666;}

/*h1,h2,h3,h4,h5,h6 {
letter-spacing:1px;
 margin-bottom: 10px; text-shadow: 0px 1px 1px #D8D5D2;
}*/

img {border: 0; margin: 0; padding: 0;}

#header {width: 1100px; margin: 0 auto;}
#header h1 {color:#007BBF;font:bold 3.8em Georgia,"Times New Roman",Times,serif;text-shadow:2px 2px 2px #555;}
#header h2 {font-size: 1.8em; color:#005DFF; margin-top: 10px; text-shadow:1px 1px 1px #666;}

#ad {float: right; border: 1px solid #777; padding: 5px; margin: 5px; background: #fdd; -moz-box-shadow: 2px 2px 12px #333; -khtml-box-shadow: 2px 2px 12px #333; -webkit-box-shadow: 2px 2px 12px #333;}
#ad a{ margin-right: 0.7em; padding: 0; color: #FF0022; font-weight: bold; font-size: 1.1em;}
#ad a:hover {color: #00DF1E;}
#ad h2 {font-size: 1.5em;}

#title {float:left;}
.clear {clear:both;height:0;}

#global { background: transparent; margin-left: auto; margin-right: auto; }

#sidebar{ position:absolute; top:120px; left:3px; width:105px;  color: #222; font-weight: bold; padding: 10px 10px 10px 20px; background: #edc; -moz-box-shadow: 2px 2px 12px #333; -khtml-box-shadow: 2px 2px 12px #333; -webkit-box-shadow: 2px 2px 12px #333; text-shadow:1px 1px 1px #aaa;}
 

.sliding-element {font-weight: bold;}
 

.box { background: #fed ; font-size: 11px; padding: 8px; margin: 5px; -moz-box-shadow: 2px 2px 5px #444; -webkit-box-shadow: 1px 1px 5px #666; box-shadow: 1px 1px 5px #666; }
.box2, .box3 { background: #fed; font-size: 12px; font-weight: bold; padding: 4px; margin: 3px; position: relative;}
.box2  {color: #f00; padding-left: 15px;}
.box3 p {position: absolute; color: #a00; top: 7px; right: 5px; font-size: 14px;}

#main { padding-top: 10px; margin-left: 140px; }

.col1 { width: 250px; }
.col2 { width: 540px; }

#topnav {margin-left: 150px; font-size: 1.5em; color: #00f; font-weight: bold; height: 1.5em;}
#topnav li {display: inline; }
#topnav li a:hover { color:#ff0; font-size: 1.2em;}
#topnav a { margin: 0 4px; text-shadow:1px 1px 1px #000;}

#nav a{ text-decoration: none; font-size: 1em; line-height: 1.5em; text-shadow:1px 1px 1px #777;}
#nav li a:hover { color:#0ff; text-decoration: underline; text-shadow:1px 1px 1px #000;}

#holder { display: none; }

h2 {color: blue; font-size: 1.3em; font-weight: bold; text-shadow: 1px 1px 1px #aaa; margin-bottom: 3px;}
h3 {color: green; font-size: 1em; margin-bottom: 2px; line-height: 1.4em;}
h3 span {color: #f00;}
h4 {color:#555; font-size: 0.9em; line-height: 1.3em;}
h4 span, h2 span {color:#8F0000;}

.contform {background: #7a7 !important; border: 2px solid #00f; -moz-box-shadow: inset 0 0 6px #000; -webkit-box-shadow: inset 0 0 6px #000; }
.contform  h2 {color: #ffa; text-shadow:1px 1px 1px #000; font-size: 1.5em; line-height: 1.2em;}
.contform  h3 {color: #aff; text-shadow:1px 1px 1px #000; font-size: 1.2em;}
.insert {background: #fdd !important; border: 2px solid #f00;}
.pict {background: none; -moz-box-shadow: 0 0 0 #333;}
.pict img { border: 2px solid #5F3100; padding: 4px; -moz-box-shadow: 2px 2px 2px #333; -webkit-box-shadow: 2px 2px 2px #333;}
.college {background: #ddf;}
.igcse {background: #dfe;}
.advert {font-size: 1.5em; border: 1px solid #777; padding: 5px; margin: 5px; background: #eed; -moz-box-shadow: 2px 2px 12px #333; -khtml-box-shadow: 2px 2px 12px #333; -webkit-box-shadow: 2px 2px 12px #333;}
.advert a{ margin-right: 0.7em; padding: 0; color: #FF0022; font-weight: bold; }
.advert a:hover {color: #00DF1E;}
.fav {background: #fed url(images/pin.png) no-repeat top right !important ; }

/* ======= Contact CSS ======= */
#contact { display: block; width: 900px;  margin: 5px auto; padding: 10px; color: #116CFF; position: relative; text-shadow: 1px 1px 1px #555;}
#contact p, label, legend { font: 1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

/* Form style */
#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 150px; font-size: 1.2em; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -webkit-border-radius:5px; -moz-border-radius:5px;}   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit {cursor: pointer; width: 100px;  position:absolute; bottom:100px; right: 220px; padding:5px; font-weight:bold; color:#f00; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; background-color: #ECCA9C;}
#contact input.submit:hover { background:#666; color:#f00; font-weight: bold;}
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:15px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#f00; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */
#message { margin: 10px 0; padding: 0; }
.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }
.loader { padding: 0 10px; }
#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }
acronym { border-bottom:1px dotted #ccc; }
#comment {float:right;}
#comment label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 200px; font-size: 1.2em; }
.name {float:left;}
#spam {position: absolute; top: 200px; right: 50px;}
#cont {position:relative; }
#form a {text-align: center; border: 1px solid #fff; margin: 20px; padding: 20px; background: none; -webkit-border-radius:5px; -moz-border-radius:5px;  -moz-box-shadow: inset 0 0 5px #0ff; -webkit-box-shadow: inset 0 0 10px #0ff; text-decoration:none; position: absolute; top: 100px; left: 100px; text-shadow:0 0 5px #ffe, 1px 1px 1px #777;}
#map2 a {text-align: center; border: 1px solid #fff; margin: 3px; padding: 5px; background: none; -webkit-border-radius:5px; -moz-border-radius:5px;  -moz-box-shadow: inset 0 0 5px #0ff; -webkit-box-shadow: inset 0 0 10px #0ff; text-decoration:none; position: absolute; bottom: 150px; right: 50px; text-shadow:0 0 5px #ffe, 1px 1px 1px #777;}
#map2 a:hover {color:#0ff; text-shadow:0 0 10px #ffe, 1px 1px 1px #777; background: #333;}