/*



Hello Guy, nice to see you... ;-)

Look I made this stylesheet really easy for you to read


*/





/*******************************************************
	HTML and body stuff
*******************************************************/

html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; 
	background-image:url(../images/body_slice.png);
	background-repeat:repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 

/*******************************************************
	Main Layout
*******************************************************/

#pagewidth{ 
	width:556px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 

/*******************************************************
	Header
*******************************************************/
 
#header{
	position:relative; 
	height:240px; 
	width:100%;
	background-image:url(../images/header_spring07.png);
	background-position:center;
	background-repeat:no-repeat;
}

/*******************************************************
	Skip Div
*******************************************************/

#skip {
	text-align: right;
	top: 15px;
	position: absolute;
	right: 12px;
	font-size: 0.6em;
	width: 100px;
	height:30px;
}

#skip p {
	padding: 0px;
	margin: 0px;
}

#skip a {
	font-weight: normal;
	color: #990000;
	text-decoration: none;
}

#skip a:hover {
	text-decoration: underline;
}

/*******************************************************
	Header text
*******************************************************/

#headtext {
	text-align: center;
	position:relative;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	padding-top:190px;
	margin-top:0px;
}

#headtext h1 {
	font-size:18px;
	color:#FFFFFF;
	font-weight: normal;
}

/*******************************************************
	Top Menu
*******************************************************/
 
#topmenu{
	position:relative;
	height:63px;
	width:100%;
	background-image:url(../images/menu_bg.png);
 }
 
#topmenu ul {
	height:0px;
	margin: 0px;
	padding-left:90px;
}

#topmenu li {
	display:inline;
	list-style: none;
	padding-left:0px;
	margin-left:0px;
}

#topmenu a {
	overflow:hidden;
	height:20px;
	float:left;
	width: 78px;
	text-align:center;
	text-decoration:none;
	color:#000000;
	padding-top:20px;
	margin-left:0px;
	margin-right:20px;
}

#topmenu a:hover {
	background-attachment: scroll;
	height:40px;
	background-image: url(../images/tab-over.png);
	background-repeat: no-repeat;
	background-position: left top;
	color:#FFFFFF;
}

#topmenu a.selected {
	background-attachment: scroll;
	height:40px;
	background-image: url(../images/tab-over.png);
	background-repeat: no-repeat;
	background-position: left top;
	color:#FFFFFF;
}

/*******************************************************
	Two cols Div
*******************************************************/
 
#twocols{
	width:535px; 	
	margin-left:10px;
	margin-right:10px;
 }
    
/*******************************************************
	Right column
*******************************************************/
  
 #rightcol{
	width:140px; 
	float:right; 
	position:relative; 
	text-align:left;
	/*background-image:url(images/menu-side-shadow-thin.png);*/
	border-left:1px dotted #CCCCCC;
	background-attachment:scroll;
	background-position: left;
	background-repeat:no-repeat;
}
 
#rightcol ul{
	margin-left:0px;
	padding-left:0px;
}
 
 #rightcol li{
 	list-style:none;
}
 
#rightcol a{
	width:100%;
 	font-size:0.9em;
 	color:#660000;
 	text-decoration:none;
 	display:block;
 	padding-top:5px;
 	padding-bottom:5px;
 	padding-left:5px;
 	margin:0px;
}
 
#rightcol a:hover{
 	display:block;
	width:100%;
 	background-color:#659b14;
	background-repeat:no-repeat;
 	color:#ffffff;
}
 
#rightcol a.rightselected{
 	background-color:#659b14;
 	color:#FFFFFF;
	width:100%;
	font-weight:bold;
 }
 
 #rightcol li.submenu1 {
 }

 /*******************************************************
	Right column icon links
*******************************************************/

#iconlinks {
	border-top:#CCCCCC dotted 1px;
	width:120px;
	padding-left:5px;
}

#iconlinks ul {
	padding:0px;
	margin:0px;
}

#iconlinks li {
	list-style:none;
}

#iconlinks a {
	color:#000000;
	font-size:0.8em;
	text-decoration:none;
}

#iconlinks a:hover {
	color:#666666;
	background-color:#FFFFFF;
}

#iconlinks .iconprint {
	padding-left:20px;
	background-image:url(../images/icon-print.gif);
	background-attachment:scroll;
	background-position:left;
	background-repeat:no-repeat;
}

#iconlinks .iconbookmark {
	padding-left:20px;
	background-image:url(../images/icon-bookmark.gif);
	background-attachment:scroll;
	background-position:left;
	background-repeat:no-repeat;
}

#iconlinks .iconemailus {
	padding-left:20px;
	background-image:url(../images/icon-email.gif);
	background-attachment:scroll;
	background-position:left;
	background-repeat:no-repeat;
}

#iconlinks .iconfriend {
	padding-left:20px;
	background-image:url(../images/icon-friend.gif);
	background-attachment:scroll;
	background-position:left;
	background-repeat:no-repeat;
}
  
/*******************************************************
	Main column
*******************************************************/
 
#maincol{
	float: left; 
	display:inline; 
	position: relative; 
	width:385px; 
	line-height:1.5em;
	font-size:1.0em;
	color:#333333;
	margin-bottom:20px;
	padding-bottom:20px;
 }
 /* just for topspin colourpicker*/
 #maincol2{
	float: left; 
	display:inline; 
	position: relative; 
	width:652px; 
	line-height:1.5em;
	font-size:1.0em;
	color:#333333;
	margin-bottom:20px;
	padding-bottom:20px;
 }
 #maincol2 ul{
	width:  652px;
}
.whitebody{
	background-color: #fff;
}
 /* just for topspin colourpicker*/
 
#maincol .imgfloatright{
	float:right;
}

#maincol .imgfloatleft{
	float:left;
}

#maincol .imgfloatrightnoborder{
	float:right;
	border: none;
}
 
 #maincol a{
 	color:#660000;
	background-color:#FFFFCC;
	}

#maincol a:hover{
	height:100%;
	color:#FFFFFF;
	background-color:#990000;
	text-decoration:none;
}

#maincol h1{
	font-size:1.2em;
	line-height:1.3em;
	color:#660000;
}

#maincol h2{
	font-size:1.1em;
	line-height:1.3em;
	color:#659b14;
	background-image:url(../images/hex.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}

#maincol h3 {
	font-size: 120%;
	color: #333333;
	background-color: #EAEBD7;
	font-weight: normal;
	display: block;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C3C7AC;
}

#maincol ul {
	width: 350px;
	list-style: none;
	margin-left: 15px;
	background-attachment: fixed;
	padding-left: 8px;
	text-align: left;
}

#maincol li {
	background-image: url(../images/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: 0% 4px;
	padding-left: 15px;
	background-attachment: scroll;
	vertical-align:top;
	padding-bottom:8px;
}

#maincol .highlight {
	background-color:#FFFFCC;
}

#maincol .qanda {
	color:#003300;
	font-weight:bold;
}

#maincol .imgnoborder {
	border: none;
	margin:5px;
	padding:3px;
}

#maincol img {
	border:#CCCCCC solid 1px;
	margin:5px;
	padding:3px;
}

blockquote {
	font-size:1.1em;
	line-height:1.3em;
	letter-spacing: 0.1em;
	color:#999900;
}

cite {
	font-size:1.2em;
	font-style:normal;
}

acronym {
	font-style:italic;
	color:#666666;
	cursor:help;
}

/*******************************************************
	Bottom Navigation - Back and Top buttons
*******************************************************/

#buttons {
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

#buttons a {
	color:#990000;
	text-decoration:none;
	border:none;
}

#buttons img{
	border:none;
}

#buttons a:hover {
	background-color:#FFFFFF;
}

/*******************************************************
	Footer
*******************************************************/

#footer{
	height:150px;
	font-size:0.85em;
	text-align:left;
	/*background-image:url(../images/bottom-grass.jpg);*/
	background-image:url(../images/spring-footerbg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	clear:both;
	margin:0px;
 } 
 
 #footer p{
 font-size:0.8em;
 margin:0px;
 padding:5px;
}

#footerlinks {
	width:556px;
	margin-left:auto;
	margin-right:auto;
}

/*******************************************************
	Featured projects
*******************************************************/

#featured {
	width:100%;
}

#featured ul {
	padding:0px;
	margin:0px;
}

#featured li {
	list-style:none;
	background-image:none;
	padding:0px 0px 20px 0px;
}

#featured img {
	padding:3px;
	margin:0px;
	border:#CCCCCC 1px solid;
}

#featured img:hover {
	border:#333333 1px solid;
}

#featured a.noback {
}

#featured a.noback:hover{
	background-color:#FFFFFF;
}


/*******************************************************
	IE Fixes and stuff
*******************************************************/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 
 
/***********************************************
unique CMS styles (additional to main style sheet)
***********************************************/
.right_image_wrap, text_image_wrap, left_image_wrap, text_only_wrap, wide_image_wrap, gallery_list {
/*margin:  0px;
padding: 5px;
text-align: left;*/
	
}
.image_right {
float:  right;
padding:  5px;
margin: 0 0 5px 5px;

}
.image_left {
float:  left;
padding:  5px;
margin: 0 5px 5px 0;
}
.wide_image {
display:  block;	
}
.quote {
	color: #3e6594;
	font: 1.2em/1.4em Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	margin: 0;
	background-color: #effbfe;
}
/*NB this should be renamed or item should be a p not a div with a class of p*/
.p {
	color: #966635;
	padding:  5px;
}
/*NB this needs to not inherit the list styles (padding, bullet image) from maincol, dunno how to fix yet*/
.gallery_list {
	margin:  0px;
	padding: 0px;
	
}
.gallery {
list-style: none;
list-style-image: none;
}
.gallery ul {
	list-style: none;
	margin:  0px;
	padding: 0px;
float: left;
	list-style-image: none;
}
.gallery li {
	margin:  0px;
	padding: 0px;
	display: inline;
	list-style:none;
	list-style-image: none;
float:  left;
	font-size: 9px;
}
.gallery li img{
	
list-style:none;
	list-style-image: none;	
}