/*
The intended format:
Each included content page is wrapped in a div with a class bearing its name

e.g. home.html

<div class="home">
	Content goes here
</div>

Using this in this style sheet we can have separated styles to avoid name clashes

e.g. 
.home .title{
	border:red;
}
.news .title{
	border:none;
}

These 2 styles will now not clash.
This should also allow us to create section of the style sheet for each page
e.g.
.home .title{
}
.home li{
}
.home .menu{
}
.news ul{
}
.news h1{
}
*/

#main #content
{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:45px;
	position:relative;
	top:1px;
	height:100%;
	width:990px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

.sectionhead{					/* This style is used on most pages */
	width:100%;
	font-size:14pt;
	font-weight:bold;
	padding-left:0px;
}

.block
{
	/*border: solid 2px #F4F4F4;*/
	padding-top:5px;
	padding-left:9px;
	padding-right:10px;
	padding-bottom:10px;
	/*background-image: url("../images/pbackground.jpg");*/
	background-repeat: no-repeat;
}

.rule{							/* Like a custom <hr/> */
	border-top:solid #c0c0c0 2px;
}

.home p{
	font-size:12pt;	
}
.statusform .alive{
	background-color:#00ff00;	
}
.statusform .unclear{
	background-color:#ffff80;	
}
.statusform .dead{
	background-color:#ff0000;	
}
#sysstatusdiv{
	width:85%;
	border-collapse:collapse;
}
#sysstatusdiv tr{
	width:100%;
}
#sysstatusdiv td{
	width:33%;
	text-align:center;
	border:solid black 1px;
}
#sysstatusdiv .firsttd{
	width:5%;
}
#sysstatusdiv .thirdtd{
	width:5%;
}

#topbox
{
	text-align:center;
}

.page
{
	padding-bottom:20px;
	width:650px;
}

.bannerdiv
{
	position:relative;
	width:100%;
	top:2px;
	text-align:center;
	margin-bottom:4px;
	border: solid 1px; #000;
}

.banner
{
}

.right
{
	position:absolute;
	top:100px;
	right:0px;
	vertical-align:top;
	text-align:center;
}

.home .mainservices{
	border:solid gray 1px;
	width:220px;
	height:220px;
	float:left;	
}
.home .head {
	font-family: sans-serif;
	font-size: 1.1em;
	background-color:#CCCCCC;
	margin:0;
	font-weight: bold;
}
.home .sub {font-size: 1em;
	margin: 0.25em;
	font-family: sans-serif;

}
.home hr{
	margin-top: 1em;
	margin-bottom: 1em;
}

#alertsarea{
	position:absolute;
	right:5px;
	top:480px;
	width:300px;
	height:200px;
	overflow:auto;
	border-width:5px;
	border-style:solid;
	float:left;
	z-index:0;
	padding:0 5px 5px 5px;
	margin-bottom:5px;
	font-family: sans-serif;
}
.goodalert{
	border-color:#00aa00;
}
.badalert{
	border-color:#cc0000;
}
#alerts_date{
	font-size:10pt;
	border-bottom:solid 1px #000;
}
#alerts_message{
	
}