body{background-image: url(../new-system/images/bg.png); font-family:"Century Gothic", Verdana; background-repeat:repeat-x; background-position:top; background-color:#FFFFFF;}

img {border:0;}
h1{font-size:1.4em; margin:5px; margin-bottom:20px;}
h2{font-size:1.2em; margin:5px;}
h3{font-size:1.1em;}
h4{font-size:1em;}
h2,h3,h4{clear:left; margin-bottom:20px; margin-top:20px; margin:5px;}
a {cursor:pointer; color:#000000;}
.red{color:#FF0000; font-weight:bold; font-size:1.1em;}
.block{float:left; clear:none; margin-right:15px; text-align:center;}
.block p{text-align:center;}
.block img{margin-left:20px;}
.row{clear:left; float:left; width:100%}

.help{background-image:url(../images/h.gif); background-repeat:no-repeat; padding-left:25px;}

.a1{background-color:#FFB0B0;}
.a2{background-color:#FFD89D;}
.a3{background-color:#FFFFAA;}
.a4{background-color:#9FFF9F;}
.a5{background-color:#BFBFFF;}
.a6{background-color:#C59BE3;}
.a7{background-color:#B77BF2;}
.a8{background-color:#FFB0B0;}
.a9{background-color:#FFD89D;}
.a10{background-color:#FFFFAA;}

#top{background-image: url(../new-system/images/top.png); text-align:left; background-repeat:no-repeat; background-position:top;}
#top a{text-decoration:none;}
#top a:hover{text-decoration:underline;}
#top hr{width:270px; float:left; visibility:hidden;}

#top li{float:left; list-style:none;padding-right:5px;}
#top ul,#login{clear:left; padding:5px;}
#topname{padding:5px; font-size:1em; font-weight:bold;}

#main,#top,#bottom{float:left; clear:left; background-color:#FFFFFF; width:100%;}

#main{min-height:630px;}

#smallad{float:left;}

#topm, #botm{ width:130px;}
#topm{height:12px;}
#botm{height:18px;}

#crumbs{font-size:0.7em; margin-bottom:15px;}

#left{float:left; margin:5px; width:11%; clear:left;}
#left ul{font-size:0.7em; padding:0; width:100%;}
#left li{font-size:1.3em; float:left; list-style:none; cursor:pointer;}
#left li a{width:100%; display:block;}
#left hr{float:left; margin-top:10px;}
#left li.title {font-size:1.4em; font-weight:bold; clear:both; width:100%; cursor:default;}

.h{display:none;}

#content{float:left; width:87%;}

.imgright{float:right; margin:5px; margin-left:10px;}
.imgleft{float:left; margin:5px; margin-right:10px;}
.half{width:48%; float:left;}

hr{clear:left; margin:0 10px 0 10px; padding:0;}

label{width:13em; float:left;}
fieldset{border:1px solid #D0D0BF; margin-bottom:15px;}
fieldset p{width:auto;}
legend{color:#666666;}
input,textarea{font-family:"Century Gothic", Verdana;}
textarea{font-size:0.9em;}
form{margin:auto 0 auto 0;}

table{background-color:#F8F9FC; border:1px solid #B0D8FF; width:95%;}
Primary school pupil information{padding:3px;}
#detailscont p{text-align:left;}

.note{background-color:#F8F9FC; border:1px solid #B0D8FF; width:50%; padding:5px; margin:0 0 10px 5px;}
.note p{background-image:url(../new-system/images/info.gif); padding:0 0 0 20px; margin:5px; background-repeat:no-repeat;}
.ad{position:absolute; left:-100000px;}

#subbot{float:right; width:100%;}
#subbot li{float:left; list-style:none; margin:0; padding:0 10px 0 0;}
#subbot ul{margin:4px; padding:0;}
