/*            
  ___ ___ ___ 
 / __/ __/ __|
| (__\__ \__ \
 \___|___/___/
              
================================================================
Global CSS file for Teasel
Created by:	Lorraine Humm / lorraine@divine-creations.com for Bdirectsystems / www.bdirectsystems.com
================================================================
*/

/*-- Browsers - Win IE6, Firefox, Mac Safari --*/
/*-- © Divine-Creations.Com Limited 2006/© Bdirectsystems.com 2006 --*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666;
	
	/* Proprietary MS parameter to stop boxes from breaking */
	word-wrap:break-word; }

/*-- structure -- */

#container {
		width: 950px;/*802*/
		margin: 0px auto; }
	
#inner {
	width: 948px;
	float:left;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	border-left: 1px solid #66645c;
	border-right: 1px solid #66645c;
	border-top: 5px solid #00adef;
	border-bottom: 5px solid #00adef; }

#mast {
	width: 948px;
	float: left;
	height: 120px;
	margin:0;
	padding:0 0 10px 0;	}

/*-- mast left, middle, right positioning divs --*/
.mastL {
	float: left;
	width: 145px; /*180*/
	padding-left: 35px;
	height: 95px;/*110*/
	margin-top: 15px; }

.mastM {
	float: left;
	width: 470px;
	height: 95px;/*110*/
	margin-top: 15px; }

/*--mast right area / search box & statement--*/
.mastR {
	float: left;
	width: 240px;/*240*/
	padding-left: 20px;
	height: 95px;/*110*/
	margin-top: 15px;
	color: #00adef;
	font-weight: bold;
	font-size: 110%; }
.mastR form {
	margin:0;
	padding:0; }

/*-- area after mast --*/
#wrap {
	float: left;
	width: 948px; }
	
/*-- Left columns, with no left navigation --*/
#leftCol {
	float: left;
	width: 130px; /*180*/
	padding-left: 35px;
	padding-right: 15px;
	padding-top: 10px;
	color: #002e60;
	font-weight: bold;
	font-size: 80%; }
#leftCol a { color:#00adef; font-size:1em; text-decoration:none; }
#leftCol a:hover { text-decoration:underline; }
		
/*-- third level navigation (left col) - MOVED INTO SEPARATE STYLESHEET --*/

/*-- CONTENT WRAPPER --*/

#content {}

/*-- content middle column --*/
#midcol {			float:left; width:470px; font-size:small; }
/*-- content middle column - wide format, covers both middle and right --*/
#MidAndRightCol { 	float:left; display:inline; /* MS DFMB fix */
					margin:0; width:730px; padding:0; font-size:small; }


#midcol h1,			#MidAndRightCol h1 {		padding:0; font-size:110%; color:#003f7a; font-weight:bold; margin:1em 0; }
#midcol h2,			#MidAndRightCol h2 {		padding:0; font-size:90%; font-weight:bold; margin:1em 0 0.33em; }
#midcol h3,			#MidAndRightCol h3 {		padding:0; font-size:100%; font-weight:normal; margin:1em 0 0.33em; }
#midcol h4,			#MidAndRightCol h4 {		padding:0; font-size:90%; font-weight:bold; margin:0.66em 0 0.33em; 	}
#midcol h5,			#MidAndRightCol h5 {		padding:0; font-size:90%; font-weight:normal; margin:0.66em 0 0.33em; 	}
#midcol p,			#MidAndRightCol p,
#midcol li,			#MidAndRightCol li {		padding:0; font-size:90%; margin-top:0px; margin:0.33em 0 0.66em; }
#midcol ul,			#MidAndRightCol ul,
#midcol ol,			#MidAndRightCol ol {		margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
#midcol strong,		#MidAndRightCol strong {	color:#003f7a;}

#midcol a,			#MidAndRightCol a,
#midcol a:link,		#MidAndRightCol a:link {	color:#00adef; text-decoration: none;}
#midcol a:visited,	#MidAndRightCol a:visited {	color:#33adef; }
#midcol a:hover,	#MidAndRightCol a:hover {	color:#e2c901; }


/*	Management team layout table - to keep images and text together.  CSS eh!
 */
#MidAndRightCol table.WideLayout {				margin:0; border:0; border-collapse:collapse; padding:0;
												color:#666; /* not inherited */ }
#MidAndRightCol table.WideLayout caption {		display:none; }
#MidAndRightCol table.WideLayout td {			border:0; vertical-align:top; padding:0; margin:0;}
#MidAndRightCol table.WideLayout td h1, #MidAndRightCol table.WideLayout td h2 {	color:#003f7a; }




/*-- middle content, two divs to split copy into two columns --*/

.copyL {
	float: left;
	width: 180px; }
	
.copyR {
	float: left;
	width: 180px;
	margin-left: 10px; }

.bluebar {border-bottom: 5px solid #00adef; padding-bottom: 5px;}



/*-- content right column --*/
#rightcol {
	float: left;
	width: 230px;/*240*/
	padding-left: 20px;
	font-size: 90% }
#rightcol p {
	padding-top:0.33em; padding-bottom:0.33em; }
#rightcol h1 {
	font-size: 110%;
	font-weight: normal; }
#rightcol ul {
	list-style-type: none;
	margin: 0; }
#rightcol li {
	list-style-type: none;
	font-size: 110%;
	margin: 0 0 8px 0; }
/* Anchor styles for grey text
 */
#content #rightcol a { 
	color:#003F7A; font-weight:bold; text-decoration:none; }
#content #rightcol a:hover { 
	text-decoration:underline; }





/*-- colour text blocks --*/
.boxbignavy {
	width:430px;/*--470--*/
	padding: 10px 18px 10px 22px;
	margin-bottom: 2px;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	background-color:#002e60; }
.boxsmallnavy {
	padding: 6px;
	margin: 0 0 2px 0;
	line-height:1.5;
	color: #FFFFFF;
	background-color:#002e60; }
	
.boxbiggrey {
	width:430px;/*--470--*/
	padding: 10px 18px 10px 22px;
	margin-bottom: 2px;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	background-color:#bcc2c8; }
.boxsmallgrey {
	padding: 6px;
	margin: 0 0 2px 0;
	line-height:1.5;
	color: #FFFFFF;
	background-color:#bcc2c8; }
/*
.boxsmallligrey {
	padding: 6px;
	margin: 0 0 2px 0;
	line-height:1.5;
	color: #002e60;
	background-color:#d9dfe5; } */
	
.boxbigcyan {
	width:430px;/*--470--*/
	padding: 10px 18px 10px 22px;
	margin-bottom: 2px;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	background-color:#00adef; }
.boxsmallcyan {
	padding: 6px;
	margin: 0 0 2px 0;
	line-height:1.5;
	color: #FFFFFF;
	background-color:#00adef; }


/*-- paragraph styles with yellow bar--*/
.greyYell {
	border-top: 10px solid #e2c901;
	padding: 5px 0;
	margin-bottom:0; }
.greyLargeYell {
	border-top: 10px solid #e2c901;
	padding: 5px 0;
	margin-bottom: 0;
	font-size: 110%; }
.blueYell {
	border-top: 10px solid #e2c901;
	padding: 5px 0;
	margin-bottom: 0;
	color: #5d90cc;
	font-size: 90%; }

/* Anchor styles for coloured box text  */
#content #rightcol .greyYell a {					color:#00adef; /* border-bottom:1px solid #ccf; */ text-decoration:none; }
#content #rightcol .greyYell a:hover {				border-bottom-color:#fff; text-decoration:underline;  }

#content #rightcol .greyLargeYell a {				color:#00adef; /* border-bottom:1px solid #ccf; */  text-decoration:none; }
#content #rightcol .greyLargeYell a:hover {			border-bottom-color:#fff; text-decoration:underline;  }

#content #rightcol .boxsmallnavy a {				color:#fff; font-weight:bold; border-bottom:1px solid #ccf; text-decoration:none; }
#content #rightcol .boxsmallnavy a:hover {			border-bottom-color:#002e60; text-decoration:underline; }

#content #rightcol .boxsmallcyan a {				color:#fff; font-weight:bold; border-bottom:1px solid #ccf; text-decoration:none;  }
#content #rightcol .boxsmallcyan a:hover {			border-bottom-color:#00adef; text-decoration:underline;  }

#content #rightcol .boxsmallgrey a {				color:#fff; font-weight:bold; font-size:1.1em; border-bottom:1px solid #e7e7e7; text-decoration:none;   }
#content #rightcol .boxsmallgrey a:hover {			border-bottom-color:#bcc2c8; text-decoration:underline;  }


/* Big boxes */
#content #midcol .boxbignavy a,	
#content #midcol .boxbignavy a:visited { 	color:#fff; font-weight:bold; border-bottom:1px solid #99c; text-decoration:none;}
#content #midcol .boxbignavy a:hover {		color:#fff; font-weight:bold; border-bottom-color:#002e60; text-decoration:underline; }

#content #midcol .boxbiggrey a, 
#content #midcol .boxbiggrey a:visited { 	color:#fff; font-weight:bold; border-bottom:1px solid #e7e7e7; text-decoration:none;}
#content #midcol .boxbiggrey a:hover {		color:#fff; font-weight:bold; border-bottom-color:#bcc2c8; text-decoration:underline; }

#content #midcol .boxbigcyan a,
#content #midcol .boxbigcyan a:visited { 	color:#fff; font-weight:bold; border-bottom:1px solid #ccc; text-decoration:none;}
#content #midcol .boxbigcyan a:hover {		color:#fff; font-weight:bold; border-bottom-color:#00adef; text-decoration:underline; }



/*-- paragraph styles --*/
	
.grey {
	padding: 5px 0 0 0;
	margin: 0 5px 5px 0;
	font-size: 110%; }
.greyL {
	padding: 5px 0 0 0;
	margin: 0 5px 5px 0;
	font-size: 120%; }
.blue {
	padding: 5px 0 0 0;
	margin: 0 5px 5px 0px;
	color: #5d90cc; }
.navy {
	padding: 5px 0 0 0;
	margin: 0 5px 5px 0px;
	color: #000066; }

/*-- form classes --*/

input {margin: 0; padding: 0;}
.search {margin: 53px 0 0 0; width: 200px;}

/*-- misc styles --*/

.imgCrop {margin-top: 5px; margin-bottom: 1px;}



/* 	search hints page uses a definition list
 */
dl {					margin-left:2em; }
dt {					font-weight:bold; }
dd {					margin-left:2em; }

/*	Search results
 */
#SearchResults {		}
#SearchResults table {	border-collapse:collapse; }
#SearchResults td {		padding:5px;
						background:#bad1ed; 
						color:#000;
						border-top:2px solid #fff; }
#SearchResults td.SearchTitle {	font-weight:bold; }
#SearchResults td.SearchText { padding-bottom:10px; }

/*	Generic table styling
 */
#midcol table {			border-collapse:collapse; }
#midcol table td {		padding:5px;
						vertical-align:top;
						border:2px solid #fff;
						background:#bad1ed;
						color:#000; }
 

/* Styling for Contact page content */
#Contact {				float:right; display:inline; /* MSIE DFMB fix */
						Xbackground:url(/Skins/TeaselPM/images/ContactBackground.gif) no-repeat; 
						background:url(../images/ContactBackground.gif) no-repeat; 
						width:230px; height:650px; /* 730w */
						margin:0 40px 0 0;
						padding:0.5em 10px 1em 490px; 
						font-size:small;
						font-size:0.9em;
						color:#666; }
#Contact .ContactDetails {
						font-size:1.2em; }


/*	Strapline image text on homepage 
 */
h2#HomepageStraplineImage { 
						Xbackground:url(/Skins/TeaselPM/images/structure/teasel_img.jpg) no-repeat;
						background:url(../images/structure/teasel_img.jpg) no-repeat;
						color:#00356d; font-size:16px; font-weight:normal; 
						height:374px;	/* height:	18+374=392px */
						width:340px; 	/* width: 	22+340+108=470px */
						margin:2px 0; border:0; padding:18px 108px 0 22px; }