/*-------------------------------------------------------------------------
 Name:    stylesheet.css  
 -----------------------------------------------------------------------  
 (c)Copyright 2006-2007 Derventio Solutions Ltd. All rights reserved.    
-------------------------------------------------------------------------
TABLE OF CONTENTS 
DOCUMENT 
HEADER  
CONTENT
FOOTER 
DOCUMENT */

html 
{
    height: 100%;
}

body
{
    text-align: center;
    font-family: 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    font-weight: normal;
    color: #666;
    margin: 0px 0px 0px 0px;
    background-image: url(images/bg/blue-striped.gif);
    background-repeat: repeat;
    background-color: #313131;
}

h2
{
    font-size: 1.0em;
    font-style: italic;
    font-weight: normal;
}

h6
{
    font-size: 1.5em;
    font-style: italic;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

a:link,
a:visited
{
    color: #2a6390;
    text-decoration: none;
}

a:hover
{
    color: #2a6390;
    text-decoration: underline;
}

/* HEADER */

#header
{
	width: 798px;
	margin-right:0px;
	background-color: white;
}

* html .images
{
    border: solid 5px white;
}

* html #header
{
    height: 100%;
    width: 750px;
}

#contactdetails
{
    display: inline;
    float: right;
    font-size: 1.2em;
}

* html #contactdetails
{
    padding-right: 0px;
    margin-right: -50px;
}

#contactdetails ul
{
    list-style: none;
    text-align: right;
    padding: 0px 10px 0px 0px;
}

#contactdetails ul li em
{
    font-weight: bold;
    font-style: normal;
    color: #084263;
}

#contactdetails a:link,
#contactdetails a:visited
{
    color:#296194;
    text-decoration: none;
}

#contactdetails a:hover
{
    text-decoration: underline;
}

#linkbar
{
    width: 780px;
    margin: 0px 20px 0 0px;
    background-color: #0b4461;
    color: #d3d3d3;
    text-align: right;
    padding: 3px 10px 7px;
    font-size: 0.9em;
}

* html #linkbar
{
    width: 799px;
    margin-right: 0px;
}

#logo   
{
    display: inline;
    float: left;
    padding: 10px 0px 5px 10px;
    width: 250px;
    border: solid 0px #fff;
}

#logo a:link img, #logo a:visited img 
{ 
    border-style: none; 
}

#overviewanim
{
    float: left;
	width: 800px;
	background-color: #fff;
	border-right: solid 0px #0b4461;
	border-bottom: solid 0px #0b4461;
	background-image: url(images/splash-image.jpg);
	height: 100px;
}

* html #overviewanim
{
    width: 799px;
}

#overviewanim h1
{
    color: white;   
    padding: 10px 0px 0px 10px;
}

#overviewanim p
{
    color: white;
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
    margin-top: -20px;
    padding: 0px 0px 10px 10px;
}

/* END HEADER */
/* CONTENT */

#frame
{
    position: relative;
    width: 800px;
    margin: 0 auto;
    text-align: left;
    background-color:White ; 
	font-size: 1.2em;
	height: 100%;
	border: solid 1px black;
}

* html #frame
{
    height: auto;
    width: 45%;
    
}

#form
{
    background-color: #edf0f3;
    width: 100px;
    height: 100%
}

.bodyarea
{
    background-color: white;
	width:100%;	
	padding: 4px 0px 4px 0px;
	margin-left: 0em;
	margin-bottom: 10px;
	height: auto;
}

* html .bodyarea
{
    margin-left: -10px;
}

#content
{
    width: 798px;
    margin-right: 20px;
    font-size: 1.2em;
}

* html #content 
{
    margin-right: 0px;
}

.nobreak
{
    white-space: nowrap;
}

.article
{
    background-color: #000;
}

.text
{
    width: 400px;
}

.uploadtxt
{
    width: 350px;
}

#StatusLabel
{
  margin-left: 50%;   
}

* html #StatusLabel1
{
    text-align: center;
}

#home
{
    margin-left: 100px;
    padding-right: 20px;
}

.articlered
{
    background-color: red;
    border: dotted 2px #f0d8ce;
}

.articleblue
{
    background-color: #edf0f3;
    border: dotted 2px #d5dce3;
}

.articleyellow
{
    background-color: #fcfbf5;
    border: dotted 2px #ebe3ba;
}

.articlered,
.articleblue,
.articleyellow,
.article
{
    position: relative;
    width: 228px;
    padding: 0px 10px 0px 10px;
    margin: 10px 0px 10px 10px;
    float: left;
    text-align: justify;
    color: #0b4461;
    height: 100%;
}

.articleblueform
{
    position: relative;
    background-color: #edf0f3;
    border: dotted 2px #d5dce3;
    width: 94%;
    padding: 10px 10px 10px 10px;
    margin: 10px 0px 10px 13px;
    float: left;
    text-align: justify;
    color: #0b4461;
    height: 100%;
}

* html .articleblue,
* html .articleyellow,
* html .article
{
    width: 251px;
    padding-top: 5px;
    padding-bottom: 5px;
    
}

.articlerow 
{
    margin: 0px 0px 0px 0px;
}

/** html .articlerow
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
     
}*/


* html .articleblueform
{
    width: 96%;
}

.articleblue em,
.articleblueform em,
.articleyellow em,
.articlered em,
.article em
{
    font-style: normal;
    font-weight: bold;
}

.articleblue h1,
.articleblueform h1,
.articleyellow h1,
.articlered h1,
.article h1
{
    margin-bottom: 90px;
    font-size: 1.4em;
}

.articleblue p,
.articleblueform p,
.articleyellow p,
.articlered p,
.article p
{
    position: relative;
}

.articleblue li,
.articleblueform li,
.articleyellow li,
.articlered li,
.article li
{
    list-style: square;
    margin-left: -20px;  
}

div.shadow img /* Article images with dropshadow */
{	
  padding: 5px 5px 9px 5px;
  margin: 0px 0px -4px 0px;
  background: white url(images/shad_bottom.png) repeat-x bottom left;
}

* html div.shadow img
{
    margin-bottom: 0px;
    border:solid 5px white;
}

div.shadow 
{
    position: absolute;
    background: #b4afa3;
    padding: 0 1px;
    border-left: 1px solid #dcd7c8;
    border-right: 1px solid #dcd7c8;
    margin: -80px 0px 0px 0px;
}

.shadow a:link img, .shadow a:visited img 
{ 
    border-style: none; 
}

div.bottomleft 
{
    width: 4px;
    height: 4px;
    background: url(images/shad_blcorner.png) no-repeat bottom left;
    position: absolute;
    bottom: 0px;
    left: -1px;
}

div.bottomright 
{
    width: 4px;
    height: 4px;
    background: url(images/shad_brcorner.png) no-repeat bottom right;
    position: absolute;
    bottom: 0px;
    right: -1px;
}

div.topleft 
{
    width: 2px;
    height: 4px;
    background: url(images/shad_tlcorner.png) no-repeat top left;
    position: absolute;
    top: 0px;
    left: -1px;
}

div.topright 
{
    width: 2px;
    height: 4px;
    background: url(images/shad_trcorner.png) no-repeat top right;
    position: absolute;
    top: 0px;
    right: -1px;
}

.leftadvert,
.rightadvert /* NOTE: Solutions pages paragraph blocks. */
{
    display: inline;
    float: left;
    margin: 10px auto;
    width: 775px;
    height: auto;
    padding-top:10px;
    
}

.leftadvert
{    
    background-color:#f5f8fc;
    border: dotted 2px #d2e0f2;
}

.rightadvert
{
    background-color:#fcfbf5;
    border: dotted 2px #ebe3ba;
}

* html .leftadvert h3
{
    margin-right: 0.8em;
   
}

* html .rightadvert h3
{
    margin-right: 5px; 
}

.leftadvert h1,
.rightadvert h1 
{
    font-size: 1.2em;
    font-weight: bold; 
    padding: 0em 0em 0em 0.9em;
    color: #2a6390; 
}

.leftadvert h2,
.rightadvert h2
{
    font-size: 1.0em;
    font-weight: normal;
    font-style: normal; 
    padding: 0em 0em 0em 1em;
    margin-top: -10px;
    color: #2a6390; 
}

.leftadvert h3,
.rightadvert h3 /* NOTE: Standard image replacement. */
{
    width: 132px;
    height: 114px;
    text-indent: -8008px;
    padding-left: 1.0em;
}

.leftadvert h3
{
    float: left;
}

.rightadvert h3
{
    float: right;
    padding-left: 0.0em;
    margin-left: 1.0em;
}

.rightadvert p
{
    padding: 0px 10px 0px 0px;
}
 
.leftadvert p
{
    margin-top: 0.0em;
    padding-left: 1.0em;
    padding-right: 1.0em;
    text-align: justify;
}

.rightadvert p
{
    margin-top: 0.0em;
    padding-left: 1.0em;
    text-align: justify;
}

.leftadvert em,
.rightadvert em
{
    font-style: normal;
    font-weight: bold;
}

.rightadvert a,
.leftadvert a
{
    text-decoration: underline;
}

#stuartreece h3{ background: transparent url(images/garytheobald.jpg) no-repeat 1.0em 0em; }
#ianparkin h3{ background: transparent url(images/ianparkin.jpg) no-repeat 0em 1.0em; height:130px;}
#garytheobald h3 { background: transparent url(images/garytheobald.jpg) no-repeat 1.0em 0em; }
#damienroberts h3{ background: transparent url(images/garytheobald.jpg) no-repeat 0em 1.0em; }

#bespoke h3 { background: transparent url(images/bespokedevelopment.gif) no-repeat 0.0em 0em; margin: 0px 0px 0px 10px;}
#ecommerce h3 { background: transparent url(images/ecommerce2.gif) no-repeat 0.0em 0em; height:130px;}
#esourcing h3 { background: transparent url(images/portal.gif) no-repeat 0.0em 0em; margin: 0px 0px 0px 10px;}
#itnetworking h3 { background: transparent url(images/itnetworking.gif) no-repeat 0.0em 0em; margin: 0px 0px 0px 10px;}
#tns h3 { background: transparent url(images/tns.gif) no-repeat 0.0em 0em; margin: 0px 0px 0px 10px;}

#shirelandca h3 { background: transparent url(images/shirelandca.gif) no-repeat 0.0em 0em; margin: 0px 0px 0px 10px;}
#intendltd h3 { background: transparent url(images/intendltd2.gif) no-repeat 0.0em 0em; margin: 0px 0px 0px 10px;}
#tamworthbc h3 { background: transparent url(images/tamworthbc.gif) no-repeat 0.0em 0em; margin: 0px 0px 0px 10px;}
#birminghamuni h3 { background: transparent url(images/birminghamuni.gif) no-repeat 0.0em 0em; margin: 0px 0px 0px 10px;}
#readinguni h3 { background: transparent url(images/readinguni.gif) no-repeat 0.0em 0em; margin: 0px 0px 0px 10px;}

#product_ilp h3 { background: transparent url(images/product_ilp.gif) no-repeat 0.0em 0em; margin: 0px 0px 0px 10px;}
#product_sef h3 { background: transparent url(images/product_sef.gif) no-repeat 0.0em 0em; margin: 0px 0px 0px 10px;}
#product_sdp h3 { background: transparent url(images/product_sdp.gif) no-repeat 0.0em 0em; margin: 0px 0px 0px 10px;}
#product_spm h3 { background: transparent url(images/product_spm.gif) no-repeat 0.0em 0em; margin: 0px 0px 0px 10px;}
#sharepoint h3 { background: transparent url(images/SharePoint.gif) no-repeat 0.0em 0em; }
#design h3 { background: transparent url(images/webdesign2.gif) no-repeat 0.0em 0em; margin: 0px 0px 10px 10px;}

#partner_dtp h3 { background: transparent url(images/DTPublications.gif) no-repeat .0em 0; margin: 0px 0px 0px 10px; }
#partner_nexala h3 { background: transparent url(images/nexala.gif) no-repeat 0.0em 0; margin: 10px 0px 0px 10px; }
#partner_intend h3 { background: transparent url(images/in-tendlogo.gif) no-repeat 0.0em 0; margin: 0px 0px 0px 10px; }
#partner_griffin h3 { background: transparent url(images/griffinLogo.gif) no-repeat 0.0em 0; }
#partner_siemens h3 { background: transparent url(images/siemens-logo.gif) no-repeat 0.0em 0; margin: 0px 0px 0px 10px;}
#partner_shirelands h3 { background: transparent url(images/shirelandsLogo.gif) no-repeat 0.0em 0; }

#browser_ie h3 { background: transparent url(images/ie.gif) no-repeat 1.0em 0; }
#browser_ie6 h3 { background: transparent url(images/ie6.gif) no-repeat 0.0em 0; }
#browser_netscape h3 { background: transparent url(images/netscape.gif) no-repeat 1.0em 0; }
#browser_firefox h3 { background: transparent url(images/firefox.gif) no-repeat 0.0em 0; }
#browser_opera h3 { background: transparent url(images/opera.gif) no-repeat 0.0em 0; }
#browser_safari h3 { background: transparent url(images/safari.gif) no-repeat 0.0em 0; }

#source_safe h3 { background: transparent url(images/sourcesafe.gif) no-repeat 1.0em 0; }
#source_CVS h3 { background: transparent url(images/cvs.gif) no-repeat 0.0em 0; }
#source_CVSNT h3 { background: transparent url(images/cvsnt.gif) no-repeat 1.0em 0; }
#source_perforce h3 { background: transparent url(images/perform.gif) no-repeat 0.0em 0; }
#source_vault h3 { background: transparent url(images/vault.gif) no-repeat 1.0em 0; }

#language_aspnet h3 { background: transparent url(images/asp.gif) no-repeat 1.0em 0; }
#language_Cpluss h3 { background: transparent url(images/cpluss.gif) no-repeat 0.0em 0; }
#language_Csharp h3 { background: transparent url(images/csharp.gif) no-repeat 1.0em 0; }
#language_css h3 { background: transparent url(images/css.gif) no-repeat 0.0em 0; }
#language_java h3 { background: transparent url(images/java.gif) no-repeat 1.0em 0; }
#language_javascript h3 { background: transparent url(images/javascript.gif) no-repeat 0.0em 0; }
#language_oricle h3 { background: transparent url(images/oricle.gif) no-repeat 1.0em 0; }
#language_perl h3 { background: transparent url(images/perl.gif) no-repeat 0.0em 0; }
#language_sql h3 { background: transparent url(images/sql.gif) no-repeat 1.0em 0; }
#language_xhtml h3 { background: transparent url(images/xhtml1.gif) no-repeat 0.0em 0; }
#language_xml h3 { background: transparent url(images/xml.gif) no-repeat 1.0em 0; }



* html #esourcing h3,
* html #design h3,
* html #partner_dtp h3,
* html #partner_intend h3,
* html #partner_siemens h3,
* html #product_ilp h3,
* html #product_sef h3,
* html #product_sdp h3,
* html #product_spm h3
{
    margin-right: 10px;
    display: inline;
}

.newsstrapline
{
	position:relative;
	background-color: #E3E3E3;
	border: dotted 2px #C0C0C0;
	float: left;
	width: 753px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 0px;
    margin-left: 10px;
    margin-top: 10px;
	margin-right: 10px;
	font-size: 100%;
    line-height: normal;
    text-align: right;
    vertical-align: middle; 
    color: Black;
}


* html .newsstrapline
{
    width: 778px;
    margin-right: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
}


.Quotestrapline
{
	position:relative;
	background-color: #E3E3E3;
	border: dotted 2px #C0C0C0;
	padding:10px 10px 10px 10px;
	float: left;
	width: 752px;
    margin-left: 10px;
    margin-top: 10px;
	
	font-size: 100%;
    line-height: normal;
    cursor:pointer;
    text-align: right;
    vertical-align: middle; 
    color: Black;
}

.Quotestrapline a:link,
.Quotestrapline a:visited
{
    color:black;
}


* html .Quotestrapline
{
    width: 770px;
    margin-left: 10px;
}

#tabs 
{
    background-color: #fff;
    float: left;
    width: 799px;
    font-size: 93%;
    line-height: normal;
    cursor:pointer;
}

#tabs ul 
{
    margin: 0px;
    padding: 0px 0px 0px 10px;
    list-style: none;
}

#tabs li 
{
    display: inline;
    margin: 0px;
    padding: 0px;
}

#tabs a 
{
    float: left;
    background: url("images/bluetableft.gif") no-repeat left top;
    margin: 0px;
    padding: 0px 0px 0px 4px;
    text-decoration: none;
}


#tabs .intendtab 
{
    float: left;
    background: url("images/orangetableft.gif") no-repeat left top;
    margin: 0px;
    padding: 0px 0px 0px 4px;
    text-decoration: none;
}

#tabs .schooliptab 
{
    float: left;
    background: url("images/orangetableft.gif") no-repeat left top;
    margin: 0px;
    padding: 0px 0px 0px 4px;
    text-decoration: none;
}

#tabs .educationtab 
{
    float: left;
    background: url("images/educationtableft.gif") no-repeat left top;
    margin: 0px;
    padding: 0px 0px 0px 4px;
    text-decoration: none;
}

#tabs a span 
{
    float: left;
    display: block;
    background: url("images/bluetabright1.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: white;
}

#tabs .intendtab span 
{
    float: left;
    display: block;
    background: url("images/orangetabright1.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: white;
}

#tabs .schooliptab span 
{
    float: left;
    display: block;
    background: url("images/orangetabright1.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: white;
}
  
#tabs .educationtab span 
{
    float: left;
    display: block;
    background: url("images/educationtabright.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: white;
}

#tabs a:hover span 
{
    color: white;
    background-position: 100% -42px;
}

#tabs a:hover 
{
    background-position: 0% -42px;
    cursor: pointer;
}
  
#tabs img 
{ 
    border: none;
} 

* html a.button, 
* html a.buttonDis 
{
    display: block;
    background-color: Transparent;
    background-image: url(images/bluecustombutton.jpg);
    background-repeat: no-repeat;
    width: 132px;
    height: 28px;
    padding: 5px 0 0 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    color: #FF890B;
    vertical-align: middle;   
}

* html .button1:link,
* html a.button:link
{
    /*margin-left: 20%;*/
    text-align: center;
    height:28px;
}

a.button, 
a.buttonDis,
a.bigbutton, 
a.bigbuttonDis
{
    display: block;
    background-color: Transparent;
    background-image: url(images/bluecustombutton.jpg);
    background-repeat: no-repeat;
    width: 132px;
    height: 23px;
    margin: 5px auto;    
    padding: 5px 0 0 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    color: #FF890B;
    vertical-align: middle;   
}

a.bigbutton, 
a.bigbuttonDis 
{
    background-image: url(images/bluebigbuttonbackground.gif);
    height: 35px;
}

* html a.bigbutton, 
* html a.bigbuttonDis
{
    height:40px;
    margin-top:-10px;

} 

* html a.bigbutton:link
{
    margin-left: 20%;
    text-align: center;
    height:40px;
}

a.button:link, 
a.bigbutton:link,
a.bigbutton:visited,
a.button:visited
{
    color: white;
}

* html a.button:visited,
* html  .button1:visited
{
    text-decoration: none;
}

a.button:hover, 
a.button:active
{
    background-position: 0 -28px;
}

a.bigbutton:hover,
a.bigbutton:active
{
   background-position: 0 -40px;
   text-decoration: none;
}

.pullquote 
{
	margin: 0px;
	background: url("images/closequote3.gif") no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding: 0px 5px 5px 0px;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	color: blue;
}

.pullquote p
{
	background: url("images/openquote3.gif") no-repeat left top; 
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	text-align: justify;
}

.quotefooter ul li
{
    list-style: none;
    text-align: right;
}

.readmore
{ 
	text-align: right; 
	background: url(images/readmore.jpg) no-repeat 0 50%;
	padding: 8px 24px;
}

.normalreadmore
{
	text-align: right;
}

.normal
{
    text-align: center;
    padding-bottom:5px;
    margin-left:5px;
}

* html .normal
{
    margin-left: 0px;
}

.normalbig
{
    text-align: center;
    padding-bottom:5px;
    margin-left: 30px;
    margin-top: -5px;
}

* html .normalbig
{
    margin-top:10px;
    margin-left: -47px;
}

.normalbighome
{
    text-align: center;
    padding-bottom:5px;
    margin-left: 50px;
    margin-top: -5px;
}

* html .normalbighome
{
    margin-top:10px;
    margin-left: 0px;
}

#feedbackpaneleft
{
    float:left;
	width:40%;
	height:410px;
	padding: 10px;
	text-align:right;
}

#feedbackpaneright
{
    float:left;
	width:50%;
	height:410px;
	padding: 10px;
}

#feedbacksubmitbutton
{
    text-align:center;
}

#summarypane
{
	width: 97%;
	margin: 0px 10px -10px 10px;
    background-color: white;
    height: auto;
}

* html #summarypane
{
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 10px;
    width: 100%;
}

.feedbacknormal
{ 
    height:20px;
    padding-bottom:10px; 
}

#agencies
{
   background-color: #fcf7f5;
   border: dotted 2px #f0d8ce;
}

#footer
{
    width: 780px;
    margin-right: 20px;
    background-color: #0b4461;
    color: #d3d3d3;
    text-align: right;
    padding: 6px 10px 1px;
    font-size: 0.9em;
    line-height: 1.5em;
    bottom: 0px;
    position: relative;
    clear: both;
    height: 50px;
}

* html #footer
{
    width: 799px;
    margin-right: 0px;
    margin-top: 0px;
}

#footer ul
{
    list-style: none;
}

#wcag
{
    float: left;
    margin: 10px 3px 0px 3px;
    border: 0;
}

#wcag a img
{
    border: none;
}

#footercopyright
{
    float: right;
}

#linkbar a:link,
#footer a:link
{
    color: white;
    text-decoration: none;
}

#linkbar a:visited,
#footer a:visited
{
    color: white;
    text-decoration: none;
}

#linkbar a:hover,
#footer a:hover
{
    color: #DCE30D;
    text-decoration: underline;
}

#newslist
{
    text-align: left;
    font-weight: bold;
}

#rssimage
{
    vertical-align: middle;
}

* html #rssimage
{
   vertical-align: middle;
   padding-left: 10px;
}

.cssbutton
{
    height: 28px;
    width:132px;
    background-image: url("images/bluecustombutton.jpg");
    background-repeat: no-repeat;
    color:White;
    background-color: White;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    border: 0;    
    margin-left: 5px;
    text-align: center; 
}

* html .cssbutton
{
    height:28px;
    width:132px;
}

.cssbutton:hover, 
.cssbutton:active
{
    background-position: 0 -28px;
    color: white;
}

.cssbutton:link, 
.cssbutton:visited
{
    color: white;
}

* html .cssbutton:visited
{
    text-decoration: none;
}

* html .cssbutton:hover, 
* html .cssbutton:active
{
    background-position: 0 -28px;
    color: black;
}

.css1button
{
    height: 28px;
    width:132px;
    background-image: url("images/custombutton.jpg");
    background-repeat: no-repeat;
    color:White;
    background-color: White;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    border: 0;    
    margin-left: 150px;
    text-align: center; 
}

* html .css1button
{
    height:28px;
    width:132px;
    margin-left: 160px;
}

.css1button:hover, 
.css1button:active
{
    background-position: 0 -28px;
    color: white;
}

.css1button:link, 
.css1button:visited
{
    color: white;
}

* html .css1button:visited
{
    text-decoration: none;
}

* html .css1button:hover, 
* html .css1button:active
{
    background-position: 0 -28px;
    color: black;
}

.newslink:hover,
.newslink:active
{
    text-decoration: none;
    color: #0b4461;
}

#left
{
    text-align: left;
    width:300px;
    float: left;
}


#newsstraplineright
{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 250px;
}

* html #newsstraplineright
{
    float: right;
    position: absolute;
}

* html #left
{
    left:10px;
    top: 10px;  
    float: left;
    
}


.devleftadvert
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 775px;
    display: inline;
    float: left;
    height: 400px;
    background-color:#f5f8fc;
    border: dotted 2px #d2e0f2;
   /* margin-top: 220px;*/
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px; 
    padding-top: 10px;
}

.bulletlist li
{
   list-style: none;
   border:0; 
   padding-top:5px;
   text-align: left;
}

.bulletimage
{
    border:0;
    margin-right:5px;
}

#testimonialimage
{
	float: left;
	border: dotted 0px red;
	margin: 0px 0px 0px 10px;
}

#testimonialtext
{
	float: right;
	border: dotted 0px green;
	width: 630px;
}

#testimonialimageright
{
	float: right;
	border: dotted 0px red;
	margin: 0px 10px 0px 0px;
}

#testimonialtextleft
{
	float: left;
	border: dotted 0px green;
	width: 630px;
}