/* page layout */
html, body {
height: 100%;
}

/*header */
#Header
{
	position: absolute; 
	top: 0px;
	left: 0px;	
	rigth: 0px;
	background: url(../images/toprightbgnd.jpg)  no-repeat right #C2CD23;
	width:102%;
	height: 106px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	margin-right:0px;
}

#everything
{
height:300%;
}

td
{
border: 1px solid #000;
padding:0px;
font:Arial, Helvetica, sans-serif italic;
color:#2D2D2D;
padding:5px;
font-size:0.8em;
}

#utilities
{
text-align:right;
margin-right: 36px;
	
}

#utilities a:hover
{
	color: #F10000;
	text-decoration: none;
}




body {
background-color:#FFFFFF;
background-image:url(../images/border_image.jpg);
background-position:right top;
height:100%;
background-repeat:no-repeat;
}

#greenbg{
float:right;
height:100%;
margin-right:-9px;
width:134px;
background-position: top right;
background-repeat:no-repeat;
/*background-color:#C2CD23;*/
}

img
{
border: 0;
}

a
{
text-decoration:none;
color:#FFFFFF;
font-size:medium;
font-family: arial, Helvetica, sans-serif;
font-style:italic;
}
HR
{
color:#000000;
}

p
{
font-size:small;
	font-weight:normal;
	
	}

/*  Main Static Menu */
/* -------------------------------------------------------------------------------- background: url(../images/menubottombgnd.jpg)  no-repeat bottom #0078A9; */

#MenuColumn
{
	position: absolute; 
	top: 142px;
	left: 0px;
	width: 193px;
	
	background-color:#0078A9;
	background-image:url(../images/menubottombgnd.jpg)  ;
	background-repeat:no-repeat;
	background-position: bottom;
	
	height:100%;
	margin:0 auto; 
}




#mainbody
{
	position: absolute; 
	top: 142px;
	left: 22%;
	width: 480px;
	margin-top:36px;
	margin-left:40px;
	margin-right: 180px;
	font-family: arial, Helvetica, sans-serif;
}


#profimage
{background-image:url(../images/prof_volunteers_image.jpg);
background-position:right bottom;
background-repeat:no-repeat;
height:100%;
width:89%;}

#childimage
{background-image:url(../images/young_people.jpg);
background-position:right bottom;
background-repeat:no-repeat;
height:100%;
width:89%;}

#parentimage
{background-image:url(../images/Parents_carers_image.jpg);
background-position:right bottom;
background-repeat:no-repeat;
height:100%;
width:89%;}
#homeimage
{background-image:url(../images/home_page_image.jpg);
background-position:right bottom;
background-repeat:no-repeat;
height:100%;
width:89%;}


#rightcolumn
{
position:absolute;
right: 20px;
top: 142px;
width 138px;
height: 1000px;
z-index : -1;
background:  #C2CD23;
 margin:0 auto; 
}



#MenuColumn #StaticMenu 
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	
	list-style-type: none;
	font-family: arial, Helvetica, sans-serif;
	vertical-align:middle;
	
	width: 160px;
}

#MenuColumn  li 
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	width : 160px;
	vertical-align:middle;
}

#MenuColumn  li.divider
{
	display: inline;
	padding: 0px 0px 0px 0px;
	border-bottom: solid 1px #fff;
	color: #000;
	width: 160px;
	
	display: block;
}

#MenuColumn #logos 
{
position: absolute; 
padding: 0px 0px 0px 0px;
background-color:#FFFFFF;
width: 160px;
margin: 0% 0% 0% 0%;
text-align:center;
}

#StaticMenu #first a
{
	border-top: solid 1px #fff;
}

#StaticMenu a
{
	display: block;
	padding: 3px 10px 3px 23px;
	border-bottom: solid 1px #fff;
	color: #fff;
	/* text-transform:uppercase; 592989*/
	font-size: 14px;
	
	
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
	width: 160px;
	vertical-align:middle;
	
}




#StaticMenu a:hover
{ 
	background-color: #592989;
	background-image:none;
	text-decoration: none;
	color: #fff;
	
}

html>body #StaticMenu a:hover
{
	width: 160px;
	
	
}

html>body #StaticMenu a
{
	width: 160px;
	
	
}


#MenuColumn  ul ul a
{
	display: block;
	padding: 3px 0px 3px 0px;
	border-bottom: solid 1px #E0E8DC;
	color: #fff;
	text-transform:uppercase;
	font-size: 11px;
	background-color: #99B28B;
	width: 160px;

	
}


#MenuColumn  ul ul a:hover
{
	color: #fff;
	 
	text-decoration: none;
}




#StaticMenu .toptitle
{
	 background:  #F89F39 url(../images/header1bgnd4.gif) repeat-x bottom;
	text-decoration: none;
	color: #592989;
	vertical-align:middle;
	padding-bottom:10px;
}




html>body #StaticMenu .toptitle
{
	 width : 160px;
	
	
}



#StaticMenu .Active, #StaticMenu .Highlighted
{

	/* background:  #F89F39 url(../images/header1bgnd4.gif) repeat-x bottom;*/
	text-decoration: none;
	color: #F9A03A;
	vertical-align:middle;
	


}

html>body #StaticMenu .Active, #StaticMenu .Highlighted, #StaticMenu .top, #StaticMenu .top2, #StaticMenu .top3, #StaticMenu .top4, #StaticMenu .top5, #StaticMenu .top6, #StaticMenu .top7, #StaticMenu .top8, #StaticMenu .top2blue, #StaticMenu .top3blue, #StaticMenu .top4blue, #StaticMenu .top5blue, #StaticMenu .top2orange, #StaticMenu .top3orange, #StaticMenu .top2green, #StaticMenu .top3green
	 width : 130px;
	
	
}

#StaticMenu .top
{
	background-color: #592989;
	/* height:36px; */
	vertical-align:middle;
}


#StaticMenu .top2
{
	background-color: #754E9C;
	/* height:36px; */
	vertical-align:middle;
}

#StaticMenu .top3
{
	background-color: #845EAB;
	/* height:36px; */
}


#StaticMenu .top4
{
	background-color: #9571BA;
	/* height:36px; */
}

#StaticMenu .top5
{
	background-color: #BF97E7;
	/* height:36px; */
}

#StaticMenu .top6
{
	background-color: #9571BA;
	/* height:36px; */
}

#StaticMenu .top7
{
	background-color: #845EAB;
	/* height:36px; */
}

#StaticMenu .top8
{
	background-color: #754E9C;
	/* height:36px; */
}

#StaticMenu .top2blue
{
	background-color: #3393ba;
	/* height:36px; */
	vertical-align:middle;
}

#StaticMenu .top3blue
{
	background-color: #3393ba;
	/* height:36px; */
}


#StaticMenu .top4blue
{
	background-color: #66aecb;
	/* height:36px; */
}

#StaticMenu .top5blue
{
	background-color: #99c9dd;
	/* height:36px; */
}

#StaticMenu .top6blue
{
	background-color: #3393ba;
	/* height:36px; */
}

#StaticMenu .top7blue
{
	background-color: #3393ba;
	/* height:36px; */
}

#StaticMenu .top8blue
{
	background-color: #66aecb;
	/* height:36px; */
}

#StaticMenu .top9blue
{
	background-color: #99c9dd;
	/* height:36px; */
}

#StaticMenu .top2orange
{
	background-color: #FD8802;
	/* height:36px; */
	vertical-align:middle;
}

#StaticMenu .top3orange
{
	background-color: #FEA137;
	/* height:36px; */
}

#StaticMenu .top4orange
{
	background-color: #FD8802;
	/* height:36px; */
}


#StaticMenu .top2green
{
	background-color: #AEB910;
	/* height:36px; */
	vertical-align:middle;
}

#StaticMenu .top3green
{
	background-color: #C2CD23;
	/* height:36px; */
}
#StaticMenu .top4green
{
	background-color: #C2CD23;
	/* height:36px; */
}



/* TOP MENU ITEMS */
/* -------------------------These are doubled up as changed half way------------------------------------------------background:#592989;  background: url(../images/header1bgnd1.gif) repeat-x;------- */
a.title, a.title:link, a.title:visited {float: left; display:block; width:35%; height:36px; padding:2px; margin-top:0px; text-align:center; text-decoration:none; font-style:normal; font-weight:bold; font-family:verdana, arial, sans-serif; font-size:14px; color:#FFF; line-height:14px; overflow:hidden; vertical-align:middle; }



/* titles end */
a.nav, a.nav:link, a.nav:visited {float:right; display:block; width:129px; height:36px; background:#754E9C; padding:2px; margin-top:0px; text-align:center; text-decoration:none; font-style:normal; font-weight:bold; font-family:verdana, arial, sans-serif; font-size:12px; color:#FFF; line-height:14px; overflow:hidden; vertical-align:middle; background: url(../images/header1bgnd2.gif) repeat-x;}
a.nav:hover {color:#000;  }

a.nav2, a.nav2:link, a.nav2:visited {float:right; display:block; width:129px; height:36px; background:#0078A9; padding:2px; margin-top:0px; text-align:center; text-decoration:none; font-style:normal; font-weight:bold; font-family:verdana, arial, sans-serif; font-size:12px; color:#FFF; line-height:14px; overflow:hidden; vertical-align:middle; background: url(../images/header1bgnd3.gif) repeat-x;}
a.nav2:hover {color:#000; }

a.nav3, a.nav3:link, a.nav3:visited {float:right; display:block; width:129px; height:36px; background:#F9A03A; padding:2px; margin-top:0px; text-align:center; text-decoration:none; font-style:normal; font-weight:bold; font-family:verdana, arial, sans-serif; font-size:12px; color:#FFF; line-height:14px; overflow:hidden; vertical-align:middle; background: url(../images/header1bgnd4.gif) repeat-x;}
a.nav3:hover {color:#000; }

a.nav4, a.nav4:link, a.nav4:visited {float:right; display:block; width:129px; height:36px; background:#FCB742; padding:2px; margin-top:0px; text-align:center; text-decoration:none; font-style:normal; font-weight:bold; font-family:verdana, arial, sans-serif; font-size:12px; color:#FFF; line-height:14px; overflow:hidden; vertical-align:middle; background: url(../images/header1bgnd5.gif) repeat-x;}
a.nav4:hover {color:#000; }

#Header2
{
	position: absolute; 
	top: 106px;
	left: 0px;	
	background: url(../images/header1bgnd1.gif) repeat-x;
	width:102%;
	height: 36px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;	vertical-align:middle;
}

#Header2prof
{
	position: absolute; 
	top: 106px;
	left: 0px;	
	background: url(../images/header1bgnd3.gif) repeat-x;
	width:102%;
	height: 36px;
	padding-left: 0px;
	padding-top: 0px;
	vertical-align:middle;
}


#Header2parent
{
	position: absolute; 
	top: 106px;
	left: 0px;	
	background: url(../images/header1bgnd4.gif) repeat-x;
	width:102%;
	height: 36px;
	padding-left: 0px;
	padding-top: 0px;
	vertical-align:middle;
}


#Header2child
{
	position: absolute; 
	top: 106px;
	left: 0px;	
	background: url(../images/header1bgnd5.gif) repeat-x;
	width:102%;
	height: 36px;
	padding-left: 0px;
	padding-top: 0px;
	vertical-align:middle;
}

html>body #Header2child , #Header2parent , #Header2prof, #Header2 , #Header
{
width:100%;
}
/*  Main page  */
/* -------------------------------------------------------------------------------- */




#pagetitle
{
	
	font-size:medium;
	font-weight:bold;
	width: 60%;
	margin-bottom:16px;
	
	
}

li
{
	font-size:small;
	font-weight:normal;
	
}

#box
{
	font-size:small;
	font-weight:normal;
	width: 100%;
	background-color:#eeeeee;
	
	position: absolute; 
	top: 130px;
	left: 22%;
	

	margin-top:16px;
	margin-left:0px;
	
	font-family: arial, Helvetica, sans-serif;
}
#box img
{
margin-left:16px;
}
#box a 
{
color:#990000;
font-size: smaller;
font-style: normal;
}

a.inline
{
color:#990000;
font-size: medium;
font-style: normal;
}

#box td
{
text-align:center;

}

html>body #mainbody #pagetext
{
width: 40%;
}

 #mainbody a
{
	font-size:small;
	font-weight:normal;
	color: #8F0000;
	font-style:italic;
}

#pagepicture
{
	position: absolute; 
	left : 55%;
	top: 130px;
	margin-top:36px;
	font-size:smaller;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	height:400px;
}



#furthertext
{
	position:relative;
	top: 520px;
	left:22%;
	font-family: arial, Helvetica, sans-serif;
	margin-left:16px;
	margin-right:34px;
	font-size:small;
	font-weight:normal;
	width:70%;
}

#furthertext img
{
padding-right:16px;
vertical-align:top;
}

div.picandtext
{
height: 440px;

}

div.justtext
{
height: 160px;;

}

img.object
{
margin-right:16px;
}

#picturetitle
{
	font-size:smaller;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	height:400px;
}

h1
{
	
	font-size:medium;
	font-weight:bold;
	
	margin-bottom:2px;
	
	
}

span.whitetext
{

color:#FFFFFF;
font-weight:bold;
margin-left: 16px;

}

span.blacktext
{
margin-left: 16px;
color:#000;
font-style:italic;
font-weight:bold;
}