@charset "utf-8";

/* ------------------- middle section etc -----------------------------*/
/*#leftbar{
	position:relative;
	left:10px;
	width:200px;

	background-color: white;
	height:700px;
	display:block;
	clear:right;
	top:20px;
}
#primary{
	position:relative;	
	left:220px;	
	padding: 0 20px;  remember that padding is the space inside the div box and margin is the space outside the div box 
	background: #FFFFFF;
	top:-680px;
	width:690px;
}*/
img{
border:0;
}
#subcontainer{
background-color:pink;
	position:relative;
	top:0px;
	left:0px;
	height:100px;
}
#primary{
	margin: 30px 0 0 220px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
/*	background-color:yellow;*/
}

#leftbar{
	float: left; /* since this element is floated, a width must be given */
	width: 210px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: white; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px;
	margin-top:20px;
	padding:0;
}
#leftbar ul{
	background-image: url(/__/styles/images/leftbar2009v1top.jpg);
	background-position: top;
	background-repeat: no-repeat;
/*	padding:3px;*/
	padding-top:30px;
	margin:0;
	padding-left:0px;
	border-bottom:1px #dbdbdb solid;	
/*	margin-bottom:10px;*/
	font: 1.1em bold Arial, Helvetica, sans-serif;
 		color: #4c9faf;
		text-align:center;
}
#leftbar ul li{
	text-align:left;
	font: 0.8em bold Arial, Helvetica, sans-serif;
/*	background-color: #7fffd4;*/
/*	border:none;*/

	border-top:1px #dbdbdb solid;
	border-left:1px #dbdbdb solid;
		border-right:1px #dbdbdb solid;
	list-style:none;
	padding:6px;
	padding:3px;
	margin:0;
/*	height:24px;*/
	color: #4c9faf;

}

#leftbar ul li a{
	color: #4c9faf;
	font-weight:300;
/*padding:3px;*/
text-decoration:none;
width:190px;
padding:5px 5px 5px 5px;
display:block;
/*background-color:#fff;*/
}
#leftbar ul li a:visited{
	background-color:white;
}
#leftbar ul li a:active{
	background-color: #ecffff;
}
#leftbar ul li a:hover,#leftbar ul li:hover{
	background-color: #ecffff;
}
#leftbar p,#primary p{
	color:black;
}
#primary p,p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:black;
	font-weight:200;
}
#prinary h1,h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:200;
	color:red;
}
#prinary h2,h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:100;
	color:black;
}

#constantbottombar{
	position:relative;
}



.rightmenubox{
	float:right;
	display:block;
	width:200px;
/*	background-color:#C2EBC2;*/
	background-image:url(/__/styles/images/rightmenuboxgreenpanel.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:10px;
}
.rightmenubox p,.rightmenubox h1, .rightmenubox h2{
	padding:0;
	padding-left:10px;
	padding-right:10px;
}

.folderbox1,.folderbox2,.folderbox3,.folderbox4{
	background-color:"#CCCCCC";
	padding:5px;
	display:block;
	
}
.folderbox1 h1,.folderbox2 h1,.folderbox3 h1,.folderbox4 h1{
	color:black;
	font-size:1.0em;
	font-weight:200;
}
.folderbox1 a,.folderbox2 a,.folderbox3 a,.folderbox4 a{
	color:black;
	font-size:1.2em;
}




/* development colours */
/*#container {
	background:blue;
}
#primary{
	background-color:lightgreen;
}

#leftbar{
	background-color: red;
}
#constantbottombar{
	background-color:green;
}*/