/* St Ann's Primary
*  global.css
*  Main site structure
*  Date: 19-02-2006
*  v.2.0
*/
body { margin:0; padding:0; color:#333; font-size:70%; background:#fff; teext-align:center;}
body, select, input, textarea { font-family:verdana,arial,helvetica,sans-serif; }
img {border:none; margin:0; padding:0;}
h1 {margin:0 0 5px 0;}
h2, h2.header2 {font-size:120%; margin:25px 0;}
h3, h3.header3 {font-size:100%; margin:25px 0 15px 0;}
p, p.paragraph  {margin:0 0 15px 0;}

.clear-b {
	clear:both;
	height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}
.clear-d {display:block;}
.print-dn, .print-hd {display:none;}
.vh {visibility:hidden;}
.back-top {margin-top:-10px; text-align:right;}

#frame {width:760px; margin:-74px auto 0 auto; text-align: left; padding:0;}
#left-frame {
	width: 544px;
	background:#fff;
	float:left;
}
#right-frame {width: 216px; margin-top: -36px; float: left;}
/*hide from mac ie\*/#right-frame {position: relative; top: -36px; margin-top: 0;}/*end hide*/

#header {width:760px; margin:0; }
#header h1 .screen {display:block;}
#header .cross {position: absolute; top: 33px; margin: 0 0 0 7px;}
#header-bar {width: 25%; height: 74px; margin: 36px 0 0 0;}

#content-frame {width: 544px;}
#navigation-top {width: 544px; margin-top: 5px; float:left;}
#navigation-top ul {list-style: none; padding: 0; margin: 0;}
#navigation-top li {font-size: 110%; margin: 0;padding: 0;text-align: center;float: left;}
#navigation-top li a {display: block; height: 2em;line-height: 2em; width: 7.1em; color: #fff; font-weight: bold; text-decoration: none;text-align: center; text-indent: 2em; float: left;}
/*hide from mac ie\*/#navigation-top li a {text-indent: 0; float: none;}/*end hide*/

#navigation-top li.btn01 a {background: #b2b200; border: solid 1px #b2b200;}
#navigation-top li.btn01 a:hover, #navigation-top li.btn01 a:active
	{border: solid 1px #b2b200; background: #fff; color: #b2b200}

#navigation-top li.btn02 a {background: #a06b5f; border: solid 1px #a06b5f;}
#navigation-top li.btn02 a:hover, #navigation-top li.btn02 a:active
	{border: solid 1px #a06b5f; background: #fff; color: #a06b5f}

#navigation-top li.btn03 a {background: #ea9209; border: solid 1px #ea9209;}
#navigation-top li.btn03 a:hover, #navigation-top li.btn03 a:active
	{border: solid 1px #ea9209; background: #fff; color: #ea9209}

#navigation-top li.btn04 a {background: #ba5a55; border: solid 1px #ba5a55;}
#navigation-top li.btn04 a:hover, #navigation-top li.btn04 a:active
	{border: solid 1px #ba5a55; background: #fff; color: #ba5a55}

#navigation-top li.btn05 a {background: #876a8a; border: solid 1px #876a8a;}
#navigation-top li.btn05 a:hover, #navigation-top li.btn05 a:active
	{border: solid 1px #876a8a; background: #fff; color: #876a8a}
	
#navigation-top li.btn06 a {background: #76A8AD; border: solid 1px #76A8AD;}
#navigation-top li.btn06 a:hover, #navigation-top li.btn06 a:active
	{border: solid 1px #76A8AD; background: #fff; color: #76A8AD}

#navigation-side {
	width: 160px;
	float: left;
}
#navigation-side ul {
	list-style-type: none;
	margin: 15px 30px 0px 0;
	padding: 0;
}
#navigation-side li {
	_padding-bottom: 1px;
	line-height: 135%;
	margin-top: 6px;
}
#navigation-side li a {display: block; text-decoration: none; padding: 2px 0 2px 16px;}
#navigation-side ul li.on ul {list-style-type: none; margin:3px 0 0 16px; padding-bottom: 8px;}
#navigation-side a img {margin: 25px 40px 0 0;	padding: 0;}

#main-body ul {list-style-type: none; margin: 0; padding: 0;}
#main-body ul li {
	margin: 0 0 10px;
	background: url(../img/list_points/list_cross.gif) 0 .4em no-repeat;
	padding-left: 15px;
	_padding-left: 24px;
}
#main-body ol {list-style-type: decimal; margin:0 0 0 20px; _margin:0 0 0 24px; padding:0;}
#main-body ol li { margin: 0 0 10px 0; padding-left:0; }

#main-body {
	width: 376px;
	float: left;
}
#main-body a {text-decoration:underline;}


#main-body .box {
border-top: 1px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
margin-bottom: 30px;
background-color: #F5F5F5;
width: 376px;
}
#main-body .box h3 {
	margin-top: 0px;
	background-color: #666666;
	padding: 10px;
	border-bottom: 5px solid #CCCCCC;
	margin-bottom: 0px;
	color: #FFFFFF;
}
#main-body .box img {
	float: left;
	display: inline;
	margin-right: 10px;
	width: 175px;
}
#main-body .box p {
	margin: 10px 10px 10px 190px;
}
#main-body .box ul {
	margin: 10px 10px 10px 190px;
}


#navigation-side .box {
	margin: 22px 30px 0px 0px;
	border-bottom: 2px solid #CCCCCC;
	background-color: #F5F5F5;
	border-top: 1px solid #CCCCCC;
}
#navigation-side .box h3 {
	margin-top: 0px;
	background-color: #999999;
	padding: 5px 5px 5px 7px;
	border-bottom: 5px solid #CCCCCC;
	margin-bottom: 0px;
	color: #FFFFFF;
}
#navigation-side .box img {
 display: none;
}
#navigation-side .box p {
	margin: 10px 5px 10px 7px;
	font-size: 90%;
}
#navigation-side .box ul {
	list-style: none;
	margin: 0 0 15px;
}
#navigation-side .box li {
	background: none;
	font-size: 90%;
	margin-bottom: 5px;
	margin-left: 2px;
}
#main-body .img-box {
	border-top: 2px solid #CCCCCC;
	background-color: #F5F5F5;
	border-bottom: 1px solid #CCCCCC;
}
#main-body .img-box img {
	margin: 0px;
 display: block;
}
#main-body .img-box .caption {
	color: #666666;
	background-color: #999999;
	text-align: center;
 padding: 5px 10px;
	border-top: 5px solid #CCCCCC;
	font-weight: bold;
	font-size: 90%;
	margin: 0px;
}
#navigation-side .img-box {
	border-top: 2px solid #CCCCCC;
	background-color: #F5F5F5;
	border-bottom: 5px solid #CCCCCC;
	margin-right: 30px;
	margin-top: 15px;
}
#navigation-side .img-box img {
	width: 130px;
}




#footer {width: 760px; margin: 0 0 0 -10px; padding:0; clear: both;}
	#footer-right {width: 216px; margin-top: -50px; float: right;}
	#footer-right .quotation {position:relative; margin:0 20px; background: url(../img/speach_open.gif) no-repeat top left;}
	#footer-right .quotation-close { background: url(../img/speach_close.gif) no-repeat bottom right; }
	#footer-right .quotation p { color: #0187AC; font-size: 110%; padding: 16px;}

#footer-bar {clear: both; width: 544px; background: #90cddf url(../img/footer_end.gif) no-repeat top right;}
	#footer-bar .expand {width: 544px; background: url(../img/footer_expand.gif) no-repeat bottom right; }
	#footer-bar p {color: #0187ac; font-weight: bold; padding: 9px 0; margin: 0 10px; _text-indent:10px;}
	
#navigation-top ul {list-style: none; padding: 0; margin: 0 0 0 1px;}

/* secondary level sub-navigation */
#navigation-side ul li.on ul li {background: #fff; margin-bottom: 3px;}
#navigation-side ul li.on ul li a {display: block; color: #666; background: none;border: none; padding: 0;}
#navigation-side ul li.on ul li a.on {border-right: 5px solid #666;}


/* on brown template only (for now) - NEWS */
table {width:370px; border-top:solid 1px #a06b5f; border-bottom:solid 2px #a06b5f;}
table.terms {margin:-12px 0 15px 0;}
th, td {padding: 10px 5px;}
td {border-left: solid 1px #a06b5f;}
thead {}
thead th {background: #EFE3E0; border-bottom: solid 5px #a06b5f;}
.half-term-hol {background:#EFEFEF;}




#adobe-reader {
	width: 160px;
}
#adobe-reader a img {
	margin-left: 15px;
}
#adobe-reader p {
	font-size: 90%;
	margin-top: 5px;
	color: #666666;
	text-indent: -10px;
	margin-left: 15px;
	margin-right: 25px;
}