/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

author:    mark pollak
email:     mark@clifton-media.co.uk
 
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}




/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}


/* Class for clearing floats */
.clear {
	clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;

}

.spacer2 {
	MARGIN-TOP: -0.5em; PADDING-LEFT: 0px; BACKGROUND: url(../imgs/spacer2.gif) no-repeat center 50%; MARGIN-BOTTOM: 0.5em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
/* =General
-----------------------------------------------------------------------------*/

.resourceslist{
	list-style-type: none;
	margin-top: 0px;
	margin-left: 40px;
	margin-bottom: 10px;
	padding: 10px;
	 font-size: 90%;
	
}



.resourceslist li a:link{
padding-left:17px;
 padding-bottom: 10px;
 line-height: 1em;
display:block;
font-weight: normal;
BACKGROUND: url(../images/interface/pdfbullet.gif) no-repeat left 6px; 
 
  
}

.resourceslist li a:active{
color:#000000;
}
.resourceslist li a:hover{

color:#000000;
border-bottom:none;
 


 
}


.resourceslist li a:visited{
	padding-left:17px;
 padding-bottom: 10px;
 line-height: 1em;
display:block;
font-weight: normal;
/*text-decoration:line-through;*/
color:#999999;
BACKGROUND: url(../images/interface/tickpdfbullet.gif) no-repeat left 6px; 
 
}

/* Remove border around linked images */
img {
	border: 0;
}


body {
	margin: 10px 0 0 0;
 font: 62.5%/1.6 "Trebuchet MS",  Verdana, Tahoma, sans-serif;
	 
 /* BACKGROUND: url(../images/graphics/interface/body-bg.gif) no-repeat center 2px; 
font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;*/
	line-height: 1.5em;
	color: #666666;
		font-size: 0.9em;
	}

#pagecontainer {
	MARGIN: auto;
	WIDTH: 980px;
	border: 1px solid #F3F3F3;
	background-image: url(../images/interface/dcs-background.jpg);
	background-repeat: no-repeat;
	position: relative;
		
}
.announcement {
	background: url(../imgs/graphics/phoneannouncement.gif) left center no-repeat #FFFECC;
	border: 1px solid #FAEBB1;
	margin: 20px;
	margin-bottom: 20px;
	color:#d57d00;
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-topleft:20px;
	-webkit-border-top-left-radius:20px;
	padding: 8px 8px 8px 10px;
}

.announcement a {
	color:#333333;
}

.announcement a:visited {
	color:#bd7945;
}

.announcement a:hover {
	background:#d57d00;
	color:#000;
	text-decoration:none;
}

#breadcrumb{
	
	font-size: 0.8em;
	padding-right: 20px;

}

.breadcrumbparagraph{
text-align:right;
padding-top: 10px;
font-family: Arial, Helvetica,  "Trebuchet MS", Verdana, sans-serif;
/*
padding-left: 70px;
background: url(../images/interface/whereami.gif) no-repeat left center;*/

}


ul.stylelist, ul.tick{
	list-style-type: none;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
	padding: 10px;
 
	padding-left: 0px;
	
}


ul.tick{
	margin-left: 40px;
}

.stylelist li, .tick li{
	
padding-left:19px;


 margin-bottom: 5px;
line-height: 1.4em;
padding-top: 5px;
padding-bottom: 5px;
}

 .stylelist li{
	background:  url(../images/interface/bullet-doubleorange.gif); 
	background-position:left top;
background-repeat: no-repeat;
color: #000;
 font-size: 120%;

 }
.tick li{
padding-left: 35px;
background:  url(../images/interface/tick.gif);	
background-position:left top;
background-repeat: no-repeat;
color: #000;
 font-size: 120%;
 
}
#header{
	background-image: url(../images/interfaceelement/myworkexperience-header.gif);
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
	padding:3px 0px 8px 8px;
	text-align:right;
	background-repeat: no-repeat;
}




#header ul {
	padding:0px 0px 0px 0px;
	margin: 0px;
}
#header li {
	display: inline;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:0px 5px 0px 5px;
	font-size: 0.8em;
	font-weight: bold;
	color: #194683;
	margin-left: 0px;
	border-style:dashed;
	border-color:#CCCCCC;
	border-width:0px 1px 0px 0px;
}
#header a {
	text-decoration: none;
	border-bottom:0px;
}
#header a:hover {
	text-decoration: underline;
	color: #666666;
}
#maincontent{
	position:absolute;
	top: 11em;
}

#utilitiesNav {
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 300px;
	MARGIN-RIGHT: 5px;
	
}


/* =Typography
-----------------------------------------------------------------------------*/

.featuredtitle{
color:#666666;
font-size: 110%;
margin-top: 4px;
}


/* =Headings
-----------------------------------------------------------------------------*/

.callyouback, .dcsnews, .subscribenewsletter, .featuredcasestudy{
padding-left: 40px;
padding-top: 15px;

}
.callyouback{
padding-top: 0px;
}
.leftcallyouback, .leftdcsnews, .leftsubscribenewsletter, .leftfeaturedcasestudy{
padding-left: 40px;
margin-bottom: 35px;


}

.callyouback {
background: url(../images/graphics/wellcallyoubacktitle.gif) no-repeat left center;
}
.dcsnews {
background: url(../images/graphics/dcs-news-title.gif) no-repeat left center;
}
.subscribenewsletter {
background: url(../images/graphics/subscribe-title.gif) no-repeat left center;
}
.featuredcasestudy {
background: url(../images/graphics/case-study-title.gif) no-repeat left center;
}

.leftcallyouback{
background: url(../images/graphics/leftwellcallyoubacktitle.gif) no-repeat left center;
}
.leftdcsnews{
background: url(../images/graphics/leftdcs-news-title.gif) no-repeat left center;
}
.leftsubscribenewsletter{
background: url(../images/graphics/leftsubscribe-title.gif) no-repeat left center;
}
.leftfeaturedcasestudy{
background: url(../images/graphics/leftcase-study-title.gif) no-repeat left center;
}


/* =Links
-----------------------------------------------------------------------------*/

.morelink{
background: url(../images/interface/morelink.gif) no-repeat right center;
padding-right: 19px;
font-size: 0.8em;

}


/* =Branding
-----------------------------------------------------------------------------*/
#logo{
	position: absolute;
	top: 25px; /* 30 pixels from the top of the page */
	left: 25px; /* 80 pixels from the left hand side */
	width: 150px; /* Always set a width for absolute positioned block level elements, such as divs */
	margin: 0;
	padding: 0;
}

#searchquery {
width: 200px;
}
#searchbuttontopform, #callyoubackform{
position: relative;
top: 6px;
padding-left: 10px;
}





#topimage{
clear: both;
padding-top: 3px;
display:block;
}

#topimage a:hover {
border-bottom: none;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#mainNav{
	
	
}

#mainNav ul{
	margin: 0;
	margin-left: 0px;
	margin-top: 20px;
	padding: 0;
	list-style:none;
	width: 100%;
	float:left;
	background:  #408BCC url(../images/interface/mainNavBg.jpg) repeat-x;

}
#mainNav ul li{
float: left;
padding-top: 1px;
padding-bottom: 1px;
letter-spacing: 1px;
}
#mainNav ul a{
display: block;
float:left;
padding: 0 1.5em;
line-height:2em;
line-height:32px;
background:   url(../images/interface/navdivider.gif) no-repeat left center;


text-decoration:none;
color: #fff;
}

#mainNav ul .home a{
background:none;
}

/* Put this back in when the team is uncommented from mainnav - i.e. delete the style below
-----------------------------------------------------------------------------*/
#home #mainNav ul .about-dcs a,
#about-dcs #mainNav ul .services a, 
#services #mainNav ul .team a, 
#team #mainNav ul .contact a, 
#contact #mainNav ul .resources a, 
#resources #mainNav ul .case-studies a, 
#case-studies #mainNav ul .xxxxxxxxxxxxx a  {
background:none;

}

#home #mainNav ul .about-dcs a,
#about-dcs #mainNav ul .services a, 
#services #mainNav ul .contact a,  
#contact #mainNav ul .resources a, 
#resources #mainNav ul .news a, 
#news #mainNav ul .case-studies a, 
#case-studies #mainNav ul .xxxxxxxxxxxxx a  {
background:none;

}

#home #mainNav .home a, 
#about-dcs #mainNav .about-dcs a, 
#services #mainNav .services a, 
#team #mainNav .team a, 
#contact #mainNav .contact a, 
#resources #mainNav .resources a, 
#news #mainNav .news a, 
#case-studies #mainNav .case-studies a{
color:#2F75A8;
text-decoration:underline;
background:  #E7F9FF url(../images/interface/currentpage.jpg) ;

}




#mainNav ul a:visited{
 color: #fff;
 text-decoration:none;
 border-bottom: 0;
}
#mainNav ul a:hover{
 color: #333;
 text-decoration:underline;
 border-bottom: 0;
}

#utilitiesNav ul{
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-size: 0.9em;
margin: 0;
margin-top: 10px;
padding: 0;
list-style:none;

float:left;

}
#utilitiesNav ul li{
float: left;
}
#utilitiesNav ul a{
display: block;
float:left;
padding: 0 1.6em;
padding-left:3.3em;
line-height:2.1em;
background:   url(../images/interface/navdivider.gif) no-repeat left center;
border-bottom: 0;
text-decoration:none;
 color:#333333;
 
}

#utilitiesNav ul .legionellariskassessments a{
background:   url(../images/interface/riskassessment-graphic.gif) no-repeat left center;
}
#utilitiesNav ul .watertankrefurbishment a{
background:   url(../images/interface/watertankrefurbishmentgraphic.gif) no-repeat left center;

}
#utilitiesNav ul .waterhygiene a{
background:   url(../images/interface/waterhygienegraphic.gif) no-repeat left center;
}
#utilitiesNav ul a:hover{
 color: #333;
 text-decoration:underline;
 border-bottom: 0;
}

#searchform{
text-align:right;
margin-right: 20px;
margin-top: 20px;
}
/* =Sub Nav
-----------------------------------------------------------------------------*/

/* 
styles for the left navigation links
*/
#sidebar{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	WIDTH: 240px;
	margin-left: 0px;
	POSITION: relative;
	clear:both;
	background:url(../images/interface/navigationgradient.jpg) repeat-y right;
	
}
#newslettersidebar{
margin-right: 20px;
}
#sidebar h2{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	margin-left: 10px;
	margin-bottom: -10px;
}
#sidebar h2 span{
color: #CE014A;

}

.cbSide {
width: 190px;
margin: 0px 0 0 0px;
padding: 0px 0 5px 0;

}
.cbSide ul{
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 0.8em;
	
}

.cbSide li a:link{
color: #333;
padding-left:10px;
line-height: 250%;
text-decoration: none;
display:block;
width: 190px;
border-bottom: 1px solid #EDEAEB;
font-weight: normal;
/* 
background: #FFF url(../images/interface/cbside.gif);
*/
line-height: 1.4em;
padding-top: 8px;
padding-bottom: 8px;
}

.cbSide li a:active{
color: #333;
line-height:250%;
text-decoration:none;
display:block;
width: 190px;
border-bottom: 1px solid #EDEAEB;
/* 
background: #FFF url(../images/interface/cbside.gif);
*/
line-height: 1.4em;
padding-top: 8px;
padding-bottom: 8px;
}
.cbSide li a:hover{

color: #FFFFFF;
line-height: 250%;
text-decoration: none;
display:block;
width: 190px;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(../images/interface/navbar-tween.gif);

/* 
background: #FFF url(../images/interface/cbside.gif) 0px -20px;
*/
line-height: 1.4em;
padding-top: 8px;
padding-bottom: 8px;
}

.cbSide li a:visited{
color: #999;
line-height: 250%;
text-decoration: none;
display:block;
width: 190px;
border-bottom: 1px solid #EDEAEB;
/*
background: #FFF url(../images/interface/cbside.gif);
background-position: 0 -40px;
*/
BACKGROUND: url(../images/interface/visitedtick.gif) no-repeat right 50%; 
BACKGROUND: url(../images/interface/greenvisitedtick.gif) no-repeat right 50%; 

COLOR:#999999;
/*TEXT-DECORATION: line-through;*/
line-height: 1.4em;
padding-top: 8px;
padding-bottom: 8px;
}



/* =Main Content
-----------------------------------------------------------------------------*/

.leftcolumn{
width: 48%;
float: left;
}

.rightcolumn{
width: 48%;
float: right;
}


/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

#yourname, #email , #phone, #postcode, #description, #fields_email, #enquirer_name, #comments, #telephone , #UserID, #PassID , #strCAPTCHA{
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 2px;
	color:#999999;

}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/

#iamlookingfor {
	background:url(../images/interface/iamlookingforbg.jpg);
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 2px;
	padding-left: 10px;
	margin-left: -12px;
}


#iamlookingfor form select{
	 font-size: 10px; 
 background-color:#F4F4F4;
 border: 1px solid #CCCCCC;
 COLOR:#666666; 
	width: 400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border-color:#CCCCCC; 
	
}











/* 
basic styles for formatting
*/

.printonly{
display:none;
}
.lightborders{
border: 1px solid #E6E6E6;

padding-top:20px;
}
.darkborders{
border: 1px solid #666666;

padding-top:20px;
}
th{
	text-align: left;
	border-bottom: 2px solid #E6E6E6;
	margin: 0em 0em 0.5em 5px;
	
}
.lineright{
BORDER-RIGHT: #E6E6E6 1px solid; 

}
.linerightbottom{
BORDER-RIGHT: #E6E6E6 1px solid; 
border-bottom: #E6E6E6 1px solid; 
}
.linebottom{
border-bottom: #E6E6E6 1px solid; 
}
.centredpage{
text-align:center;
}
.small{
font-size: 0.8em;
}
.smallred{
font-size: 0.8em;
color: #AB1330;
}
.redhighlight{
	font-size: 1.2em;
	color: #FF0000;
}
td p, td h1, td h2{
padding: 10px 10px 10px 10px;
}

.oddrow{
background-color:#F0F0F0;
border-top:1px solid #E6E6E6;
}
.evenrow{
background-color:#E6F4FF;
border-top:1px solid #E6E6E6;
}
th{
text-align:left;
padding: 10px 10px 10px 10px;
font-family: Georgia, "Times New Roman", Times, serif;
	color: #BD4B01;
	font-size: 1.1em;
	font-style:normal;
}

a {
font-weight: bold;
}

a.img-link {
border-bottom: 0;
}

a:link{
	color: #44AAB9;
	text-decoration: none;
	
	
}
a.noborder{
border-bottom: 0px dashed #65BBC6;
}
img { border: none; }

a:visited{
color: purple;
text-decoration: none;

}
a:hover{
color: #003333;
text-decoration: none;
border-bottom: 1px solid #003333;

}
a:hover img{
	border-bottom: 0px solid #003333;


}
a:active{
color: red;
}
p{
/* 
padding-top: 9px;
	padding-bottom: 7px;
*/
	

}
h1{
	font-family:Arial, Helvetica, sans-serif;
	color: #CE014A;
	font-size: 1.2em;
	font-style:normal;
	letter-spacing: 0em;
	
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #006699;
	font-size: 1em;
	font-style:normal;
	padding-top: 0px;
	padding-bottom: 2px;
}
.greenhighlight{
	color:#9CB30F;
	font-style: italic;
	font-weight: bold;
}

.aligntoright{
	
	float: right;
	padding: 5px 5px 5px 15px;
}

.aligntoleft{
	
	float: left;
	padding: 5px 15px 5px 5px;
}
.aligntorightnopaddingtop{
	text-align: right;
	padding: 0px 5px 5px 0px;
	margin-top: -14px;
	display: block;
	margin-bottom: 10px;
}
.largetext{
font-size: 1.4em;	
}
ul, ol{
margin-left: 40px;
margin-top: 8px;
line-height: 1.5em;
}
li{
	line-height: 1.7em;
}
/* 
end styles for formatting
*/


/* ###################### Navigation CSS ###################### */
#navigation {
display:block;
}
#navigation a {

	FONT-SIZE: 1em; COLOR: #FFFFFF; FONT-FAMILY: "Courier New", Courier, monospace; TEXT-DECORATION: none;
	/* ###################### 
	PADDING-RIGHT: 10px; BACKGROUND: url(../icons/external.gif) no-repeat right top;
	 ###################### */

}



#navigation ul {
	padding:0px 0px 0px 0px;
	margin:0px;
}
#navigation li {
	display: inline;
	font-family: "Courier New", Courier, monospace;
	padding:0px 10px 0px 10px;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 2px;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:0px 1px 0px 0px;
}

#navigation .noborderright, #header .noborderright{
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#navigation .highlight{
	background-color: #D91739;
	padding: 2px 4px 2px 4px;	
}
#navigation a {
	text-decoration: none;
	border-bottom:0px;
}
#navigation a:hover {
	text-decoration: underline;
	color: #FFFF00;
	
}
#flashcontent{
text-align:center;
}


/* ###################### End Navigation CSS ###################### */

#content {
	MARGIN-TOP: -10px;
	MARGIN-LEFT: 215px;
	MARGIN-RIGHT: 5px;
	padding-left: 35px;
		/*background:url(../images/interface/navigationgradient.jpg) repeat-y;*/

}
.boxgradient{
	padding-left: 10px;
	padding-right: 10px;
	border-color:#CCCCCC;
	border: solid #CCCCCC 1px;
	background:url(../images/graphics/redgradient.jpg) repeat-x;
}



/*



*/
#restrictednavigation {
	PADDING-RIGHT: 10px;
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 10px;
	PADDING-TOP: 1px;
	background-image: url(../images/interfaceelement/restricted-nav.jpg);
	margin: 15px 0px 10px 3px;
	border: 1px solid #CCCCCC;

}
#restrictednavigation h1{
font-size: 0.9em;
	margin-top: 1px;
}
#restrictednavigation a{
	
	border-bottom: 0px solid #333333;
}

#restrictednavigation ul{
margin-top: 10px;
margin-left: 0px;
}
#restrictednavigation li{
	list-style: none;
	list-style-type: none;
	border-bottom: 0px solid #961027;
	padding-bottom: 5px;
	margin-bottom: 2px;
	margin-left: 0px;
	font-size: 0.9em;
	line-height: 1.4em;
}


#restrictednavigation li a{
	color: #003366;
	text-decoration: none;
	border-bottom: 0px dashed #65BBC6;
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-weight:normal;
	display: block;
	text-decoration: underline;
}

#restrictednavigation li a:hover{
	color: #961027;
	padding-left: 5px;
	padding-right: 5px;
	
}




.hide{
display: none;
}

#footerClear {
	CLEAR: both; 
	DISPLAY: block;
}
#copyright {
	BORDER-RIGHT: #ddd 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #ddd 1px solid;
	DISPLAY: block;
	PADDING-LEFT: 3px;
	FONT-SIZE: 0.8em;
	BACKGROUND: #F9FDFF;
	PADDING-BOTTOM: 3px;
	MARGIN: 3px;
	BORDER-LEFT: #ddd 1px solid;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #ddd 1px solid;
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
	clear: both;
}

blockquote{
float:right;
border-left: 1px dashed #CCCCCC;
border-top: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
width:186px;
text-align:left;
margin: 0;
color:#666666;
padding: 3px 8px 2px 8px;
font-family: Georgia, "Times New Roman", Times, serif;

font-size: 0.9em;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 5px;
margin-bottom: 10px;

}
blockquote ul{
margin-left: 12px;
}



.paragraphquotequote {
  background: transparent url(../images/graphics/bluequotestart.gif) left top no-repeat;
  padding-top: 15px;
  width: 80%;
  float: none;
  border: 0;
  padding: 5px 5px 2px 5px;

  /* 
background-color: #FFFDFB;
*/

}
.paragraphquotequote div {
padding: 5px 5px;
  background: transparent url(../images/graphics/bluequoteend.gif) right bottom no-repeat;

}
.paragraphquotequote p {
color: #000000;
}
.usefullinksbackground{
background:  url(../images/interfaceelement/useful-links-header.gif) no-repeat top left;
padding-top: 45px;
border-left: 0px dashed #CCCCCC;
border-top: 0px dashed #CCCCCC;
border-right: 0px dashed #CCCCCC;
border-bottom: 0px dashed #CCCCCC;
}
.usefullinksbackground p{
padding-left: 15px;
padding-top: 3px;
padding-bottom: 10px;
padding-right: 10px;

}
.newsbackground{
background:  url(../images/interfaceelement/blockquote-news-background.gif) no-repeat top left;
padding-top: 45px;
border-left: 0px dashed #CCCCCC;
border-top: 0px dashed #CCCCCC;
border-right: 0px dashed #CCCCCC;
border-bottom: 0px dashed #CCCCCC;
}
.newsbackground p{
padding-left: 15px;
padding-top: 3px;
padding-bottom: 10px;
padding-right: 25px;

}
.newsbottom{
margin: 0 20px 0 0;
padding: 10px 0 13px 0;
background: url(../images/interfaceelement/bottom-blockquote.gif) no-repeat bottom;

}

.nospeechmarks{
background-image: none;
background-color:#FFFFFF;
border-left: 1px dashed #CCCCCC;
border-top: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
margin-bottom: 10px;
margin-left: 5px;
}
.withquote{
background: #eee url(../images/interface/blockquote_top.gif) no-repeat top left;

}
#quote{
margin: 0 10px 0 0;
padding: 20px 15px 15px 15px;
background: url(../images/interface/blockquote_endquote.gif) no-repeat right bottom
}
#author{
margin: 0 10px 0 0;
padding: 0 0 10px 0;
color: #FF0000;
font-size: 85%;
background: url(../images/interface/blockquote_bottom.gif) no-repeat bottom;
text-align:right;
}
#quote strong{
color: #000;
font-weight: normal;
}


.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#44AAB9;
	font-weight: bold;
	width:430px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:10px;
	background-image:url(../images/interfaceelement/bullet-blue.gif);
	background-repeat:no-repeat;
	height:20px;
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
	background-position: center left;
	margin-left: 40px;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border: 1px solid #E6E6E6;
	background-color:#F8FAFA;
	width:500px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:10px;
	font-size:0.9em;	
	position:relative;
}


@media print{
#sidebar, #header,  #breadcrumb, #copyright, #navigation, #mainNav, #utilitiesNav, #topimage{
display: none;
}
#logo{
	position: relative;
	top: 0px; /* 30 pixels from the top of the page */
	left: 0px; /* 80 pixels from the left hand side */
	width: 150px; /* Always set a width for absolute positioned block level elements, such as divs */
	margin-bottom: 20px;
	padding: 0;
}
#pagecontainer {
	
	WIDTH: 95%;
	border: 0px solid #194683;
	
}
.printonly, #logo{
display:block;
}
#content{
float: left;
width: 100%;
MARGIN-LEFT: 5px;
}
#maintitle{
display:block;


}

#frame{
margin-left: 20px;
width:758px;
border-bottom: 0px solid #CCCCCC;
border-left: 0px solid #CCCCCC;
border-right: 0px solid #CCCCCC;

}
}