/* 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 ; }