/* CSS Document - Duncombe Website - Main Shared Styles */


body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #4B4B4B;
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-y;
	background-position: center -40px;
	background-image: url(../images/template/page-bg.gif);
	line-height: 1.2;
}
a:link, a:visited {
	color: #2E3192;
	text-decoration: underline;
}
a:hover {
 text-decoration: none;
}
a:link.strong-link, a:visited.strong-link {
	font-family: "Arial Black", Arial, sans-serif;
	text-decoration: none;
}
a:hover.strong-link {
	color: #000000;
}
h1 {
	font-family: "Arial Black", Arial, sans-serif;
	color: #000000;
	font-size: 2.7em;
	font-weight: normal;
	background-image: url(../images/template/main-h2-bg.gif);
	background-repeat: no-repeat;
	background-position: 1px bottom;
	margin: 0em 0em 1em;
	padding: 0em 0em 0.5em;
}
h2 {
	font-family: "Arial Black", Arial, sans-serif;
	color: #000000;
	font-size: 2em;
	margin: 1.5em 0em 0.5em;
	padding: 0em;
	font-weight: normal;
}
h3 {
	font-size: 1.6em;
	color: #000000;
	font-family: "Arial Black", Arial, sans-serif;
	margin: 1.5em 0em 0.5em;
	padding: 0em;
	font-weight: normal;
}
p {
	font-size: 1.4em;
	margin: 0em 0em 1em;
	padding: 0em;
}
ul, li {
	margin: 0px;
	padding: 0px;
}
table {
	font-size: 1.4em;
	margin: 0px 0px 2em;
	padding: 0px;
	width: 99%;
}
th, td {
	margin: 0px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	text-align: center;
}
th {
	font-weight: bold;
	color: #000000;
}
iframe {
	margin: 1.25em 0 1em;
	padding: 0;
	border-style: none;
}
object, embed {
 margin: 0;
	padding: 0;
}
hr {
 margin: 1em 0 1em 285px;
 display: list-item;
 filter: alpha(opacity=0);
 list-style: url(../images/template/main-divider.gif) none;
 height: 3px;
 padding: 0;
 border: 0;
}
img {
	border: none;
}
.float-r {
	margin: 3px 0px 10px 20px;
	float: right;
	display: inline;
}
.float-l {
	display: inline;
	margin: 3px 20px 10px 0px;
	float: left;
}
.align-left {
	text-align: left;
}
.align-centre {
	text-align: center;
}
.align-right {
	text-align: right;
}


#header {
	width: 950px;
	margin: 0px auto;
	height: 130px;
}
body>#header {
	height: auto;
	min-height: 130px;
}


#logo {
	display: inline;
	float: left;
	height: 120px;
	width: 580px;
	margin: 0px 0px 10px 20px;
}


#nav0 {
	display: inline;
	float: right;
}

#nav0 li {
	display: inline;
	font-size: 1.4em;
}
#nav0 a:link, #nav0 a:visited {
	font-family: "Arial Black", Arial, sans-serif;
	color: #FFFFFF;
	text-transform: lowercase;
	text-decoration: none;
	background-color: #2E3192;
	text-align: center;
	width: 8em;
	padding: 2px 3px 4px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	list-style: none;
	float: left;
	display: inline;
}
#nav0 a:hover {
	background-color: #000000;
}


#nav1 {
	clear: both;
	height: 75px;
	background-image: url(../images/template/nav1-bg.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#nav1 ul {
	width: 750px;
	margin: 0px auto;
}
#nav1 li {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 1.4em;
	height: 60px;
	width: 205px;
	position: relative;
	list-style: none;
	float: left;
	display: inline;
	margin: 0px 15px 0px 30px;
	line-height: normal;
}
#nav1 a:link, #nav1 a:visited {
	color: #2E3192;
	text-decoration: none;
}
#nav1 a:hover {
 color: #000000;
}
#nav1 a span {
	background-repeat: no-repeat;
 background-position: 0px 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	cursor: pointer;
}
#nav1 #our-school a span {
	background-image: url(../images/template/our-school.gif);
}
#nav1 #our-pupils a span {
	background-image: url(../images/template/our-pupils.gif);
}
#nav1 #our-parents a span {
	background-image: url(../images/template/our-parents.gif);
}
#nav1 a:hover span {
	background-position: 0px -60px;
}


#main {
	width: 950px;
	clear: both;
	background-image: url(../images/template/main-foot-bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: -15px auto 0px;
	padding-bottom: 90px;
}
/* clears float */
#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main { display: inline-block; }
/* hides from IE5 Mac \*/
#main { display: block; }
/* end hide from IE5 Mac */
/* end clear */


#section-head {
	height: 150px;
	width: 950px;
}


#nav2 {
	background: url(../images/template/nav2-bg.gif) no-repeat;
	width: 230px;
	float: left;
	display: inline;
	height: 300px;
	padding-top: 30px;
}
#main>#nav2 {
	height: auto;
	min-height: 300px;
}
#nav2 li {
	background-repeat: no-repeat;
	font-family: "Arial Black", Arial, sans-serif;
	list-style: none;
	font-size: 1.4em;
	padding: 6px 35px 0px 50px;
	line-height: 1em;
}
#nav2 a:link, #nav2 a:visited {
	color: #2E3192;
	text-decoration: none;
}
#nav2 a:hover {
 color: #000000;
}


#nav3 {
 border-top: 1px solid #D9D9D9;
 border-bottom: 1px solid #D9D9D9;
 padding: 5px 0px 10px;
}
#nav3.sidebar {
 margin-right: 225px;
}
#nav3 a:link,
#nav3 a:visited {
 text-decoration: none;
 font: 0.95em "Arial Black", Arial, sans-serif;
}
#nav3 a:hover {
 color: #000;
}
#nav3 .summary {
 background: none;
 display: inline;
 float: left;
 padding-left: 0;
 margin-left: 0;
}
#nav3 .back {
 background: none;
 display: inline;
 float: right;
 padding-left: 0;
 margin-left: 0;
}
#nav3 .next {
 background: none;
 display: inline;
 float: right;
 padding-left: 0;
 margin-left: 20px;
}


#main-content {
	margin-left: 250px;
}
#main-content strong {
	color: #000000;
}
#main-content.indent {
	margin-right: 225px;
}
#main-content ul {
	margin-bottom: 1.5em;
}
#main-content li {
	font-size: 1.4em;
	margin-bottom: 0.5em;
	margin-left: 15px;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	list-style: none;
	padding-left: 15px;
}


.sidebar-l, .sidebar-r {
	display: inline;
	background-image: url(../images/template/sidebar-bg.gif);
	background-repeat: repeat-y;
	width: 200px;
}
.sidebar-l {
	float: left;
	margin: 5px 25px 20px;
}
.sidebar-r {
	float: right;
	margin: 5px 0px 20px 25px;
}
.sidebar-head {
	background-image: url(../images/template/sidebar-head.gif);
	background-repeat: no-repeat;
	height: 25px;
}
.sidebar-foot {
	background-image: url(../images/template/sidebar-foot.gif);
	background-repeat: no-repeat;
	height: 65px;
	background-position: left bottom;
}
.sidebar-content {
	padding: 0px 25px;
	width: 150px;
}
.sidebar-content h2 {
	font-size: 1.5em;
	padding: 3px 5px 5px 25px;
	color: #FFFFFF;
	background-color: #2E3192;
	margin: 0em 0px 1em -25px;
	line-height: 1.1em;
}
.sidebar-content h2 img {
 vertical-align: middle;
	margin-top: 2px;
}
.sidebar-content h3 {
	font-size: 1.4em;
	color: #000000;
}
.sidebar-content p {
	font-size: 1.2em;
	line-height: 1.1em;
	color: #000000;
}

.sidebar-content ul {
	margin-bottom: 1.5em;
}
.sidebar-content li {
	font-size: 1.2em;
	line-height: 1.1em;
	color: #000000;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 12px;
	margin-bottom: 0.5em;
	list-style: none;
}
.sidebar-content .caption {
	font-size: 1.4em;
	padding: 3px 5px 3px 25px;
	font-family: Arial, sans-serif;
	margin: 0px 0px 0.5em -25px;
}
.sidebar-content hr {
	height: 5px;
	margin-left: 45px;
	list-style: url(../images/template/sidebar-divider.gif);
	margin-bottom: 2em;
}
.sidebar-content strong {
	font-weight: normal;
	font-family: "Arial Black", Arial, sans-serif;
}
#main-content #get-adobe-reader {
	font-size: 1.2em;
	margin-top: 2em;
}
.sidebar-content #get-adobe-reader {
	font-size: 1.1em;
}
#get-adobe-reader img {
	margin: 1.2em 0px;
}






#contact-details {
	background: #000000;
	text-align: center;
	clear: both;
	padding: 10px 0px 3px;
	height: 36px;
}
body>#contact-details {
	min-height: 36px;
	height: auto;
}
#contact-details p {
	color: #FFFFFF;
	background: #000000;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	margin: 0em;
	padding: 0em;
}
#contact-details strong {
	font-family: "Arial Black", Arial, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
}
#contact-details a:link, #contact-details a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#contact-details a:hover {
	text-decoration: underline;
}


#footer {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/template/footer-bg.gif);
}
#footer img {
	margin: 0px 15px;
}
