/* 	The master controlling CSS sheet for www.rose-consulting.co.uk
	
	Copyright:		design by RudeCat 2005
	Main Coding: 	design by RudeCat : http://rudecat.co.uk 
 	Written: 		Dec 2004 - Jan 2005
 	Modified: 		April 2005 : Fixed FireFox issue, added new classes for case studies
				October 2005: Updated site to XHTML 1.0 Strict. Refreshed CSS
			
	Language:	CSS1
*/

/* COLORS USED
	BLUE 	:	#36C
 	GREEN  	:	#6C3
	WHITE	:	#fff
*/


/* ------------------------------------------------ */

body {
	background: #ffffff; color: #000000; 
	margin: 0px; border: 0;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
	padding-top: 10px;
}

table {
	border: 0;
	margin: 0;
	padding: 0;
	width: 98%;

}

td { vertical-align: top; }

.blueT {color: #36C; font-weight: bold;}
.cls {clear: all;}



/* TESTING ONLY
td {border: 1px green solid;}
*/


/* HACKED IN TOP MENU */

/* TOP MENU LEVEL */

#top-Menu {
	color: #000; 
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	
	border-top: 1px solid #36C;
	border-bottom: 1px solid #36C;
	width: 100%; 

	white-space : nowrap;
	float : left;
	display : inline;
	text-align: center;
	clear: all;
} 

#top-Menu ul{
   padding : 0; margin : 0; border: 0;
   float : left;
   display : inline;
}

#top-Menu ul li{
   display : inline; 
   padding: 0; margin: 0; 
}

#top-Menu ul li a{
	border: 0; margin: 0; padding: 0;
	border-right: 1px solid #36C;

	text-decoration : none;
	display : inline;
	text-align: center;
	font-weight: normal;

	font-size: 10px;
	line-height: 26px;
	
/* Box model hack for IE5win - www.tantek.com */
	padding: 8px 25px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	padding: 6px 25px;
}

html>body #top-Menu ul li a{
	padding: 6px 25px;
	} 

	

#top-Menu ul li a:link {text-decoration:none; color:#000000;  }
#top-Menu ul li a:visited {text-decoration:none; color:#000000;}
#top-Menu ul li a:hover { background:#ccc; color:#000000; }
#top-Menu ul li a:active{}



/*tweak for FIRST element */
#top-Menu ul li a.first{
	border-left: 1px solid #36C;
	margin-left: 120px;
	}


/* END TOP MENU NEWS */


/* page-image */
#page-image {
	background: #ffffff;
	border-bottom: 1px solid #36C;
	border-left: 1px solid #36C;
	border-right: 1px solid #36C;
	font-size: 2px; height: 4px;
}

	


#content {
	text-align: left;
	padding: 0; 
	background: #fff;  color: black;
	font-size: 1.0em;
	line-height: 125%;
/*	width: 95%;*/
}


#content-inner {
	float: right;
	padding: 10px;
	font-size: 1.0em;
/*	width: 95%; */
}

#content-full {
	float: left;
	padding: 10px;
	font-size: 1.0em;
	width: 95%;
	margin-left: 10px;
}

/* SIDE MENUS */

td.sideTd {
	border-right: 1px solid #36C; 
	border-top: 10px solid white;
	border-bottom: 5px solid white;
	border-left: 4px solid white;
	width: 215px; 
}

.sideMenu  {
	display: block;
	text-align: center;
	font-size: 10px;
	padding:6px 4px;
}

a.sideMenu:link {text-decoration:none;color:#000000;}
a.sideMenu:visited{text-decoration:none;color:#000000;}
a.sideMenu:hover{ background:#CCC; color:#000000; }
a.sideMenu:active{ }


p.sideMenu { 
	padding:2px 4px;
	font-size: 10px;
	font-weight: bold;
	color: #36C;

	width: 198px;
	margin: 3px 0; 

	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}


/* TOP MENU QUICK-LINKS */

#tm-right {
	float: right; margin-right: 20px; margin-top: 10px; font-size: 10px;
}

p.tm-link {
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;  line-height: 14px; color: #ffffff; font-weight: bold; 
	text-align: right;
}

a.tm-link {
	display; inline;  font-size: 10px;  line-height: 12px; font-weight: bold; 
	color: #ddd; text-decoration: underline; 
	border-right: 1px solid #ddd; padding: 0 5px;
}

a.tm-link:link { text-decoration: none; color: #ddd; }
a.tm-link:visited {text-decoration: none; color: #ddd; }
a.tm-link:hover { text-decoration: none; color: #999; }


/* RCE Logo */
#logo {
	background: #36C; 
	float: left;
	text-align: left;
	height:95px;
	width:450px;
	background:transparent url(img/rce-logo.gif) top right no-repeat;
}

/*Using FIR - Fahner Image Replacement for logo */
#logo h1 span {display: none;}
#logo h2 span {display: none;}


#logo h1{
	font-size: 16px;
	line-height: 20px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	color: #000; background: transparent;
	text-align: left;
	}
#logo h2{
	font-size: 10px;
	line-height: 12px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
	color: #000; background: transparent;
	text-align: left;
	
	}



.img-r { 
	float: right; 
	margin: 25px 40px 10px 10px;
	}
	
.img-r2 { 
	float: right; 
	margin: 5px 80px 10px 10px;
	}
	
.img-r3 { 
	float: right; 
	margin: 5px 40px 10px 10px;
	}
	
.img-r4 { 
	float: right; 
	margin: 5px 20px 10px 10px;
	}

.img-l { 
	float: left; 
	margin: 5px 35px 10px 20px;
	}

/* Sitemap */

#sitemap {}

#sitemap ul li a{
	color: #000; 
	text-decoration: none; 
	padding: 4px 10px 0 10px;	
	line-height: 1.25em;	
/*	width: 150px;
	display : block; */
	white-space: none;
	}
	
#sitemap ul li a:link{border-bottom: 1px dotted #000;}
#sitemap ul li a:visited{border-bottom: 1px dotted #000;}
#sitemap ul li a:hover{background: #ccc; border-bottom: 1px solid #36c; color: #36c; }
#sitemap ul li a:active{border-bottom: 1px dotted #000;}

/*#sitemap ul {	list-style-type: none;}*/
#sitemap ul li.bullett {list-style-type: disc; }
#sitemap ul li a.lead {font-weight: bold; line-height: 2em;}



#sitemap ul li  p{
	color: #36c; 
	font-weight: bold; 
	padding: 4px 0 4px 0; 
	margin: 0; 
	text-decoration: underline;
	}



	
	/* FOOTER DIV */

#footer { 
	width: 100%;
	text-align: center; 
	border-top: 1px solid #36C; 
	padding: 0; 
	padding-bottom: 20px; 
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.small {
	line-height: 18px; color: #767676; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



td.small-left {
	font-size: 10px; line-height: 22px; color: #767676; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left; 
	width: 200px;
	display; inline; 
	}

td.small-middle {
	font-size: 10px; line-height: 22px; color: #767676; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right; 
	display; inline; 
	}


td.small-right {
	font-size: 10px; line-height: 22px; color: #767676; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right; 
	width: 400px;   
	display; inline; 
	}

td.small-dbr {
	font-size: 10px; line-height: 22px; color: #767676; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right; 
	display; inline; 
}


td.small-right-div {
	font-size: 10px; line-height: 22px; color: #767676; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right; float: right; 
	width: 400px;   
	display; inline; 
}


a.small {
	display; inline;  font-size: 10px;  line-height: 22px; 
	font-family: Verdana, Arial, Helvetica, sans-serif
	color: #767676; text-decoration: underline;
}

a.small:link { text-decoration: underline; color: #767676; }
a.small:visited {text-decoration: underline; color: #767676; }
a.small:hover { text-decoration: none; color: #36c; }



/* PDF FILE TABLE */
.pdf {	width: 600px; padding-top: 10px; padding-bottom: 20px; 
	margin-left: 40px; text-align: left; }

	
	h3.pdf-head {margin-top: 10px; margin-bottom: 15px;}
	
/* TWO COLUMN TABLE */

td.left {
    width:46%;
    min-width:200px;
    margin-left:30px;
	padding: 0px 15px;
	vertical-align: top; 
	text-align: justify;
    	}

td.right {
    width:46%;
    min-width:200px;
    padding: 0px 15px;
	vertical-align: top;
	text-align: justify;
	}



td.left-st {
	vertical-align: middle; 
	background: #eee; 
	padding: 4px 10px;
	border-bottom: 1px solid #36c;
	font-weight: bold;
    	}

td.right-st {
	vertical-align: middle; 
	background: #eee; 
	padding: 4px 10px;
	border-bottom: 1px solid #36c;
	font-weight: bold;
	}


td.left-s {
    padding: 5px 10px;
	vertical-align: top; 
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
    	}

td.right-s {
    padding: 5px 10px;
	vertical-align: top;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	text-align: justify;
	}


/* Images */
td.left-45 img, td.right-45 img  {
	margin-top:0px; 
	margin-right:10px;  
	margin-bottom:20px; 
	margin-left:10%; 
	padding: 0; 
	vertical-align: top;
}

td.left-25 img {
	margin: 20px;
}


img.inset-l {
	float:left;
	margin:4px 8px 0px 4px;
	}

img.inset-r {
	float:right;
	margin:4px 8px 0px 24px;
	}


/* Specific to clarifier page Figure 1.*/
.left img.inset {
	float:left;
	margin:4px 8px 0px 4px;
	}

p.img-title, span.img-title {	
	text-transform: uppercase; font-size: 10px; 
	font-weight: bold; text-align: center; padding: 0 15px; 
	}



img.inset-main {
	float:left;
	margin:4px 8px 0px 4px;
	}


/*Specific to Case Studies */
.case-img {
	text-align: center;
	width: 100%;
	}

p.case-title {
	text-transform: uppercase; font-size: 10px; 
	font-weight: bold; text-align: center; 
	padding: 0 15px; 
	margin-bottom: 50px;
	}


/* COLOURS AND OTHER STUFF */
.blue { background: #36C; }
.clear-all { clear: all; font-size: 0px; }


/* DEFAULT TEXT STYLES */
#content-inner a, #content-full a {display; inline; text-decoration: none; color: #000; border-bottom: 1px dotted #000;}
#content-inner a:link, #content-full a:link{ text-decoration: none; border-bottom: 1px dotted #000;}
#content-inner a:visited, #content-full a:visited{ text-decoration: none; border-bottom: 1px dotted #000;}
#content-inner a:hover, #content-full a:hover{ text-decoration: none; border-bottom: 1px solid #36c; color: #36c; background: #ccc;}

h2 {
	line-height: 125%; 
	color: #36c; 
	background: #fff;
}

h3 {
	line-height: 110%; 
	color: #36c; 
	background: #fff;
}

.siteMap p {
	line-height: 110%; 
	color: #36c; 
	background: #fff;
	}

p {
	line-height: 150%;
 
}

li {
	line-height: 150%;
 
}