#HomeWrapper
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 900px;
	height: auto;
}
#headerStrapLine
{
	position: absolute;
	left: 260px;
	top: 72px;
	width: 630px;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-align: right;
	color: #FFF;
	background-color: transparent;
	font-weight: normal;
	z-index:8;
}

#headerStrapLineShort
{
	position: absolute;
	left: 117px;
	top: 72px;
	width: 630px;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-align: right;
	color: #FFF;
	background-color: transparent;
	font-weight: normal;
	z-index:8;
}

#footerStrapLine
{
	position: absolute;
	left: 260px;
	top: 641px;
	width: 630px;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-align: right;
	color: #FFF;
	background-color: transparent;
	font-weight: normal;
	z-index:8;
}

	a.headStr:link {
	color:#FFFFFF;
	text-decoration: none;
	}
	
	a.headStr:visited {
	color:#FFFFFF;
	text-decoration: none;
	}
	
	a.headStr:hover	
	{
		color: #FFF;
		text-decoration: underline;
	}
	
	a.headStr:active {
	color:#FFFFFF;
	text-decoration: none;
	}

#Layer2 {
	position:absolute;
	left:595px;
	top:0px;
	width:180px;
	height:93px;
	z-index:2;
}
#Layer3
{
	position: absolute;
	left: 0px;
	top: 95px;
	width: 775px;
	height: 500px;
	z-index:3;
	text-align: center;
}

#Layer3Cal
{
	position: absolute;
	left: 0px;
	top: 36px;
	width: 820px;
	height: 620px;
	z-index:4;
	text-align: center;
}

#Layer2Cal
{
	position: absolute;
	left: 640px;
	top: 0px;
	width: 180px;
	height: 33px;
	z-index: 5;
	text-align: right;
}

#Layer1Cal {
	position:absolute;
	left:11px;
	top:0px;
	width:454px;
	height:33px;
	z-index:6;
}

#Layer4Blog
{
	position: absolute;
	left: 0px;
	top: 36px;
	width: 820px;
	height: 1020px;
	z-index:4;
	text-align: center;
}

#Layer5Blog
{
	position: absolute;
	left: 0px;
	top: 36px;
	width: 820px;
	height: 1020px;
	z-index:4;
	text-align: left;
	padding: 5px;
	margin: 5px;
}

#Layer1Index
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	size: 16pt;
	position: absolute;
	left: 370px;
	top: 130px;
	width: 200px;
	height: 30px;
	z-index: 3;
	text-align: left;
}

#Layer2Index
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	size: 16pt;
	position: absolute;
	left: 50px;
	top: 535px;
	width: 50px;
	height: 78px;
	z-index: 5;
	text-align: centre;
	color: white;
	background-color: transparent;
}

#Layer3infoPage
{
	position: absolute;
	left: 0px;
	top: 128px;
	width: 900px;
	height: 500px;
	z-index: 3;
	text-align: left;
	background-color: transparent;
/* 	border-width: 2px; */
/* 	border-style: solid; */
/* 	border-color: #09C; */
}

#infoPageOne
{
	position: relative;
	left: 60px;
	top: 22px;
	width: 824px;
	height: 350px;
	/* 	z-index: 3; */
	text-align: left;
	background-color: transparent;
/* 	border-width: 2px; */
/* 	border-style: solid; */
/* 	border-color: #600; */
}

#linksPageCellWrap
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	size: 16pt;
	width: 700px;
	height: 500px;
	text-align: center;
	background-color: #9FF;
}

/* this makes the linksPageCells content align in the middle  */

#forcebox 
{ 
	width: 218px;
	height: 172px; 
	text-align: center;
	float: left;
} 

.box
{
	display: table;
	width: 218px;
	height: 172px;
	text-align: center;
	float: left;
	margin: 15px 15px 15px 15px;
	background-image: url(images/linksbackgnd.gif);
	background-repeat: no-repeat;
} 

.box p 
{ 
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
}

.expertbox
{
	display: table;
	width: 228px;
	height: 172px;
	text-align: center;
	float: left;
	margin: 10px 10px 10px 10px;
} 

.expertbox p 
{ 
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
}

.csbox
{
	/* display: table; */
	width: 360px;
	height: 172px;
	text-align: left;
	float: left;
	margin: 1px 1px 1px 1px;
	/* border: 1px solid #333333; */
} 

.csbox p 
{ 
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000060;
	font-weight: bold;
}
.style2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #000060;
	font-weight: bold;
	clear: both;
}
.linkcell1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000060;
	font-weight: bold;
	width: 180px;
	height: 180px;
	text-align: center;
	float: left;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

.buttonWraper
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000060;
	font-weight: bold;
	width: 600px;
	height: 350px;
	text-align: center;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

.linkcell2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000060;
	font-weight: bold;
	width: 80px;
	height: 80px;
	text-align: center;
	float: left;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

.linkcell3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000060;
	font-weight: bold;
	width: 80px;
	height: 80px;
	text-align: center;
	float: left;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	background-color: yellow;
}

.textcell1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000060;
	font-weight: bold;
	width: 380px;
	height: 180px;
	text-align: left;
	float: left;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

.textcell2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000060;
	font-weight: bold;
	width: 180px;
	height: 80px;
	text-align: left;
	float: left;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

.textcell3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000060;
	font-weight: bold;
	width: 580px;
	height: 80px;
	float: left;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	background-color: yellow;
	vertical-align: middle;
}

/* Hi Sally the blog cell colours and text deatils are below */

#bloglist
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	background-color: #FFFFFF;

}

.blog_date{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
}

#blog_cell h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	border-bottom: 1px solid #000;
	margin: 0 0 7px 0;
	font-size: 1.5em;
}

#blog_cell p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0 0 0 0;
}


.blog_entry
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #000;
	padding: 10px 0px 10px 0px;
	border-bottom: #666;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#regiontextcell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #000060;
	font-weight: bold;
	width: 180px;
	height: 200px;
	text-align: center;
	float: left;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	background-color: #CCC;
}
.navStyle1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFF;
	font-weight: normal;
}

a.navStyle1:hover
{
	color: #FFF;
	font-weight: bold;
}

#StandardText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #333;
	font-weight: normal;
}

	.textfield_effect    {
    /*we will first set the border styles.*/
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    /*I am going to add some text formatting of my own*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    color: #333333;
    width: 400px;
    height: 25px;
    }
    
    .textarea_effect    {
    /*we will first set the border styles.*/
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    /*I am going to add some text formatting of my own*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    color: #333333;
    width: 600px;
    }
    
    #StandardText_help
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #333;
	font-weight: normal;
}
    
    .textfield_effect_help    {
    /*we will first set the border styles.*/
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    /*I am going to add some text formatting of my own*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color: #333333;
    width: 400px;
    height: 20px;
    }
    
    .textarea_effect_help    {
    /*we will first set the border styles.*/
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    /*I am going to add some text formatting of my own*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color: #333333;
    width: 400px;
    }
    
    .formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	font-size: 16pt;
	padding: 1px 2px;
	background:url(images/formbg.gif) repeat-x left top;
	}
	
	.loginStyle {
	color: #000;
	font-weight:bold;
	}.bold {
	font-weight: bold;
}

#SunflowerHomePageLayer7
{
	position: absolute;
	left: 620px;
	top: 219px;
	width: 132px;
	height: 307px;
	z-index: 7;
	text-align: left;
	background-color: transparent;
}

#ReadSpeakLayer20
{
	position: absolute;
	left: 0px;
	top: 30px;
	width: 70px;
	height: 18px;
	z-index: 20;
	text-align: left;
	background-color: #FFF;
}

#ReadSpeakV2Layer20
{
	position: absolute;
	left: 0px;
	top: 79px;
	width: 70px;
	height: 18px;
	z-index: 20;
	text-align: left;
	background-color: #FFF;
}