/* CSS layout Document for SPG*/
/*Created by Jessica Ferguson*/
/*24th April 2009*/

html, body {
    height: 100%;
}

/*HOME PAGE*/
#container
{
	background-color:#FFFFFF;
	position:relative;
	width:850px;
	height:630px;
	margin:0 auto;
	padding:25px;
}

#content
{
	background-color:#FFFFFF;
	position:relative;
	width:850px;
	height:630px;
	margin:0 auto;
}

#containernew
{
	background-color:#FFFFFF;
	position:relative;
	width:850px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin:0 auto;
	padding:25px;
}

#contentnew
{
	background-color:#FFFFFF;
	position:relative;
	width:850px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin:0 auto;
}


/* Hack for IE */
* html #containernew {
    height: 100%;
}
* html #contentrnew {
    height: 100%;
}
/* End IE Hack */ 
#menu
{
	background-color:#FFFFFF;
	position:relative;
	width:204px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin:0px 12px 0px 0px;
	float:left;
}
#menuSQ
{
	background-color:#506252;
	position:relative;
	width:204px;
	height:204px;
	margin:0px 0px 8px 0px;
}

.submenuSQ
{
	background-color:#506252;
	position:relative;
	width:204px;
	margin:0px 0px 8px 0px;
}

#activeHome
{
	background-color:#FFFFFF;
	position:relative;
	width:634px;
	height:630px;
	float:right
}

#homeSQ
{
	
	position:relative;
	width:634px;
	height:204px;
	margin:0px 0px 8px 0px;
	float:left;
}


#homeText
{
	position:absolute;
	top:2px;
	left:216px;
	width:360px;
	height:170px;
	text-align:left;
	padding:25px;
	font: 15px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;
	line-height:20px;
}



/*FOOTER*/
#footer
{
	position:relative;
	width:850px;
	height:30px;
	margin:5px auto;
	padding:2px;
	color:#666666;
	font-size:11px;
	font: Arial, Helvetica, sans-serif;
}


#footerRight
{
	margin-right:0px;
	float:right;
	font: Arial, Helvetica, sans-serif;
}

#footer a
{
	color:#666666;
	text-decoration:none;
	font: Arial, Helvetica, sans-serif;
}

#footer a:link
{
	color:#666666;
	text-decoration:none;
}

#footer a:hover
{
	color:#004a0b;
	text-decoration:none;
}

#footer a:active
{
	color:#666666;
	text-decoration:none;
}

#footer a:visited
{
	color:#666666;
	text-decoration:none;
}

dl {
width: 580px;
font-size: 12px;
border-top:dotted 1px #666666;
}
dt {
clear: left;
float: right;
width: 410px;
margin-top: 15px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
colour:#666666;
}

dd {
clear: right;
margin: 0 0 0 170px;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

dd a {
color:#666666;
text-decoration:none;
}
dd a:link {
color:#003300;
text-decoration:none;
}
dd a:hover {
color:#666666;
text-decoration:none;
}


dd.image {
clear: none;
float: left;
margin: 15px 10px 15px 0;
text-align:center;
border-bottom:none;
}