/* CSS for Layout Plan */
/* Author Liz Jamieson of Purple Parasol Ltd */

/* General Layout  */

div.spacer{
	clear:both;
	font-size:0;
	line-height:0;
}

body{
  background-color:green;
  width:100%;
  text-align:center;
  margin:0;
  padding:0;
  color:#000000;
  font-family: Arial;
  font-size: 100%;
}


/* whole page backgrounds */

div#outerheader{
  width:100%;
  text-align:left;
  height:210px;
  background-color:red;
}

div#outermainmenu{
  width:100%;
  text-align:left;
  background-color:orange;
  height:50px;
  border-top:1px #9E9E9E solid;
  border-bottom:1px #FFFFFF solid;
}

div#outertopcontent{
  width: 100%;
  background-color:#CC99FF;
  text-align:left;
  border-bottom:5px #C9C9FE solid;
}

div#outerbottomcontent{
  width: 100%;
  background-color:white;
  text-align:left;
  border-bottom:1px #727272 solid;
}


div#outerfooter{
  width:100%;
  text-align:left;
  height:100px;
  background-color:green;
  padding:0;
  margin:0;
  height:110px;
}



/* individual page layouts */

div#header{
  background-color: transparent;
  width:950px;
  margin: 0 auto;
  height:210px;
}

div#mainmenu{
  background-color: transparent;
  width:950px;
  margin: 0 auto;
  height:50px;
}

div#topcontent{
  width: 950px;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
  padding: 10px 10px 10px 10px;
}

div#bottomcontent{
  width: 950px;
  margin: 0 auto;
  background-color: transparent;
  padding: 10px 10px 10px 10px;
  padding-bottom:20px;
}

div#footer{
  background-color: transparent;
  width:950px;
  height:100px;
  margin: 0 auto;
  padding:0;
  padding-top: 10px;
  text-align:center;
}


div#leftheader{
  background-color: transparent;
  float:left;
  width:670px;
  height:200px;
  background-image: url(logo-layout.jpg);
  background-repeat: no-repeat;
}

div#headertext{
  background-color: transparent;
  width:500px;
  margin-top:165px;
  margin-left:108px;
}

div#rightheader{
  float:right;
  width:250px;
}

div#topmenu{
  width:185px;
  float:right;
  padding-top:10px;
}