/*GLOBAL STYLE SHEET FOR www.mobisoft.co.uk */
/* LAST EDITED: PETER COX */

/* mobisoft_global.css v1.8 (16.03.10) */
/* W3C validated 27.07.09 */



/* zero everything from browser defaults */
html, body, /*ul,*/ ol, /*li,*/ p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, td, tr, blockquote q { 
margin: 0; 
padding: 0; 
border: 0;
outline:0;
}

/* Force the display of right-hand scroll bar on every page */
html { 
	min-height: 100.5%;  
	}


body {
	font-size:62.5%;
	color:#000000;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*text-align:center;*/
	}
	
#outerWrapper {
	width:800px;
	height:200px;
	margin:auto;
	border:0px solid lime;
	}

/* ************************************** Header ************************************* */

#header {
	width:100%;
	height:30px;
	/*border:1px dotted #009900;*/
	}
	
#mobisoftHd {
	float:left;
	width:147px;
	height:66px;
	}
	
#headerRule {
	float:left;
	width:480px;
	height:5px;
	background-color:#004f51;
	margin-top:37px;
	}	
	
#stratagenHd {
	float:left;
	width:173px;
	height:66px;
	}
	
/* ************************************** Body ************************************* */
	
	
#bodyWrapper {
	float:left;
	width:100%;
	background-color:#eee8df;
	background-image:url(/images/gif/bodywrapperbg.gif);
	background-repeat:repeat-y;
	border-bottom:10px solid #eee8df;
	/*border:1px dotted aqua;*/
	}
	
#leftColumn {
	float:left;
	width:550px;
	background-color:#ffffff;
	padding-bottom:5px;
	/*border-bottom:10px solid #eee8df;*/
	}
	
#flashMovie {
	float:left;
	width:550px;
	height:200px;
	background-color:#004f51;
	overflow:hidden;
	}

.titleImage {
	width:550px;
	/*height:200px;*/
	}


#intro {
	float:left;
	width:550px;
	padding-top:5px;
	padding-bottom:2px;
	/*border-bottom:10px solid #eee8df;*/
	/*border:1px dotted black;*/
	}
	
.intro, .contentBlock {
	position:relative;
	left:12px;
	float:left;
	width:535px;
	padding-top:5px;
	padding-bottom:10px;
	/*border-bottom:10px solid #eee8df;*/
	/*border:1px dotted black;*/
	}
	
h1 {
	/*position:relative;*/
	/*float:left;*/
	display:block;
	font-size:1.8em;
	font-weight:bold;
	margin-bottom:20px;
	/*padding-bottom:20px;*/
	}

#intro h1 {
	float:right;
	display:block;
	width:428px;
	text-align:left;
	font-size:1.8em;
	font-weight:bold;
	color:#004f51;
	margin-bottom:7px;
	/*background-color:#00FFCC;*/
	}

	
h2 {
	/*display:block;*/ /* doesn't work */
	float:right;
	width:428px;
	margin-left:107px;
	font-weight:bold;
	font-size:1.2em;
	line-height:2.0em;
	/*background-color:aqua;*/
	}

.contentHead h2 { /* required for FFox */
	margin-left:107px;
	}
	
.fullWidth h2 {
	display:block;
	line-height:1.6em;
	margin-bottom:5px;
	/*border:1px dotted fuchsia;*/
	}
	
h3 {
	display:block;
	font-size:1.1em;
	margin-top:10px;
	margin-bottom:5px;
	/*background-color:#99FF66;*/
	/*line-height:3.0em;*/
	/*border:1px dotted fuchsia;*/
	}
	
.fullWidth h3 {
	display:block;
	line-height:1.1em;
	margin-top:10px;
	margin-bottom:2px;
	/*border:1px dotted fuchsia;*/
	}
	
.fullWidth p {
	margin-bottom:5px;
	}
	
	
#intro p {
	float:right;
	width:428px;
	margin-right:3px;
	background-color:#ffffff;
	}
		
#rightColumn { /* IE6 conditional */
	position:relative;
	float:right;
	width:230px;
	padding:10px;
	margin-bottom:70px;
	/*background-color:#eee8df;*/
	/*min-height:500px;*/
	z-index:0; /* required to bring the div over the active drop-down menu area */
	/*border:1px dotted fuchsia;*/
	}	

ul.items {
	position:relative;
	/*eft:-10px;*/
	line-height:1.2em;
	list-style-image:url(/images/gif/elipse-bullet-plain-sm.gif);
	margin-left:0;
	padding-left:25px;
	/*border:1px dotted black;*/
	}
	
ul.items li a {
	color:#004f51;
	font-weight:bold;
	text-decoration:none;
	}
	
ul.items li a:hover, ul.items li a:focus {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}

.marginQuote {
	margin-top:40px;
	margin-left:10px;
	width:70%;
	padding:20px;
	border:1px dotted #4c8385;
	}


/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ INDEX PAGE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


.fullWidth { 
	float:right;
	width:547px;
	margin-right:3px;
	background-color:#ffffff;
	/*line-height:1.5em;*/
	padding-top:5px;
	padding-bottom:10px;
	/*border:1px dotted magenta;*/
	}

.col160 { /* IE5 conditional */
	float:left;
	margin-left:7px;
	padding-top:1px;
	padding-right:3px;
	padding-left:1px;
	width:153px;
	background-color:#ffffff;
	height:110px;
	border:0px solid #004f51;
	border-left:0;background-color:#e5eded;
	}

.indexLinkImgLeft  { /* IE6 conditional */
	float:left;
	width:100px;
	height:110px;
	margin-left:12px;
	background-color:#669999;
	}
	
.indexLinkImgRight {
	float:left;
	width:100px;
	height:110px;
	margin-left:5px;
	background-color:#669999;
	}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ NEWS PAGE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

ul.newsItems {
	position:relative;
	left:-30px;
	line-height:1.2em;
	list-style-type:none;
	/*border:1px dotted fuchsia;*/
	}
	
ul.newsItems li a, ul.newsItems li a:visited, ul.newsItems li a:active {
	position:relative;
	display:block;
	width:95%;
	color:#004f51;
	font-weight:bold;
	text-decoration:none;
	background-image:url(/images/gif/elipse-bullet-plain-sm.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:25px;
	/*border:1px dotted black;*/
	}
	
ul.newsItems li a:hover, ul.newsItems li a:focus {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}
	
.newsContainer { 
	float:left;
	position:relative;
	left:12px;
	width:535px;
	min-height:50px;
	/*border:1px dotted magenta;*/
	padding-bottom:10px;
	border-bottom:1px solid #004f51;
	margin-bottom:12px;
	}

.newsHead, .contentHead {
	float:left;
	margin-top:7px;
	margin-bottom:10px;
	/*background-color:yellow;*/
	}
.newsDate {
	float:left;
	width:100px;
	padding-top:12px;
	/*background-color:fuchsia;*/
	}
.newsTitle {
	float:right;
	width:428px;
	display:block;
	font-weight:bold;
	color:#004f51;
	font-size:1.1em;
	padding-top:12px;
	/*background-color:aqua;*/
	}

.marginImgWrapper {
	float:left;
	}

.newsImg, .marginImg {
	float:left;
	width:100px;
	margin-top:4px;
	margin-bottom:10px;
	}
.enlarge {
	float:left;
	clear:left;
	margin-top:-8px
	}
	
.newsText, .contentText {
	float:right;
	width:428px;
	line-height:1.3em;
	/*background-color:#CCFFFF;*/
	}
.newsContact, .contentContact {
	float:right;
	width:428px;
	margin-top:5px;
	margin-bottom:3px;
	line-height:1.5em;
	font-style:italic;
	/*background-color:gray;*/
	}
	
.studiesContact {
	display:block;
	float:right;
	width:428px;
	margin-top:5px;
	margin-bottom:3px;
	background-color:#ffffff;
	line-height:1.5em;
	font-style:italic;
	/*white-space:normal;*/
	/*word-wrap:break-word;*/ /* CSS3 & IE7*/
	/*border:1px dotted lime;*/
	}
.studiesContact a, .studiesContact a:visited, .studiesContact a:active  {
	display:block;
	color:#004f51;
	text-decoration:none;
	width:428px;
	/*white-space:normal;*/
	}
.studiesContact a:hover, .studiesContact a:focus  {	
	text-decoration:underline;
	}
	
.newsContact img {
	margin-right:10px;
	}
	
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ UKDRT PAGE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


.logoLinkWrapper {
	position:relative;
	/*border:1px dotted magenta;*/
	}

img.linkArrow { /* IE6 conditional */
	position:absolute;
	bottom:15px;
	right:0;
	}
	
	
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ CREDIT FOOTER  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	
#creditFooter {
	width:100%;
	border-top:1px solid #004f51;
	margin-top:0;
	padding-top:45px;
	/*border:1px dotted cyan;*/
	}
	
#creditFooter a.credit {
	 float:left;
	 color:#000000;
	 text-decoration:none;
	 }
	 
img#pcdsCreditlogo {
	float:left;
	margin-right:10px;
	}
	
#valicons {
	float:right;
	width:180px;
	height:35px;
	/*border:1px dotted red;*/
	}
	
img#xhtml88 {
	float:left;
	width:88px;
	height:31px;
	}
img#css88 {
	float:right;
	width:88px;
	height:31px;
	}
