/*---------------------------------------------------------------*\
|                                                                 |
|    Ashburton Community School CSS                               |
|    Created at Oast One by James Marett, May 2006                |
|                                                                 |
|    IMPORTANT NOTES:                                             |
|                                                                 |
\*---------------------------------------------------------------*/

/*-- General --*/

html {
	height: 100%
}

body {
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	background: url(images/menu_background.jpg) #FFFFFF repeat-y; 
	height: 100%;
}

.page {
	MIN-HEIGHT: 100%;
	BACKGROUND: url(images/watermark.gif) no-repeat right bottom;
	POSITION: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.bottomLogo {
	BACKGROUND: url(images/bottom_logo.jpg) no-repeat 50% bottom;*/
	POSITION: absolute;
	background-color: #005295;
	top: 0px;
	left: 0px;
	width: 160px;
	HEIGHT: 100%;
}

.bottomLinks {
	POSITION: absolute;
	left: 172px;
	color: #005295; 
	HEIGHT: 100%;
	MIN-HEIGHT: 100%;
	vertical-align: text-bottom;
}

div.bottomLinks A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #005295; 
	font-size: 1.2em;
}

div.bottomLinks A:hover {
	text-decoration: underline;
}

div.content A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005295; 
	text-decoration: none;
}

div.content A:hover {
	text-decoration: underline;
}

.pageArea {
	position: absolute;
	top: 72px;
	left: 162px;
}

.content {
	POSITION: relative;
	padding: 10px;
	width: 560px;
	font-size: 1.2em;
}

.hidden {
	visibility: hidden;
}

div.content H1 {
	font-size: 1.4em;
	line-height: 1.4em;
	color: #005295;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
}

div.content H2 {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #005295;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

.tabletop {
	background-color: #4581B2;
	background-image: url(images/tabletop.gif);
	background-repeat: repeat-x;
	font-size: 1.1em;
	line-height: 1.1em;
	color: #FFFFFF;
	font-weight: bold;
}

H3 {
	font-size: 1.3em;
	color: #000000;
	margin-top: 1.4em;
	margin-bottom: 1.4em;
	font-weight: bold;
}

div.newbullets ul li {
  	/*list-style-type: none;background: url(images/bullet_news.gif) no-repeat 5px 0.4em;*/
	line-height: 1.8em;
	list-style-image: url(images/bullet_news.gif);
	/*color: #005295;*/
	list-style-type: square;
	vertical-align: middle;
}

div.newbullets a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005295; 
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
}
div.content ul li {
  	/*list-style-type: none;background: url(images/bullet_news.gif) no-repeat 5px 0.4em;*/
	line-height: 1.8em;
	list-style-image: url(images/bullet_news.gif);
	/*color: #005295;*/
	list-style-type: square;
	vertical-align: middle;
}

div.content li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005295; 
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
}

div.content A:hover {
	text-decoration: underline;
}

/*-- Side Menu --*/

.newsflash {
	margin: 5px;
}

.sidebar {
	position: absolute;
	left: 0px;
	top: 70px;
	right: 30px;
	bottom: 0px;
	text-align: left;
	width: 160px;
	display: block;
}

div.sidebar UL#sidebarMenu {
	border-top: #ffffff 2px solid; 
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
	LIST-STYLE-TYPE: none;
}

div.sidebar UL#sidebarMenu LI {
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px;
	border-bottom: #ffffff 1px solid;
	vertical-align: middle;
}

div.sidebar UL#sidebarMenu LI A {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff; 
	font-size: 1.3em;
	font-weight: bold;
	TEXT-DECORATION: none;
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px;
	PADDING-TOP: 5px;
	padding-bottom: 5px;
	DISPLAY: block;
	MIN-HEIGHT: 1.4em;
	margin: 0px; 
}

div.sidebar UL#sidebarMenu LI A:hover {
	background: #ffffff;
	color: #005295;
}

/*-- Page Menu --*/

.pagemenu {
	position: relative;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 1.3em;
	padding: 10px;
	background-color: #E5EDF4;
	width: 560px;
}

div.pagemenu H1 {
	font-size: 2em;
	color: #005295;
	margin-top: 0px;
	margin-bottom: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

div.pagemenu ul li{
	display: inline;
}

div.pagemenu ul {
	margin: 0px;
	LIST-STYLE-TYPE: none;
	display: inline;
	border-left: #005295 1px solid;
}

div.pagemenu UL LI {
	padding: 0px;
	margin: 0px; 
	padding-left: 5px;
	padding-right: 5px;
	border-right: #005295 1px solid;
}

div.pagemenu UL LI A {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005295; 
	/*font-size: 1.3em;*/
	TEXT-DECORATION: none;
	MIN-HEIGHT: 1.4em;
	margin: 0px;
}

div.pagemenu UL LI A:hover {
	color: #005295;
	text-decoration: underline;
}

/*div.pagemenu UL#topMenu {
	margin: 0px;
	LIST-STYLE-TYPE: none;
	display: inline;
	border-left: #005295 1px solid;
}

div.pagemenu UL#topMenu LI {
	padding: 0px;
	margin: 0px; 
	padding-left: 5px;
	padding-right: 5px;
	border-right: #005295 1px solid;
}

div.pagemenu UL#topMenu LI A {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005295; 
	/*font-size: 1.3em;*/
	/*TEXT-DECORATION: none;
	MIN-HEIGHT: 1.4em;
	margin: 0px;
}

div.pagemenu UL#topMenu LI A:hover {
	color: #005295;
	text-decoration: underline;
}/*

/*-- Top Bar --*/

.topbar {
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: right;
	background-image: url(images/topbar_stetcher.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 70px;
}

.topbarLogo {
	position: absolute;
	left: 0px;
}

.copyright {
	text-align: right;
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 9px;
	color: #4581B2;
	border-top: solid 1px #4581B2;
}

.copyright a {
	color: #4581B2;
	text-decoration: none;
}