/* structure *******************/
html {
	margin: 0;
	border: 0;
	padding: 24px 0;
}
body {
	margin: 0;
	border: 0;
	padding:0;
	font-family: Arial, sans-serif;
	font-size: small;
	text-align:center;/* for ie */
	background:url(images/bg.gif) #002C53;
	color:#424242;
	
}

* html body{font-size:x-small;}

.clearer{
	clear:both;
	height:1px;
	margin-top:-1px;
	overflow:hidden;
	font-size:0;
}
#home, #internal, #footer, #csoon{
	width:992px;
	margin: 0 auto;
	text-align:left;
}
#home, #internal{background:url(images/bg_side.gif) left top no-repeat;}
#internal-rhsfill{background:url(images/bg_internal-content.gif) right repeat-y;}/*faux column*/

#footer {
	margin-top:12px;
	color:#fff;
	border-top:10px solid #6FC226;
	clear:both;
	text-align:right;
	font-size:80%;
	padding-top:6px;
}

#footer .side{font-size:120%;text-align:left;}

#footer a:hover, #footer a:visited:hover{color:#fff;text-decoration:underline;}

.side{float:left;width:245px;}

.main{float:right;width:735px;}
#internal .main {background-color:#fff;}

/*#topsection{background:url(images/bg_navpanel.gif) top repeat-x;height:100%}*/

#logo-container{height:210px;}

.logo-bg{
	position:absolute; 
	height:210px; 
	width:245px; 
	background:#002C53;
	filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5;-khtml-opacity: .5
}

#logo{
	height:210px;
	position:relative;
	color:#6FC226; /* new is #6FC226 old was #A7C951;*/
	font-size:110%;
}

#logo img{margin:12px;}
#logo p{padding-left:12px;line-height:1.1em;}

/* mainnav *******************/
#mainnav{
	background:url(images/bg_navtop.gif) repeat-x #FFF;
	padding-top:30px;
	/*min-height:190px; not sure about minheights*/
}
#internal #mainnav{min-height:187px;}
* html #internal #mainnav{height:217px;}/*ie6 doesn't get min height*/

#mainnav ul{padding:0; margin:0;list-style-type:none;}
#mainnav li{padding:2px 0; margin:0;}
#mainnav li a{
	color:#424242;
	text-transform:uppercase;
	border-left:6px solid #FFF;
	padding-left:12px;
	font-size:90%;
}
#mainnav li a:hover, #mainnav li.mainnav-down a{
	color:#6FC226;
	border-left:6px solid #6FC226;
	text-decoration:none;
}

#mainnav li.subnav, #mainnav li.subnav-down{padding-left:18px;font-size:95%;}
#mainnav li.subnav a,#mainnav li.subnav-down a{padding-left:6px;}
#mainnav li.subnav-down a{color:#6FC226;}

/* subnav *********************/

/* csoon bits *****************/

#csoon .news-latest-container{background:#fff;}
#csoon p.bodytext{color:#000000;font-size:88%;}
#csbullets {position:relative;height:408px;}
#csbullets ul{position:relative;list-style-type:square;padding-top:62px;padding-left: 28px;margin:0;background:url(images/holding_lhs-bg.gif) repeat-x;}
#csbullets li{padding:2px 0;font-size:120%;color:#6FC226;}
#csbullets ul li *{color:#EAEAE8;font-size:95%}
/*#csoon .news-latest-container, #csoon .news-latest-netnews-container, #csoon .news-latest-projects-container{margin-top:12px;}
 * html #csoon {font-size:small;} */

/* homepage *******************/
.statement-holder{
	margin: 12px 0;
	position:relative;
}
.statement-bg{
	position:absolute;
	background:#002C53;
	filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6;-khtml-opacity: .6;
	width:100%;
	height:100%;
}
* html .statement-holder h1{position:relative;}

* html .statement-bg{height:95px;}
#home #topsection h1, #csoon #topsection h1{
	margin:0;
	padding:12px 24px 12px 12px;
	color:#fff;
	font-weight:normal;
	font-size:160%;
	position:relative;
}

#home .main .csc-textpic img{border:1px solid #fff;}
#home .main .csc-textpic img{border-bottom-width:12px;}

/*#btmsection .side h3{
	height:35px;
	color:#002C53;
	text-transform:uppercase;
	font-weight:normal;
	padding-left:6px;
	font-size:95%;
}*/

/*#home #btmsection .side{background:url(images/rss_world.gif) right top no-repeat;}*/

#btmsection .side h3{
	height:20px;
	color:#002C53;
	text-transform:uppercase;
	font-weight:normal;
	padding-left:18px;
	font-size:95%;
	margin: 0 -12px 10px;
	border-bottom: 3px solid #EAEAE8;
}

h3#subnav-header{
	/*height:20px;*/
	color:#002C53;
	text-transform:uppercase;
	font-weight:normal;
	padding: 6px 0 6px 18px ;
	font-size:95%;
	/*padding-top:6px;
	margin-top:-12px;*/
	border-bottom: 3px solid #EAEAE8;
}



#home #btmsection .content{padding:0 12px 0;}

/*#home #btmsection{padding-top:12px;}*/

#btmsection .side, #belownav{
	background-color:#fff;
	border-top: 3px solid #EAEAE8;
	/*padding:12px 18px 12px;*/
}

#belownav .content p.bodytext{padding:12px 20px;}

/* internal styles ****************/

.content{padding:20px}

#belownav .content{padding:0;}

#imgpanel, #contactpanel, #teampanel {margin:-20px -20px 12px;position:relative;}

#contactpanel h1{position:absolute;padding-left:20px;top:400px;left:0;color:#fff;}
#contactpanel p.bodytext{position:absolute;padding-left:20px;top:465px;left:0;color:#000;}
#contactpanel a{color:#fff;}
#contactpanel a:hover,#contactpanel a:visited:hover{color:#002C53;}
#contactpanel .map-description{width:187px;position:absolute;top:265px;left:527px;font-size:85%;color:#fff;}

#teampanel{background:url(../user_upload/team_headerbg.jpg) no-repeat;height:502px;padding-left:55px}

#teampanel .csc-textpic{width:170px;float:left;color:#fff;}/* 115+55gap */
#teampanel p{font-size:90%}
#teampanel h2{font-size:100%;font-weight:bold;/*height:285px;*/padding:250px 5px 10px;color:#fff;}
#teampanel h2.stephen{background:url(../user_upload/stephen_header.jpg) no-repeat;}
#teampanel h2.james{background:url(../user_upload/james_header.jpg) no-repeat;}
#teampanel h2.kim{background:url(../user_upload/kim_header.jpg) no-repeat;}
#teampanel h2.phill{background:url(../user_upload/phill_header.jpg) no-repeat;}

#teampanel .csc-textpic-imagewrap{position:absolute;top:379px;}
#teampanel a{color:#FFF;text-decoration:underline;}
#teampanel a:hover{color:#6FC226;text-decoration:none;}
#teampanel .csc-textpic-clear{clear:none;}

#project{
	/*background-color:#ccc;*/
	margin:-20px -20px 20px;
	height:462px;/*457 474px; 207+190+30+35 .. +2 +12!*/ 
	overflow:auto;
}
#project p{padding:0 20px;}
#project h1{padding: 20px 12px 0.5em;font-size:150%;font-weight:normal;}
.projectlogo{
	float:left;
	padding: 0 12px 300px 0;
}
#project .csc-textpic-caption{font-size:90%; padding:5px 20px 20px;}
#project .csc-textpic{width:715px;overflow:hidden;}

#subnav-container li a, .news-catmenu a:link, .news-catmenu a:visited{/* also for news menu*/
	color:#424242;
	text-transform:uppercase;
	border-left:6px solid #FFF;
	padding-left:12px;
	font-size:90%;
}
#subnav-container li a:hover, #subnav-container li.subnav-down a, .news-catmenu a:hover, .news-catmenu a:visited:hover, .news-catmenu .newsdown a{
	color:#6FC226;
	border-left:6px solid #6FC226;
	text-decoration:none;
}

#subnav-container ul{list-style-type:none;padding:12px 0 36px; margin:0;}

/* news styles *******************/

.news-catmenu{padding:12px 0 36px;}

.news-catmenu div, #subnav-container li{padding-top:3px;}

.news-latest-client-bg{
	position:absolute;
	background:#FFF;
	filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2;-khtml-opacity: .2;
	width:100%;
	height:100%;
}

.news-latest-container, .news-latest-netnews-container{
	width:237px;/*245*/
	height:237px;
	float:left;
	position:relative;
}
.news-latest-projects-container{
	float:left;
	margin:0 12px;
	position:relative;
	width:237px
}
* html .news-latest-projects-container{margin:0 10px;}

.news-latest-container h2{
	position:relative;
	height:20px;
	text-align:center;
	font-size:100%;
	color:#6FC226;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:6px;
	margin:0;
	border-top: 3px solid #EAEAE8;
	border-bottom: 3px solid #EAEAE8;
}
.news-latest-item{
	position:relative;
	padding:12px 12px 0;
	height:190px;/* heading and padding 32px */
	overflow:auto;
	color:#fff;
}
 * html .news-latest-item{
	height:199px;
}
h2.news-head-over{
	position:absolute;z-index:100;	
	width:100%;
	height:20px;
	text-align:center;
	font-size:100%;
	color:#6FC226;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:6px;
	margin:0;
	border-top: 3px solid #EAEAE8;
	border-bottom: 3px solid #EAEAE8;
	}
.news-latest-projects-container .news-latest-item, .news-latest-netnews-container .news-latest-item{
	height:237px;
	width:237px;
	overflow:hidden;
	padding:0;
}

.news-latest-item h3{
	margin:0;
	padding:0;
	font-size:100%;
}
.news-latest-item a:hover, .news-latest-item a:visited:hover{color:#FFF;text-decoration:none;}
.news-list-item{padding-bottom:18px;}
.news-list-item p, .news-single-item{margin-right:200px}
.news-list-item h2{margin:0 200px 12px 0;border-bottom:3px solid #EAEAE8;border-top:3px solid #EAEAE8;padding:2px 3px;}/* #A7C951 */
.news-list-item h2 a:link, .news-list-item h2 a:visited {color:#002C53;}
.news-list-item h2 a:hover{color:#6FC226;text-decoration:none}



.news-list-details, .news-single-details{padding-bottom:12px;font-size:80%;}
.news-list-image{float:right; width:170px; text-align:right; border-right:6px solid #6FC226;background:#D2F1B6/* was #E7F0CE*/}
.news-single-img{border-left:6px solid #6FC226;background:#D2F1B6;}

/* general text *******************/
/*h1.csc-firstHeader{font-size:100%;text-transform:uppercase;background:url(images/head_bg.gif) #A7C951;padding:12px 5px 3px;color:#fff;margin-bottom:12px;}*/
h1{margin:0;padding:0 0 .4em; font-weight:bold;color:#6FC226;font-size:160%;}
h2{margin:0;padding: .5em 0 .2em;font-size: 130%;font-weight: normal; color:#002C53;}
h3{margin:0;padding: .5em 0 .2em; font-size:110%; font-weight:bold;color:#6FC226;}
h4,h5{margin:0;padding: .5em 0 .2em; font-size:100%; font-weight:bold;}
h6{margin:0.6em 200px 0.6em 0;padding:12px 0; font-weight:normal;color:#002C53;font-size:150%;border-top: 3px solid #EAEAE8;
	border-bottom: 3px solid #EAEAE8;}
p{line-height: 1.4em; margin:0 0 .7em}
p.narrowtext{margin-right:200px;}

hr {height:1px;color:#999;background-color:#999;border:0;font-size:0;}
.green {color:#6FC226;}
.blue {color:#002C53;}
.smaller{font-size:85%;}
img{
	border:none;
}
a:focus, a:active {
	border: none;
	outline: none;
}
a:link, a:visited {
	text-decoration:none;
	color: #6FC226;
}
a:hover,a:visited:hover {
	text-decoration:none;
	color: #002C53;
}