body 
{
 font-family: helvetica, arial, sans-serif;
 color:#333333;
 background-color:#006699;
 background-image:url('http://www.clearly-stated.co.uk/images/background_steep.png');
 padding:0;
 margin:0;
 border:0;
 font-size: 90%;
}

#topbanner /*dark blue band across top of page */
{
 background-color: #003366;
 padding: 0;
 margin:0;
 border:0;
 position:absolute;
 top:0px;
 left:0px;
 width: 100%;
 height: 30px;
}

#topbanner p
{
 padding-left:0px;
 padding-top:0px;
 padding-bottom: 0px;
 padding-right: 50px;
 margin-bottom:0px;
 margin-top:6px;
 text-align:right;
 text-valign:middle;
}

#topbanner a:link 
{
 color:#ffffff;
 text-decoration:none;
}

#topbanner a:visited 
{
 color:#ffffff;
 text-decoration:none;
}

#topbanner a:active 
{
 color:#ffffff;
 text-decoration:underline;
}

#topbanner a:hover 
{
 color:#ffffff;
 text-decoration:underline;
}

#page /* central area of the page */
{
 background-color: #ffffff;
 width: 800px;
 position:relative;
 top:30px;
 margin:0 auto;
 padding: 10px;
}

#heading 
{
 position:relative;
 top:-44px;
 background-color:#006699;
 padding-top:0px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:10px;
 border:0px;
 margin:0 auto;
}

#heading p.strapline
{
 font-size:140%;
 color: #ffffff;
 padding:0px;
 text-align: center;
 margin-top:12px;
}

#heading img.logo
{
 vertical-align: middle;
 padding:0px;
 margin:0px;
 border:0px;
}

#main /* the area below the heading */
{
 position:relative;
 float:left;
 padding: 0px;
 margin:0px;
 border:0px;
 background-image:url('http://www.clearly-stated.co.uk/images/NavBackground.png');
 background-repeat: repeat-y;

}

h1 /* Acts as page title */
{
 color:#ffffff;
 text-align:left;
 padding: 0px;
 font-size: 250%;
 font-weight: normal;
 margin-bottom:0px;
 margin-top:44px;
}

/* CONTENT AREA STYLES */

#content 
{
 position:relative;
 top:-63px;
 float:right;
 background-color:#ffffff;
 color:#333333;
 text-align:left;
 padding:10px;
 margin: 0px;
 width:600px;
}

#content a:link 
{
 color:#006699;
 text-decoration:none;
}

#content a:visited 
{
 color:#cc3333;
 text-decoration:none;
}

#content a:active 
{
 color:#006699;
 text-decoration:none;
}

#content a:hover 
{
 color:#006699;
 text-decoration:underline;
}

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

#content li 
{
 padding: 5px 0 5px 20px;
 margin: 0px;
 background: url(http://www.clearly-stated.co.uk/images/BlueBullet.gif) no-repeat 0em +6pt;
 }

p.last-modified 
{
 text-align:left;
 font-size:80%;
 color:#006699;
}

/* NAVIGATION PANEL STYLES */

#navigate 
{
 position:relative;
 top:-63px;
 float:left;
 background-color:#006699;
 color:#ffffff;
 text-align:left;
 padding:10px;
 margin:0px;
 width: 160px;
}

#navigate a:link 
{
 color:#cccccc;
 text-decoration:none;
 font-weight:normal;
}

#navigate a:visited 
{
 color:#cccccc;
 text-decoration:none;
 font-weight:normal;
}

#navigate a:active 
{
 color:#cccccc;
 text-decoration:none;
 font-weight:normal;
}

#navigate a:hover 
{
 color:#ffffff;
 text-decoration:underline;
 font-weight:normal;
}

.clr
{
 clear:both;
}

#subsection
{
 background-color: #eeeeee;
 position:relative;
 top:-63px;
 padding-top:1px;
 padding-bottom:1px;
 padding-left:180px;
 padding-right:10px;
 margin:0px;
}

#subsection p
{
 color: #cc6666;
 margin: 8px;
}

#subsection a:link
{
 color: #999999;
}

#subsection a:visited
{
 color: #999999;
}

#subsection a:active
{
 color: #999999;
}

#subsection a:hover
{
 color: #cc3333;
 text-decoration:underline;
}


/*General table parameters*/

/*Instigated for use on contact page but also used elsewhere*/

table 
{
 border-collapse: collapse;
 padding:5px;
}

td, th 
{
 vertical-align:top;
 padding:8px;
 font-size: 0.9em;
}

.rowseparator 
{
 background-color:#99ccff;
}

/*IMAGES*/

img 
{
 border:0px;
 margin:0px;
 padding:0px;
}

img.pdf 
{
 height:32px;
 width:32px;
}

img.cshome 
{
 width:300px;
 height:90px;
}

img.istc 
{
 width:78px;
 height:90px;
}

img.betterpay 
{
 width:101px;
 height:95px;
}

img.sfep 
{
 width:141px;
 height:85px;
}

img.me
{ width: 240 px; height: 160 px;}

img.writingskills
{ width: 239 px; height: 171 px;}



/*Other specific stuff - see individual comments */

#photo 
{
 position:relative;
 top:-10px;
 right:-10px;
 float:right;
 padding-left:5px;
}

.heading 
{
 text-align:left;
 vertical-align:top;
 white-space: nowrap;
 color:#000000;
 font-weight:bold;
}

.right 
{
 text-align:right;
 float:right;
}

#acrobat 
{
 position:relative;
 float:right;
 margin-left:20px;
}

#footer 
{
 position:relative;
 float:right;
 text-align:right;
}

.note 
{
 font-size:80%;
}

#istc-text 
{
 position:relative;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:80px;
 margin-right:20px;
}

/* divs used on about page... not working on all browsers, so (reluctantly) back to a table */
/*


#istc-logo 
{
 position:relative;
 padding-top:0px;
 padding-bottom:10px;
 padding-left:0px;
 padding-right:10px;
}

#better-pay 
{
 position: relative;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:20px;
 margin-right:20px;
}

#better-pay-logo 
{
 float:right;
 padding-top:0px;
 padding-bottom:10px;
 padding-left:0px;
 padding-right:10px;
}

#sfep-text 
{
 position: relative;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:20px;
 margin-right:20px;
}

#sfep-logo 
{
 float:left;
 padding-top:0px;
 padding-bottom:10px;
 padding-left:0px;
 padding-right:10px;
}
*/