* {
    margin:0;
    padding:0;
}

html, body {
    height:100%;
    width:100%;
    font-family:Arial;
    font-size:12px;
}

body {
    background-color:#a5b0c4;
}

ul {
    list-style-type:none;
}

#wrapper {    
    position:relative;
    width:960px;
    margin:0 auto;
    padding-bottom:15px;
    background:url('/images/bg-bottom.jpg') bottom left no-repeat white;
}

#header {
	position:absolute;
	width:900px;
	padding:0 30px;
	height:209px;
	background:url('/images/bg-top.jpg') top left no-repeat white;
	z-index: 100;
}

h1 {
    position:absolute;
    top:13px;
    background:url('/images/logo.gif') top left no-repeat;
    height:115px;
    width:385px;
    font-size:2em;
    font-weight:normal;
}

h1 a {
    display:block;
    height:115px;
    color:white;
    text-decoration:none;
    text-indent:-9999px;;
}

#header div {
    display:block;
    position:absolute;
    top:24px;
    right:30px;
}

#nav {
    position:absolute;
    top:143px;
    left:30px;
    width:900px;
    height:27px;
    background:url('/images/bg-nav.gif') top left repeat-x;
	z-index:100;
}

#nav ul {
    float:left;
    padding-left:1px;
}

#nav #navdd1 {
    padding:0;
}

#nav ul li a{
    height:27px;
}

#navdd1 li a {
    display:block;
    width:135px;
    background:url('/images/nav-btn1.gif') top left no-repeat;
}

.general #navdd1 li a,
#navdd1 li:hover a {
    background:url('/images/nav-btn1.gif') bottom left no-repeat;
}

.general #navdd1 li ul a,
#navdd1 li:hover ul a {
    background:none;
}

#navdd2 li a {
    display:block;
    width:132px;
    background:url('/images/nav-btn2.gif') top left no-repeat;
}

.parents #navdd2 li a,
#navdd2 li:hover a {
    background:url('/images/nav-btn2.gif') bottom left no-repeat;
}

.parents #navdd2 li ul a,
#navdd2 li:hover ul a {
    background:none;
}

#navdd3 li a {
    display:block;
    width:133px;
    background:url('/images/nav-btn3.gif') top left no-repeat;
}

.pupils #navdd3 li a,
#navdd3 li:hover a  {
    background:url('/images/nav-btn3.gif') bottom  left no-repeat;
}

.pupils #navdd3 li ul a,
#navdd3 li:hover ul a {
    background:none;
}

#navdd4 li a {
    display:block;
    width:133px;
    background:url('/images/nav-btn4.gif') top left no-repeat;
}

.community #navdd4 li a,
#navdd4 li:hover a  {
    background:url('/images/nav-btn4.gif') bottom  left no-repeat;
}

.community #navdd4 li ul a,
#navdd4 li:hover ul a {
    background:none;
}

#navdd5 li a {
    display:block;
    width:231px;
    background:url('/images/nav-btn5.gif') top left no-repeat;
}

.join #navdd5 li a,
#navdd5 li:hover a  {
    background:url('/images/nav-btn5.gif') bottom left no-repeat;
}

.join #navdd5 li ul a,
#navdd5 li:hover ul a {
    background:none;
}

#navdd6 li a {
    display:block;
    width:131px;
    background:url('/images/nav-btn6.gif') top left no-repeat;
}

.contact #navdd6 li a,
#navdd6 li:hover a  {
    background:url('/images/nav-btn6.gif') bottom left no-repeat;
	
}

.contact #navdd6 li ul a,
#navdd6 li:hover ul a {
    background:none;
}

#navdd1 ul,
#navdd2 ul,
#navdd3 ul,
#navdd4 ul,
#navdd5 ul,
#navdd6 ul {
    background:url('/images/bg-sub.jpg') bottom left repeat-x #b6cedf;
    padding:0;
    display:none;
}

#navdd1 ul {
    width:135px;
}

#navdd1 ul li a {
    width:127px;
}

#navdd2 ul {
    width:132px;
}

#navdd2 ul li a{
    width:124px;
}

#navdd3 ul {
    width:133px;
}

#navdd3 ul li a {
    width:125px;
}

#navdd4 ul {
    width:133px;
}

#navdd4 ul li a {
    width:125px;
}

#navdd5 ul {
    width:231px;
}

#navdd5 ul li a {
    width:223px;
}

#navdd6 ul {
    width:131px;
}

#navdd6 ul li a{
    width:123px;
}

#navdd1 li:hover ul,
#navdd2 li:hover ul,
#navdd3 li:hover ul,
#navdd4 li:hover ul,
#navdd5 li:hover ul,
#navdd6 li:hover ul {
    display:block;
}

#navdd1 ul li,
#navdd2 ul li,
#navdd3 ul li,
#navdd4 ul li,
#navdd5 ul li,
#navdd6 ul li {
    padding:0;
    margin:0;
}

#navdd1 ul li a,
#navdd2 ul li a,
#navdd3 ul li a,
#navdd4 ul li a,
#navdd5 ul li a,
#navdd6 ul li a {
    background:none;
    display:inline;
    color:#14397f;
    text-decoration:none;
    display:block;
    height:12px;
    padding:6px 4px;
}

#navdd1 ul li a:hover,
#navdd2 ul li a:hover,
#navdd3 ul li a:hover,
#navdd4 ul li a:hover,
#navdd5 ul li a:hover,
#navdd6 ul li a:hover {
    text-decoration:none;
    background:none;
    background-color:#fbf8fd;
    color:#14397f;
}

#main {
	width:900px;
	padding:210px 30px 30px 30px;
	overflow:auto;
	z-index: 1;
}

#quote-column {
    width:194px;
    float:right;
	
}

#pdfs {
    padding-top:45px;
    background:url('/images/header-pdf.jpg') top left no-repeat;
}

#pdfs ul {
    padding:10px 0;
}

#pdfs ul li {
    padding:0 0 10px 20px;
    background:url('/images/list-bullet.gif') left 4px no-repeat;
}

#pdfs ul li a{
    color:#143882;
    text-decoration:none;
    font-weight:bold;
    line-height:1.4em;
}

#pdfs ul li a:hover {
    text-decoration:underline;
}

#quotestext {
    padding-bottom:10px;
}

#content {
    width:440px;
    padding:0 39px 0 38px;
    float:right;
}

#content-large {
    width:634px;
    padding:0 39px 0 38px;
    float:right;
}
#content-large2 {
    width:876px;
    float:left;
}

#content p,
#content-large p {
    padding:6px 0;
}

#content a {
    color:#143882;
}

#news-column {
    width:189px;
    float:right;
    background:url('/images/bg-news.gif') top left repeat-y;
}

#news-column h3 {
    width:189px;
    height:44px;
    background:url('/images/header-news.jpg') top left no-repeat;
    text-indent:-9999px;
}

#news-column div {
    padding:12px;
    width:165px;
    background:url('/images/bg-news-list.jpg') bottom left no-repeat;
}

#news-column ul li {
    padding:5px 5px 10px 20px;
    background:url('/images/list-bullet-blue.gif') 4px 9px no-repeat;
    line-height:1.4em;
    color:white;
    font-weight:bold;
}

#news-column ul li a{
    color:white;
    text-decoration:none;
    font-weight:bold;
    line-height:1.4em;
}

#news-column ul li a:hover {
    text-decoration:underline;
}

#footer {
    width:876px;
    margin:0 30px;
    padding:0 12px;
    height:27px;
    overflow:hidden;
    background:url('/images/bg-bottombar.gif') left top repeat-x;
    text-align:right;
    color:#143882;
    line-height:27px;
}