/*------Website designed and maintained by Xiaoying Riley (Web Author:Feb 2008 - July 2010) for Downend School --------*/


/* Global Offset starts */

* {
	padding:0;
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	margin: 0px;
}
p {
	line-height:1.4em;
	margin-bottom:5px;
}
a {
	outline:none;
	color:#003366;
}
a:hover {
	color:#003366;
}
ul {
	list-style:none;
}
img {
	border:none;
	border:0;
}
table {
	border-collapse:collapse;
	border:1px solid #ccc;
	margin:20px 0px;
}
table td {
	border:1px solid #ccc;
	padding:5px;
}
/* Global Offset Ends */



/* Code for Sticky Footer starts */

html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
	height: 150px; /* .push must be the same height as .footer */
}
/* Code for Sticky Footer ends*/


/*****************/
/*****************/
/*****************/
/*****************/

body {
	text-align:left;
}
#wrapper {
	background:#efefef url(../images/masterheader_bg.gif) repeat-x left top;
}
/* Master Header Area starts */


#masterheader {
	margin:0 auto;
	width:980px;
	background:url(../images/masterheader_top.jpg) no-repeat center top;
	clear: both;
}
#logo_link {
	width:500px;
	height:117px;
	float:left;
}
#logo_link a {
	display:block;
	width:500px;
	height:100px;
}
#search_container {
	width:260px;
	text-align:left;
	position: relative;
	top: 0px;
	float: right;
	right: 30px;
	
}



* html #search_container {
right: 0px;

} /* IE 6 fix */



#search {
	margin-top:8px;
	height:51px;
	width: 300px;
}
#search input {
	border:0 none;
	color:#666;
	font-size:12px;
}
#inside_search_box {
	width:210px;
	height:18px;
	padding-top:7px;
	padding-left:5px;
}
* html #inside_search_box {
	padding-left:15px;
} /*IE 6 fix */
.searchbutton {
	margin-top:-8px;
}
* html .searchbutton {
	margin-left:3px;
	margin-top: 0px;
}/*IE 6 fix */


#top_small_nav li {
	float:left;
	display:inline;
}
#top_small_nav li a {
	color: #CCC;
	font-weight:normal;
	padding:0 6px;
	margin-top:300px;
	border-right:1px solid #2e75a2;
}
#top_small_nav li.no_right_border a {
	border-right:none;
}
#top_small_nav li a:hover {
	color:#ddd;
}
.clear {
	clear:both;
	height:1px;
}
/* Main Nav Menu starts */

#menu {
	text-transform:uppercase;
	/* IE z-index bug fix - otherwise the dropdown menu will go behind the jQuery slideshow in IE */	
position:relative;
	z-index:100;
	padding-left: 5px;
	margin-left: 0px;
	height: 32px;
	margin-top: 6px;
}
* html #menu {
	margin-top:10px;
} /*IE 6 fix */
#menu li {
	display:inline;
	float:left;
	padding:8px;
	background:url("../images/seperator.gif") no-repeat right center;
}
* html #menu li {
	background-position:right top;
}/*IE 6 fix */
#menu li.no_right_border {
	background:none;
	padding-right: 0px;
}
#menu ul li {
	background:none;
} /* offset - no seperator.gif for the second level of list items */
/*============================Dropdown Menu=======================================*/



#menu ul {
	list-style-position:outside;
	position:relative;
	line-height:1.4em;
	font-size:11px;
	z-index:100;
	background:#3990c8;
}
#menu a {
	display:block;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:1px;
	padding-right:0px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
#menu a:hover {
	color:#fff;
}
#menu li.current a {
	color:#333;
}
#menu li.current ul li a {
	color:#ccc;
}
#menu li {
	float:left;
	position:relative;
}
#menu ul {
	border:1px solid #2d6795;
	position:absolute;
	display:none;
	width:15em;
	padding:2px;
	left:0px;
	top:30px;
	text-transform:none;
	font-size:12px;
}
#menu ul li {
	width:14em;
	border-bottom:1px dashed #3477a2;
	clear:both;
	padding:3px 5px;
}
#menu ul li.bottom {
	border-bottom:none;
}
#menu li ul a {
	height:auto;
	float:left;
	background:none;
	color:#ddd;
	font-weight:normal;
}
#menu li ul a:hover {
	color:#fff;
}
#menu li:hover ul {
	display:block;
}
/* Main Nav menu ends*/




#slideshow_container {
	background:url(../images/home_slideshow_container.gif) center top;
	height:285px;
	width:980px;
	text-align: left;
	
}



* html #slideshow_container {
margin-top:-4px;
} /* IE 6 fix */

#slideshow {
	position:relative;
	width:720px;
	height:250px;
	overflow:hidden;
	top:12px;
	left:20px;
	clear:both;
}
* html #slideshow {
top:15px;
} /*IE 6 and 7 fix */
/* Master header area ends */



/* Main content area starts */




#main_content_container {
	width:960px;
	margin:0 auto;
	text-align:justify;
	margin-top: 10px;
	clear: both;
	margin-bottom: 0px;
}
.block {
margin-bottom:15px;
}
.bottom_bg_container {
	margin-top:20px;
}
.content_wrapper {
	margin:0 30px;
	margin-top: 10px;
}





/* Main content area ends */

.push {
	clear:both;
}


/* logos starts */
#logos {
	background:url(../images/logos_bg.gif) no-repeat center top;
	width:960px;
	height:80px;
	clear: both;
	text-align: center;
	position: relative;
	top: -15px;
	padding-top: 18px;
}
* html #logos {
top:-28px;
} /*IE 6 fix */
#logos img {
	margin-top:0px;
}
/* logos ends */



/* Footer starts */

#footer {
	background:url(../images/footer_bg.gif) repeat-x left bottom;
	height:150px;
	padding-top:30px;
}
#copyright_container p {
	color:#ddd;
	font-size:12px;
	text-align:center;
}
/* Footer ends */





/* Global Breadcrumb starts */


#breadcrumb {
	margin-left:20px;
	position: relative;
	clear: both;
	height: 22px;
	border-bottom: 1px dashed #ccc;
	width: 90%;
	margin-bottom: 15px;
}
#breadcrumb li {
	display:inline;
	float:left;
	padding-left: 4px;
	font-size: 11px;
}
#breadcrumb li a {
	padding-right:3px;
	padding-left: 3px;
	font-size: 11px;
}
ul#breadcrumbs li span {
	position:relative;
	color:#ccc;
	top:0px;
}
#breadcrumb li.current_breadcrumb a {
	color:#666;
}
/* Global Breadcrumb ends */

/*----------------------Global Galleries starts------------------*/
ul.photoalbums {
	height:200px;
	text-align: center;
}
ul.photoalbums {
	margin-top:10px;
}
ul.photoalbums li {
	float:left;
	height: 160px;
	border: 1px solid #ccc;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 11px;
}
ul.photoalbums li.album {
	margin-left: 10px;
}
/*----------------------Global Galleries ends------------------*/


/*--------------Global 2 Columns Layout - middle block (640px)  starts-------------*/
.middle_block {
	width:720px;
	background: #fff url(../images/720_middle.gif) repeat-y center top;
	float: left;
	margin-top:-10px;
	position: relative;
}
.middle_block .top_bg_container {
	background: #fff url(../images/720_top.gif) repeat-y center top;
	height: 20px;
}
.middle_block .bottom_bg_container {
	background: #fff url(../images/720_bottom.gif) repeat-y center bottom;
	height: 20px;
	clear: both;
}
ul.list {
	list-style-position: inside;
	list-style-type: disc;
	margin: 10px;
}
ul.list li {
	margin-bottom:5px;
}
div.center {
	text-align:center;
}


/*--------------Global 2 Columns Layout - middle block (640px) ends-------------*/


/*--------------Global no Columns Layout - middle block (960px)  starts-------------*/
.only_middle_block {
	width:960px;
	background: #fff url(../images/960_middle.gif) repeat-y center top;
	float: left;
	margin-top:-10px;
	position: relative;
}
.only_middle_block .top_bg_container {
	background: #fff url(../images/960_top.gif) repeat-y center top;
	height: 20px;
}
.only_middle_block .bottom_bg_container {
	background: #fff url(../images/960_bottom.gif) repeat-y center bottom;
	height: 20px;
	clear: both;
}



/*--------------Global 2 Columns Layout - middle block (640px) ends-------------*/


/*--- Global settings----*/

.italic {
	font-style:italic;
}
.highlight {
	color:#0088cc;
}
.push_left {
	margin-left:50px;
}
/*------Global settings---*/


/* -----w3c validators-----*/


#validator1 {
padding-right:10px;	
	
}

#validator1  a, #validator2 a {
color:#ccc;	
font-size:11px;
	
}

#validator1  a:hover, #validator2 a:hover {
color:#fff;	
}


/*-----w3c validators----*/



/* --for style switcher---*/
#top_small_nav li.standard_version_link {
display:none;
}
#logo_link h1 {
text-indent:-9999px;
}
