/*** CSS Stylesheet created by Dylan D'Silva 2007 (www.movingideas.com.au) ***/

/* Main */
body { 
	padding: 0; 
	margin: 0; 
	font: 0.8em "Arial", Sans-Serif;
	line-height: 1.5em; 
	background: #ffffff; 
	color: #000000; }

/*** Text Rollover ***/
a { color: #000000; background: inherit; font-size: 100%; }
a:hover { color: #000000; background: inherit;  }	

/*** headings ***/
h2 { font: bold 2.0em "Times New Roman", Times, serif; margin: 0 25px; letter-spacing: 0.8px; margin: 0.9em 0 0em; font-size: 160%; /* for browsers with no escapes at all */ \font-size: 120%; /* for IE5/Win */ 	f\ont-size: 160%; /* for good browsers */}
h3 { font: bold 1.4em "Times New Roman", Times, serif; margin: 0 25px; letter-spacing: 0.6px; margin:0 0 0.5em; font-size: 120%; /* for browsers with no escapes at all */ \font-size: 90%; /* for IE5/Win */ f\ont-size: 120%; /* for good browsers */ }
h2 a { color: #000000; background: #ffffff; text-decoration: none; }
h3 a { color: #000000; background: #ffffff; text-decoration: none; }
h2 a:hover { color: #000000; background: #ffffff; }
.logocolour { color: #C91984; background: #ffffff; }
.logo { float: left; margin: 0 18px 8px 0; border: 0; }


/*** Main content ***/
#content { margin: 12px auto; width: 960px;  }

/*** Logo ***/
#logo { padding: 15px 0 0 8px; }
#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff; }

/*** Banner ***/
#banner
{
	width: 960px;
	height: 120px;
	margin: 0;
	padding: 0;
	background-image:  url("images/banner.gif");
	background-repeat: no-repeat;
}
/*** Banner Float Image ***/
#floatright
{
	float:right;
	padding: 0 73px 0;

}
#floatleft
{
	float:left;
	padding: 0 0 0 0;
	}
#menu
{
	
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
}

/*** CSS Drop Down Menu ***/
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}

span.mike { display:block; float:left; width:150px; height:209px; background-image:url("images/mike.jpg"); margin: 0 18px 8px 0;  background-repeat:no-repeat; }
span.mike span {display:none;} 
span.help { display:block; float:left; width:190px; height:143px; background-image:url("images/help.jpg"); margin: 0 18px 8px 0; border: 1px solid #A2A59F; background-repeat:no-repeat; }
span.help span {display:none;} 
span.exec { display:block; float:left; width:300px; height:200px; background-image:url("images/exec.jpg"); margin: 0 4em 8px 0; border: 1px solid #A2A59F; background-repeat:no-repeat; }
span.exec span {display:none;} 
span.contact { display:block; float:left; width:300px; height:200px; background-image:url("images/contact.jpg"); margin: 0 4em 8px 0; border: none; background-repeat:no-repeat; }
span.contact span {display:none;} 
.bottom  { float: left; width:960px; height:200px; background: #ffffff; background-image:url("images/pano.jpg"); background-repeat:no-repeat; padding: 0; margin: 0; color: #5d5d5d; }
.bottom2  { float: left; width:960px; height:200px; background: #ffffff; background-repeat:no-repeat; padding: 0; margin: 0; color: #5d5d5d; }

#content a:hover {
	text-decoration: none;
}

/*** left side ****/
.left { float: left; width: 650px; margin: 0 0 10px 0; font-size: 100%; }
.left2 { float: left; width: 960px; margin: 0 0 10px 0; font-size: 100%;}

.left_articles {
		height: 280px;
		margin: 0 20px 3.0em 10px;
		padding: 10px 0 0px 0;
		text-align: justify;
		border-bottom: 1px solid #C91984;
		color: #000000;
		background: #ffffff;
		
	}
.left_articles3 {
		margin: 0 20px 3em 10px;
		padding: 10px 0 0px 0;
		text-align: justify;
		border-bottom: 1px solid #C91984;
		color: #000000;
		background: #ffffff;
		
	}
.left_articles2 {
		margin: 0 20px 2.5em 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		color: #000000;
		background: #ffffff;
	}
.left_articles4 {
		height: 280px;
		margin: 0 20px 3.0em 10px;
		padding: 10px 0 0px 0;
		text-align: justify;
		border-bottom: 1px solid #C91984;
		color: #000000;
		background: #ffffff;
		line-height: 0.6em;
}
.left_articles5 {
		height: 220px;
		margin: 0 20px 1em 10px;
		padding: 10px 0 0px 0;
		text-align: justify;
		border-bottom: 1px solid #C91984;
		color: #000000;
		background: #ffffff;	
		
	}	
.left_articles6 {
		height: 280px;
		margin: 0 20px 0em 10px;
		padding: 10px 0 0px 0;
		text-align: justify;
		border-bottom: 1px solid #C91984;
		color: #000000;
		background: #ffffff;
		
	}	

	.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px solid #C91984; }
	.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #A2A59F; }
	.thumbnail2 { float: left; margin: 0 18px 8px 0; border: none; }
	.thumbnail3 { margin: 0 18px 8px 0; border: none; }
	.thumbnail4 { float: left; margin: 0 15px 30px 0; border: none }


/* bottom thirds */
.thirds2 { float: left; width: 630px; height: 150px; background: #ffffff  url("images/move.jpg")  no-repeat; padding: 0; margin: 0 0 0 0; color: #5d5d5d; }
.thirds5 { float: left; width: 960px; height: 180px; background: #ffffff url("images/movefull.jpg")  no-repeat; padding: 0; margin: 0 0 0 0; color: #5d5d5d; }
.thirds { float: left; width: 203px; background: #eee; margin: 0 0px 0 10px; color: #5d5d5d; }
.thirds3 { float: left; width: 203px; background: #eee; margin: 0 90px 1em 1em; color: #5d5d5d; }
.thirds4 { float: left; width: 203px; background: #eee; margin: 0 1em 0 0; color: #5d5d5d; }
	.smallboxtop { height: 14px; background: #fff url(images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }
.roundcont { width: 100%; background-color: #a2bfdc;   color: #000000; }

.roundcont p { margin: 0 10px; }

.roundtop { background: url(images/tr.gif) no-repeat top right; }

.roundbottom { background: url(images/br.gif) no-repeat top right; }

img.corner { width: 15px; height: 15px; border: none; display: block !important;}
	
/* right side */
#right { float: right; width: 295px; margin: 6em 0 10px 0; }
#right3 { float: right; width: 295px; margin: 8em 0 10px 0; }
#right2 { float: right; width: 295px; margin: 0; text-align: justify; }
#right4 { float: right; width: 295px; margin: 5em 0 0 0; text-align: center;}
#right5 { float: right; width: 295px; margin: 6em 0 10px 0;  }
	.boxtop { height: 19px; background: #ffffff url(images/boxtop.gif) no-repeat; color: #000; padding: 0 0 0 0; }
	.box { background: #ffffff url(images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 3em 0; }
	.box p { padding: 0; margin: 0;}
	.box2 { background: #ffffff url(images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 3em 0; }
	.box2 p { padding: 0; margin: 0 35px;}
	.image { float: left; margin: 0 9px 3px 0;  border: 1px solid #A2A59F; }
	object { float: left; margin: 0 9px 3px 0;  border: none; }
/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #ffffff url(images/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #ffffff; text-decoration: none; }
.greenbtn { background: #ffffff url(images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #ffffff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #ffffff url(images/hoverbtn.gif) no-repeat; color: #ffffff; }
.list { margin: 0 0 0 3em; color:#C91984; }
.blacktext { color:black}
/* footer  */
.footer { clear: both; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px solid #C91984; }