
.StdQuote {
    background-color:#0D0055;
    color:#FFFFFF;
    font-size:11px;
    line-height:1.3em;
    margin:15px;
    padding:10px;
}
.StdQuote #q1 {
    background:transparent url(./img/s.gif) no-repeat scroll 0% 50%;
    float:left;
    height:13px;
    width:16px;
    margin-right: 5px;
}
.StdQuote #q2 {
    background-image:url(./img/s2.gif);
    background-repeat:no-repeat;
    float:right;
    height:13px;
    width:20px;
}
.StdQuote .text {
    margin:5px;
}

/*
    GENERATE THE QUOTATION MARKS WITHOUT IMG - does not display in ie5
    
    <div class="StdQuote">
        <blockquote>
        	<span class="bqstart">“</span>
        	<b>Some content that is inside the quotes</b>
        	<span> </span>
        	<span class="bqend">”</span>
        </blockquote>	                     
        <div class="mva">
        	<div class="aaa">Head of Resourcing (Global Utilities Supplier)</div>
        </div>
    </div>


    .StdQuote {
        background-color:rgb(13,0,85);
        color:#FFFFFF;
        font-size:11px;
        margin:15px;
        padding: 10px;
    }
    
    blockquote {
    	position: relative;
    	text-indent: 2em;
    	padding: 3px;
    }
    .bqstart,
    .bqend { font-size: 500%; }
    .bqstart {
    	text-indent: 0;
    	margin: -0.6em 0 -2em 0;
    	float: left;
    }
    
    blockquote> .bqstart {
    	position: absolute;
    	top: -0.2em;
    	left: 0;
    	float: none;
    	margin: 0;
    }
    .bqend {
    	position: absolute;
    	margin-top: -0.6em;
    	right: 0;
    	text-indent: 0;
    }
    blockquote> .bqend {
    	margin-top: -0.2em;
    }
    .aaa {
        margin-top:10px;
    }
*/








/* Basic */
    * {
    	margin		: 0;
    	padding		: 0;
    }
    body {
        font        : 12px Arial, Verdana, sans-serif;
        background  : #efefef url(./img/body.gif) top left repeat-x;
        text-align  : center;
    }
    
    img {
    	border		: 0;
    }
    
    #wrapper {
        text-align  : left;
        margin      : 0 auto;
        width       : 950px;
        margin-top  : 9px;
    }
                
    #logo {
        margin      : 0 30px 5px 0;
        width       : 200px;
    }
    #logo img {
        height      : 78px;
        width       : 200px;
    } 
       
    .clear {
    	clear			: both; 
    	height			: 1%;
    }
    
    .clear:after {
    	display			: block; 
    	visibility  	: hidden;
    	content			: ""; 
    	height			: 0; 
    	clear			: both; 
    }





/* Make content div float right and Left */
    .fl {    
    	float			: left;
    	display			: inline;
    	margin		    : 0;	
    }
    
    .fr {    
    	float			: right;
    	display			: inline;
    	margin		    : 0;
    	margin-left	    : 12px; 	
    }

/* Set the sizes of the columns - you should use these in combination = 750px*/
    #w_150 { 
    	width		: 150px; 
    }    
    #w_250 { 
    	width		: 250px; 
    }
    #w_375 { 
    	width		: 375px;
    }
    #w_500 { 
    	width		: 500px; 
    }
    #w_600 { 
    	width		: 600px; 
    }
    #w_750 { 
    	width		: 750px; 
    }


/* Top image, height 238px */
    .img_238{
    	height      : 238px;
    }
    .img_238 h5{	
    	padding-top : 190px;
    }

/* Top image, height 100px */
    .img_100{
    	height      : 100px;
    }
    .img_100 h5{	
    	padding-top : 52px;
    }
/* Top image, height 88px */
    .img_100{
    	height      : 88px;
    }
    .img_100 h5{	
    	padding-top : 52px;
    }

/* Define Standard Fonts */

    h1 {
    	width			: 553px;
    	margin			: 0;
    	padding			: 0;
    	border			: 0;
    	color			: #999999;
    	font-weight		: bold;
    	font-size		: 1.3em;
    	display			: inline;
    }

    h2 {
        margin      : 0;
        padding     : 0;
        font-size   : 3.2em;
    	line-height	: 0.9em;
        color       : rgb(13,0,85);   
    	font-weight	: normal;
    }
    
    h2 span {
        display     : block;
        color       : #999;
    }
    
    h3 {/*Legal onlye*/
    	font-weight		: bold;
    	font-size		: 1.3em;
    	display			: inline;
    	height          : 10px;
    	color			: #999999;
    }    
    h3 b {/*Legal onlye*/
    	font-weight		: bold;
    	font-size		: 1.4em;
    	display			: inline;
    }
    
    h4 {
        color           : rgb(13,0,85);
        font-size       : 1.3em;
        font-weight     : bold;
        margin          : 0 0 0 11px;
        padding         : 10px 0 0 0;
    }
h4  a,
h4  a:link,
h4  a:visited,
h4  a:hover  {
        color           : rgb(13,0,85);
        font-size       : 1.4em;
        font-weight     : bold;
        margin          : 0 0 0 11px;
        padding         : 10px 0 0 0;
text-decoration:none;
    }
    
    h5 {
    	display			: block;
    	padding			: 7px 11px 6px 11px;
    	color			: rgb(13,0,85);
    	font-weight		: normal;
    	font-size		: 28px;
    	margin			: 0;
    } 
       
    h6 {
        color           : rgb(13,0,85);
        font-size       : 1.5em;
        font-weight     : bold;
        margin          : 0 0 0 0;
        padding         : 10px 0 0 0;
    }

    p {
    	/*font-size		: 1.2em;*/
    	line-height		: 1.5em;
    	color			: #333333;
    	margin			: 1em 0 0 11px;
    	padding			: 0;
    }

    .legal{
    	padding-left    : 30px;
    }
    .legal li {	
        /*font-size		: 1.2em;*/
    	color			: #333333;
    	margin			: 2px 0 0 0;
    }


/* MAIN CONTENT */

    #content {
        margin-top      : 0;
        width           : 950px;
    	padding-bottom  : 5px;
    }
    
    #center {
    	width			: 790px;
    }
    
    #main {
    	height			: auto;
    	display			: inline;
    	float			: left;
    	margin			: 0;
    	width			: 790px;
    	padding			: 25px 0 0 0;
    }
    
    #text {
    	margin			: 0 15px 15px 12px;
    }
    
    #text p {
    	/*font-size		: 1.2em;*/
    	line-height		: 1.5em;
    	color			: #333333;
    	margin			: 1em 0 0 0;
    	padding			: 0;
    }

    #text p.bullet{            	
        /*font-size		: 1.2em;*/
        font-weight		: normal;
    	line-height		: 1.5em;
    	color			: #333333;
    	padding			: 0px 0px 0px 15px;
    	margin-left		: 5px;
    	background		: url(./img/small_box.gif) center left no-repeat;
    }


    #text a{
        color			: #333333;
    	text-decoration : underline;
    }
    #text a:hover {
        color           : rgb(13,0,85);
    }
    
    #text ul {
    	/*list-style-type	: none;*/
    	margin-left		: 30px;
		margin-top		: 10px;
    	padding			: 0;
    	/*font-size		: 1.2em;
    	line-height		: 1.2em;*/
    	color			: #333333;
		
    }
    #text ul li {	
    	margin			: 0 0 7px 0;
    	*margin			: 0 0 5px 0; /*IE 6*/
		line-height		: 1.5em;
    }
    #text ul li a {
    	text-decoration	: none;
    }


    

/*
* ######################################################## *

* #################    MENUS   ########################### *

* ######################################################## *
*/

/* TOP LINKS */

    #topmenu {
        width       : 658px;
        padding     : 10px 0 0 0;
        position    : relative;
        z-index     : 1000;
    }
    
    #topmenu li a {
        text-decoration : none;
        display         : block;
        padding         : 0 13px;
        padding-top     : -2px;
    	font-size       : 11px;
        color           : #a1a1a1;
        border-right    : 1px solid rgb(13,0,85);
    }
    
    #topmenu li.last a  {
        border-right    : 0;
    }
            
    #topmenu li a:link,
    #topmenu li a:visited,
    #topmenu li a:active {
        color           : #999;
    }
    
    #topmenu li.current a,
    #topmenu li a:hover {
    	color			: rgb(13,0,85);				
    }
        
    #topmenu ul ul {
    	visibility		: hidden;
        display     	: none; 
        background  	: none;
    }

    #topmenu ul ul li {
        float       : none;
        padding     : 0;
        margin      : 0;
    	background	: none;
    }
        
    #topmenu ul ul a {
        border 		: 0;
    	background	: none;
    }
        
    #topmenu li:hover ul a,
    #topmenu li a:hover ul a {
    	display			: block;
    	height			: 2em;
    	line-height		: 2em;
    	margin			: 0 7px;
    	border-bottom	: 1px #ededed solid;
        background      : #fff;
        font-size       : 11px;
    }
    
    #topmenu ul li li {
        background      : #fff;
        
    }


/* SIDE MENU */
    #sidemenu {
        width       : 155px;
        margin-right: 5px;
    }
    #sidemenu ul {
    	list-style-type	: none;
    	margin			: 0;
    	padding			: 0;
    }
    #sidemenu ul ul {
    	margin-top		: 8px;
    }
    #sidemenu ul a {
    	text-decoration	: none;
    }

/*parent level*/
    #sidemenu ul li {
    	/*font-size		: 1.2em;*/	
    	margin			: 0 0 8px 0;
    	*margin			: 0 0 5px 0; /*IE 6*/
    	*width			: 155px; /*IE 6*/
    }
    #sidemenu ul li a {
    	display			: block;
    	padding			: 4px 0 4px 11px; 
    	background		: rgb(13,0,85);		
    } 
    #sidemenu ul li.current a {
    	font-weight             : bold;	
    }

/*Child Level*/
    #sidemenu ul li li {
    	font-size		: 10px;
    	padding-left    : 10px;
    	margin			: 0 0 5px 0;
    	*margin			: 0 0 2px 0; /*IE 6*/
    	*width			: 145px; /*IE 6*/
    }
    #sidemenu ul li a:link,
    #sidemenu ul li a:visited {
    	color			: #fff;	
    }
    #sidemenu ul li a:hover {
    	color			: #999999;
    }
    #sidemenu ul li li a {
    	background		: url(./img/small_box.gif) center left no-repeat;
    	margin			: 0;
    	padding			: 0 0 0 11px;
    }

    #sidemenu ul ul li a {
        color           : #999999 !important; /*!important overides #sidemenu ul li a:... colours*/
    }
    #sidemenu ul ul li a:hover {
        color           : rgb(13,0,85) !important;
    }
        


/* SIDE MENU */
    #sidemenu2 {
        width       : 155px;
        margin-right: 5px;
    }
    #sidemenu2 ul {
    	list-style-type	: none;
    	margin			: 0;
    	padding			: 0;
    }
    #sidemenu2 ul ul {
    	margin-top		: 8px;
    }
    #sidemenu2 ul a {
    	text-decoration	: none;
    }

/*parent level*/
    #sidemenu2 ul li {
    	/*font-size		: 1.2em;*/	
    	margin			: 0 0 8px 0;
    	*margin			: 0 0 5px 0; /*IE 6*/
    	*width			: 155px; /*IE 6*/
    }
    #sidemenu2 ul li a {
    	display			: block;
    	padding			: 4px 0 4px 11px; 
    	border: 2px solid rgb(13,0,85);		
    } 
    #sidemenu2 ul li.current a {
    	font-weight             : bold;	
    }

/*Child Level*/
    #sidemenu2 ul li li {
    	font-size		: 12px;
    	padding-left    : 10px;
    	margin			: 0 0 5px 0;
    	*margin			: 0 0 2px 0; /*IE 6*/
    	*width			: 145px; /*IE 6*/
    }
    #sidemenu2 ul li a:link,
    #sidemenu2 ul li a:visited {
    	color			: rgb(13,0,85);	
    }
    #sidemenu2 ul li a:hover {
    	color			: #fff;
background: rgb(13,0,85);	
    }
    #sidemenu2 ul li li a,
#sidemenu2 ul ul li a:hover {
    	background		: url(./img/small_box.gif) center left no-repeat;
    	margin			: 0;
    	padding			: 0 0 0 11px;
border:0px;
    }

    #sidemenu2 ul ul li a {
        color           : #999999 !important; /*!important overides #sidemenu2 ul li a:... colours*/
    }
    #sidemenu2 ul ul li a:hover {
        color           : rgb(13,0,85) !important;

    }




/*HEADER MENU NOT USED - MAYBE IN THE FUTURE
    #mainmenu {            
        float           : left;
        display         : inline;
        margin-top      : -25px;
        margin-bottom   : -5px;
        margin-left     : 145px;
        width           : 800px;
        position        : relative;
        z-index         : 1000;
		height			: 41px;
    }
    #menu {
        padding-left    : 90px;
        height          : 40px;
        background      : url(./img/mainmenu.jpg) top center repeat-x; 
    }
    #menu ul {		
		visibility	   : hidden;
        display        : none;
		background	   : none; 
		z-index		   : 10;
    }
    #menu li a {
        display         : block;
        line-height     : 40px;
        text-decoration : none;
        font-size       : 1.4em;
        font-weight     : bold;
        color           : #666666;
        padding-right   : 25px;
        padding-left    : 25px;
        z-index         : 15;
    }
    #menu li a:link,
    #menu li a:visited {
        color           : #666;
    }
	#menu li a:hover {
		color			: rgb(13,0,85);
		background		: #fff;
	}
    
*/
	   
/*FOOTER*/

    #footer {
    	border-top		: 1px #cdcdcd solid;
    	padding-top		: 8px;
    	margin-top		: 40px;
    	margin-bottom	: 8px;
    }
    
    #footer ul {
    	margin-left		: 2px;
    	margin-top		: 2px;
    }
    
    
    #footer a {
    	text-decoration	: none;
    	padding			: 0 12px;
    	color			: #999;
    	font-size		: 11px;
    	overflow		: hidden;
    	display			: block;
    	margin-top		: -2px;
    }
    
    #footer a:link,
    #footer a:visited,
    #footer a:active {
    	color			: #999;		
    }
    
    #footer a:hover {
    	color			: rgb(13,0,85);
    }
    
    #footer li {
    	float			: left;
    	display			: inline;
    	height			: 11px;
    	border-right	: 1px rgb(13,0,85) solid;
    }
    
    #footer li.last {
    	border			: 0;
    }
    
    
    #footer li.current a,
    #footer li.current a:link,
    #footer li.current a:visited,
    #footer li.current a:hover,
    #footer li.current a:active {
    	color			: rgb(13,0,85);
    }
    
    #footer strong {
    	font-weight		: normal;
    	font-size		: 11px;
    	color			: #999;
    }
	
