/* CSS Document */

body {
background-color:#FFFFFF;
font-family:Arial;
font:Arial;
color:#797979;
font-size:11px;
margin:0px;
padding:0px;
text-align:left;
}

h1,h2,h3,h4,h5,h6,div,img,li,ul,p {
padding:0px;
margin:0px;}
img {
padding:0px;
margin:0px;
}

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

h1{
font-size:16px;
padding:0px;
margin:0px;
}
h2{
/* added space after h2 for news page*/
font-size:14px;
padding-bottom: 12px;
padding-top: 6px;
padding-left: 0px;
padding-right: 0px;
margin:0px;
}
h3{
font-size:12px;
padding:0px;
margin:0px;
}
h4{
font-size:12px;
padding:0px;
margin:0px;
}
h5{
font-size:16px;
padding:0px;
margin:0px;
}
/*.csc-mailform-submit{
background-image:url(images/newsletter.gif);
background-repeat:no-repeat;
width:100px;
height:50px;
border:none;
background-color:#FFFFFF;
cursor:pointer;

}*/
a {
color:#FFFFFF;
text-decoration:none;
}
a img {
border:none;
}
.main {
width:100%;
padding:0px;
margin:0px;
}
.clr {
clear:both;
}
#main-container {
width:100%;
padding:0px;
margin-top:-15px;
}
/* sucker fish menu */
#nav { /* all lists */
    list-style: none;
	position:absolute;	
	left:3px;
	top:0px;
    /*z-index:500;*/
	//padding-bottom:50px;
	
	
}
#nav ul {
   background-color:#FFFFFF;	
    padding: 0px;
	margin: 0px;	
	position:absolute; 
	left:0px;
	top:0px;
	list-style: none;
	z-index:+500;
	
}
#nav a{
	
	color:#A7A8A9;
		
}

#nav a:hover{	
	color: #A7A8A9;	
}

#nav li { /* all list items */
	float: left;
	position:relative;
	left:0px;
	
	height:30px;
	z-index:+500;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #FFFFFF;
	/*filter: alpha(opacity=80);*/ /* ie */
	/*opacity: .8; *//* mozilla */
	border-left:solid 1px #D8D8D8;
        border-right:solid 1px #D8D8D8;
        border-bottom:solid 1px #D8D8D8;
	top:20px;
	left:0px;
	color: #F07830;
	padding-top:10px;
	padding-left:10px;
	
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    z-index:+500;
	width:155px;
	
}


#nav li ul li a { /* second-level list link */
	text-decoration: none;
	color: #A7A8A9;	
	/*border-bottom: solid 1px #D62430;*/
	
	
	}

#nav li ul li { /*drop down to be cahnged */
width:155px;
z-index:500;
padding:0px;
height:25px;
text-align:left;
font-size: 11px;
/*padding-top:10px;*/
}
	
#nav li ul li a:hover { /* second-level list link */
	color: #AFBD21; 
    width:155px;
	z-index:+500;
}
      

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
    top:30px;
    left: 0px; 
    z-index:+500;
}
/* -- sucker fish menu -- */

/* ---top ---- */
#top-grid {
background-image:url(images/grid.gif);
background-repeat:repeat-x;
height:311px;
width:100%;

}
#top-head{
width:850px;
position:relative;
left:0px;
top:29px;
height:42px;

}
#menu {
background-image:url(images/grid-button.gif);
background-repeat:no-repeat;
width:850px;
position:relative;
left:0px;
top:7px;
height:42px;
z-index:120;
}

.watwedo{

margin-right:-1px;
}
.howwedo{
margin-left:0px;
padding-right:0px;}
.whowework{
margin-left:0px;
padding-right:0px;} 
.events{
padding-left:0px;
padding-right:0px;}
.contact{
padding-left:0px;
}
.header-footer {
width:100%;
position:relative;
background-color:#535249;
color:#FFFFFF;
height:40px;
margin-top:10px;
font-size:11px;
}
.header-footer p {
position:relative;
top:15px;
left:200px;
width:600px;
}
.header-footer2 {
width:100%;
position:relative;
background-color:#AFBD21;
color:#FFFFFF;
height:40px;
margin-top:10px;
font-size:11px;
}
.header-footer2 p {
position:relative;
top:15px;
left:200px;
width:600px;
}
banner {
width:auto;
position:relative;
left:00px;
}
#top-panel {
background-image:url(images/upper-panel.jpg);
background-repeat:no-repeat;
position:relative;
left:3px;
top:4px;
margin-top:-3px;
height:278px;
width:846px;
font-size:11px;
}
#flash {
position:relative;
left:-5px;
margin-top:0px;
top:-5px;
padding-top:1px;
}
/* --- top end --- */
#inner-top-panel {
background-image:url(images/inner-top.jpg);
background-repeat:no-repeat;
position:relative;
left:2px;
top:8px;
margin-top:-3px;
height:277px;
width:846px;
font-size:11px;

z-index:20;
}

/* --- inner page content --- */
#inner-content{
padding-top:25px;
position:relative;
width:960px;
background-color:#FFFFFF;
font-size:12px;
line-height:15px;
}
#inner-content li {
padding-right:5px;
margin-left:15px;
list-style:disc;
list-style-type:disc;
}
#inner-content a{
color:#AFBD21;
}
#inner-content form {
background-image:url(images/newsletter-bg.jpg);
background-repeat:repeat-x;
}
#inner-content a:hover{
text-decoration:underline;
}
#i-contents {
position:relative;
width:850px;
left:15px;
top:0px;
font-size:11px;
text-align:left;
}
#i-contents-left{
position:relative;
width:550px;
float:left;
padding-right:10px;
}
#i-contents-right{
position:relative;
width:265px;
float:left;
}
#icontent-top{
position:relative;
left:0px;
margin-bottom:20px;
}
#icontent-lower{
position:relative;
left:0px;
margin-bottom:20px;
}
#icontent-lower-left{
width:320px;
position:relative;
float:left;
padding-right:10px;
}
#icontent-lower-right{
width:320px;
position:relative;
float:left;
}
/* --- inner page content end --- */
/* --- content --- */
#content{
position:relative;
width:960px;
background-color:#FFFFFF;
font-size:11px;
}
#content a{
color:#AFBD21;
}
#content a:hover{
text-decoration:underline;
}
#upper-panel {
margin:0px;
padding:0px;
}
#upper-panel img{
margin:0px;
padding:0px;

}
#upper-panel-top{
position:relative;
top:0px;
left:1px;
}
#upper-panel-content {
background-image:url(images/upper-panel-mid.jpg);
background-repeat:repeat-y;
position:relative;
left:1px;
top:-12px;
width:850px;
font-size:11px;
text-align:left;
z-index:100;
}
#upper-panel-content-left {
float:left;
position:relative;
margin-left:20px;
top:0px;
width:390px;
z-index:10;
}
#upper-panel-content-left p {
width:380px;
z-index:10;
}
#upper-panel-content-right {
float:left;
position:relative;
left:30px;
top:0px;
width:380px;
z-index:10;
}

#upper-panel-bottom {
position:relative;
top:-25px;
left:1px;
z-index:5;
}
/* -- fronpage contents -- */
#f-contents {
position:relative;
width:850px;
left:15px;
top:0px;
font-size:11px;
text-align:left;
}
#f-contents-left {
float:left;
position:relative;
width:400px;
left:0px;
top:0px;

}
#about{
padding-bottom:50px;
}
#how{
}
#f-contents-right {
float:left;
position:relative;
width:400px;
left:25px;
top:-5px;
}
#news {
/*background-image:url(images/news-bg.jpg);
background-repeat:repeat-x;*/
position:relative;
padding-bottom:50px;
}
.newsletter-header {
position:relative;
left:-10px;
margin-top:-20px;
padding-bottom:5px;
}
#newsletter {
background-image:url(images/newsletter-bg.jpg);
background-repeat:repeat-x;
position:relative;
padding-left:10px;
padding-top:10px;

}
#newsletter p {
width:350px;
}
#newsletter .csc-mailform-submit{
background-image:url(images/newsletter.gif);
background-repeat:no-repeat;
width:100px;
height:50px;
border:none;
background-color:#FFFFFF;
cursor:pointer;
}

/* -- front page content end -- */


/* --- content end --- */
/* -- footer --*/

#footer{
position:relative;
background-color:#535249;
width:100%;
color:#FFFFFF;
left:0px;
top:0px;
font-size:11px;
padding:0px;
margin:0px;
}
#footer2{
position:relative;
background-color:#AFBD21;
width:100%;
color:#FFFFFF;
left:0px;
top:0px;
font-size:11px;
padding:0px;
margin:0px;
}

#flirt{
position:relative;
float:right;
width:41px;
height:39px;
right:200px;
}
#foot-menu{
position:relative;
left:-120px;
top:15px;
}

/* -- footer end -- */

/* ---- forms ----- */
fieldset {
border:none;
}
.csc-mailform-field label {

display:block;
position:relative;
width:100px;
}
#mailformname, #mailformemail, #mailformlastname, #mailformSurename {
margin-bottom:5px;
background-color:#B4B4B4;
border:inset 1px #FFFFFF;

}
.form-text {
margin-bottom:0px;
background-color:#B4B4B4;
border:inset 1px #FFFFFF;
width:250px;
color:#FFFFFF;
}
/* -- news -- */ 
#news-list-item {
position:relative;
background-image:url(images/news-bg.jpg);
background-repeat:repeat-x;
top:0px;
width:400px;
left:0px;
padding:0px;
margin:0px;
padding-top:0px;
padding-bottom:10px;
font-size:11px;
}
.news-item {
position:relative;
top:10px;
padding-top:5px;
}
#news-list-item a{
   color:#6A6961;
   padding:0px;
   margin:0px;
}
#news-list-item p {
margin-top:0px;
color:#6A6961;
font-size:11px;
}
#news-image {
position:relative;
top:0px;
left:0px;
width:80px;
height:53px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
}
#news-image img{
width:80px;
height:53px;

}
#news-title{
font-size:11px;
margin-bottom:0px;
}

#news-date {
position:relative;
margin-bottom:0px;
top:0px;
padding-bottom:3px;
}
#news-content {
position:relative;
font-size:11px;
width:300px;
left:0px;
margin-top:-10px;
padding:0px;