/******************************
* START CLASSES REQUIRED BY WYSIWYG
* ALTHOUGH CLASSES CAN BE MODIFIED TO SOME EXTENT, 
* THESE SHOULD BE STANDARD TO ALL STYLESHEETS
******************************/

/*** TEXT CLASSES ***/
HTML
{
  font-size: small;
} 

BODY
{
  background-color: #FFFFE5;
  font-size: 93%;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin: 0 8px 8px;
  padding: 0;
}
#container
{
  min-width: 966px;
  max-width: 1280px;
  margin: 0 auto;
  background-color: #FFFFE5;
}

.scroll {
  height: 400px;
  padding: 5px;
  overflow: scroll;
}

#bodycontent {
  overflow: hidden;
}

/* Homepage specific DIVs */
#columncontainer {
  clear: both;
  overflow: hidden;
}
#columncontainer .column {
}
#homepage-content {
  margin-left: 198px;
  margin-right: 192px;
}
#left-hand-col {
  width: 181px;
  float: left;
}
#right-hand-col {
  width: 175px;
  float: right;
}
DIV#footer {
  clear: both;
  width: 100%;
  margin-top: 2em;
  position: relative;
  float: left;
}
DIV#footer DIV.toprow {
  background-color: #EDEDE8;
  float: left;
  width: 100%;
}
DIV#footer DIV.top-row-left {
  float: left;
  padding: 1em;
}
DIV#footer DIV.top-row-right {
  float: right;
  padding: 1em;
  text-align: right;
}
DIV#footer DIV#bottomrow {
  clear: left;
}
DIV#footer DIV#bottomrow DIV.bottom-row-left {
  background-color:#A1A3CC;
  width:49.9%;
  float:left;
  color:#FFF;
  text-align: center;
  font-size: 130%;
  font-weight: bold;
  padding: 0.5em 0px;
}
DIV#footer DIV#bottomrow DIV.bottom-row-right {
  background-color:#000000;
  width:50%;
  float:left;
  color:#FFF;
  text-align: center;
  font-size: 130%;
  font-weight: bold;
  padding: 0.5em 0px;
}

TD, TH, CAPTION /* default text */
{
	color: #000;
	text-decoration: none;
	vertical-align: top;
}
 
H1 /* page title */
{
	font-size: 140%;
}
 
H2 /* header within page */
{
	font-size: 120%;
}
 
H3 /* header within page */
{
	font-size: 110%;
}
 
.textunderline /* underlined text */
{
	text-decoration: underline;
}

.textdefault /* a text 'reset' class for use in wysiwyg only, should match default text style */
{
	font-family: Arial, Verdana, Helvetica, sans-serif;  
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

.style1
{
	font-weight: bold;
	color: #A1A3CB;
}

.style2
{
	font-weight: bold;
	color: #F00;
}

H1 SPAN.textdefault
{
	font-size: 75%;
}

H2 SPAN.textdefault
{
	font-size: 87%;
}

H3 SPAN.textdefault
{
	font-size: 95%;
}
 
/*** LINK CLASSES ***/
 
A:link, A:visited /* default link */
{
	color: #000;
	text-decoration: underline;
}
 
A:hover, A:active /* default link */
{
	color: #000;
	text-decoration: none;
}

/*** LIST CLASSES ***/

UL.circle {list-style-type: circle;}
UL.disc {list-style-type: disc;}
UL.square {list-style-type: square;}
OL.decimal {list-style-type: decimal;}
OL.lower-alpha {list-style-type: lower-alpha;}
OL.upper-alpha {list-style-type: upper-alpha;}
OL.lower-roman {list-style-type: lower-roman;}
OL.upper-roman {list-style-type: upper-roman;}

/*** TABLE, IMAGE AND PARAGRAPH TEXT ALIGNMENT ***/
 
TABLE.left, P.left, IMG.left { /* align table or <p>-wrapped image/image to the left */
	float: left;
	margin: 0px 10px 10px 0px;
}
TABLE.right, P.right, IMG.right { /* align table or <p>-wrapped image/image to the right */
	float: right;
	margin: 0px 0px 10px 10px;
}
TABLE.center { /* align table to the centre */
	margin: 0px auto;
}
P.center { /* align <p>-wrapped image to the left */
	text-align: center;
}
P.textcenter, SPAN.textcenter /* align paragraph text to the centre */ { /* align paragraph text to the centre */
	text-align: center;
	display: block;
}
P.textleft, SPAN.textleft { /* align paragraph text to the left */
	text-align: left;
	display: block;
}
P.textright, SPAN.textright { /* align paragraph text to the right */
	text-align: right;
	display: block;
}
P.textjustify, SPAN.textjustify { /* 'justify' align paragraph text */
	text-align: justify;
	display: block;
}
.keywordsearchtable {
	border: 1px solid #A1A3CC;
}

/*** ADD PADDING TO NON-PADDED CONTENT IMAGES ***/

.wysiwyg IMG
{
	margin: 10px;
}

.wysiwyg P.left IMG, .wysiwyg P.right IMG, .wysiwyg P.center IMG
{	
	margin: 0px;
}

/*** TAKE AWAAY PADDING FROM RENAISSANCE PHOTOS ***/

.wysiwyg TD.photobg IMG
{
	margin: 0px;
}

/******************************
* END CLASSES REQUIRED BY WYSIWYG
* START CLASSES USED BY COLCHESTER
* ALTHOUGH NEW CLASSES CAN BE ADDED TO STYLESHEET, 
* DO AS MUCH AS YOU CAN BY EDITING THESE FIRST
******************************/

/*** BACKGROUND COLOURS ***/

.secintrobg /* section intro background */
{

	padding: 5px 10px;
}

.artintrobg /* article intro background */
{
	background-color: #D0D1E5;
	padding: 5px 10px;
}
.artintrobg SPAN.read-more
{
  display: none;
}

.articlesummary /* section overview article summary */
{
  background-color: #F1F1F7;
  padding: 1em;
  position: relative;
}

.articletitle /* section overview article title */
{
  padding-bottom: 0.25em;
  padding-left: 1em;
}
DIV.articletitle A:link,
DIV.articletitle A:visited
{
  text-decoration: none;
}
DIV.articletitle A:hover
{
  text-decoration: underline;
}
.sectionpicture
{
  float: right;
  position: relative;
}

.accent /* accent colour (for high contrast) */
{
	background-color: #A1A3CC;
}

.adaccent /* used on homepage advert */
{
	background-image: url(../images/cbc_dd_ad_bg.gif)
}

/*** ADDITIONAL TEXT CLASSES ***/

H1.sitename
{
	color: #FFF;
	font-size: 160%;
	margin-right: 20px;
	display: inline;
}

.sectionnamerender
{
	font-size: 140%;
	font-weight: bold;
    margin-bottom: 3px;
	padding: 0px;
	border: 0px;
	display: block;
}

.warning /* for 'mandatory field' star */
{
	color: #F00;
}

.date /* for displaying the date on news etc. */
{
	font-size: 90%;
}

.bodytextbold /* for backwards compatibility */
{
	font-weight: bold;
}

.bodytextitalic /* for backwards compatibility */
{
	font-style: italic;
}

.bodytextunderline /* for backwards compatibility */
{
	text-decoration: underline;
}

/*** ADDITIONAL LINK CLASSES ***/

	/* UNUSED BY COLCHESTER */

/*** FORMS AND INPUTS ***/

FORM /* removes unwanted form whitespace */
{
	margin: 0px;
}

INPUT, SELECT
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.textarea /* for <input type="text"> and <select> fields */
{
	border: 1px solid #000;
	width: 95%;
}

.textareashort /* for shorter <input type="text"> and <select> fields*/
{
	border: 1px solid #000;
	width: 120px;
}

.textarea2d /* for <textarea> */
{
	border: 1px solid #000;
	width: 95%;
	height: 150px;
}

.textareafree /* for <input type="text"> and <select> fields of free width */
{
	border: 1px solid #000;
}

/*** DATA TABLE ***/
TABLE.datatable
{
	border-style: solid;
	border-color: #A1A3CC;
	border-width: 1px 0px 0px 1px;
}

TABLE.datatable TH
{
  border-style: solid;
  border-color: #A1A3CC;
	border-width: 0px 1px 1px 0px;
  background-color: #D0D1E5;
  padding: 4px;
  text-align: left;
}

TABLE.datatable TH.plaintext /* for default text in a <th> */
{
  font-weight: normal;
  text-align: left;
}

TABLE.datatable TD
{
  border-style: solid;
  border-color: #A1A3CC;
	border-width: 0px 1px 1px 0px;
  background-color: #EDEDE8;
  padding: 4px;
  text-align: left;
}

TABLE.datatable TD TD,
TABLE.datatable TD TH /* to stop nested tables being too padded (e.g in car parks pop-up)*/
{
	padding: 0px;
	border: 0px;
}

TABLE.datatable CAPTION
{
	border-style: solid;
	border-color: #A1A3CC;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	border-width: 1px 1px 0px 1px;
	background-color: #BDBFDB;
}

/* align text in a single datatable cell to the left (this is default, so rarely needed) */
TABLE.datatable TD.textleft,
TABLE.datatable TH.textleft,
TABLE.datatable CAPTION.textleft
{
	text-align: left;
}

/* align text in a single datatable cell to the centre */
TABLE.datatable TD.textcenter,
TABLE.datatable TH.textcenter,
TABLE.datatable CAPTION.textcenter
{
	text-align: center;
}

/* align text in a single datatable cell to the right */
TABLE.datatable TD.textright,
TABLE.datatable TH.textright,
TABLE.datatable CAPTION.textright
{
	text-align: right;
}

/* justify align text in a single datatable cell */
TABLE.datatable TD.textjustify,
TABLE.datatable TH.textjustify,
TABLE.datatable CAPTION.textjustify
{
	text-align: justify;
}

DIV.sectionoverview TABLE.datatable,
DIV.sectionoverview TABLE.datatable TD {
  border: 0;
}
DIV.sectionoverview TABLE.datatable TD {
  background-color: #D0D1E5;
}

/*** TOP MENU BAR ***/

#pageheader
{
  clear: both;
  position: relative;
  overflow: hidden;
}

#pageheader TD
{
	 vertical-align: middle;
}

#topmenubar TD
{
	color: #FFF;
	background-color: #000;
	font-weight: bold;
}

#topmenubar DIV
{
	float: left;
	white-space: nowrap;
}

#topmenubar .menuon /* bg colour of selected menu */
{
	background-color: #A1A3CC;
	padding: 5px 3px;
}

#topmenubar .menuoff /* bg colour of unselected menu */
{
	background-color: #000;
	padding: 5px 3px;
}

#topmenubar .divideron /* show menu divider */
{
	background-color: #000;
	color: #FFF;
	padding: 5px 0px;
}

#topmenubar .divideroff /* hide menu divider */
{
	background-color: #A1A3CC;
	color: #A1A3CC;
	padding: 5px 0px;
}

#topmenubar .menuon A:link,
#topmenubar .menuon A:visited
{
	color: #000;
	text-decoration: none;
}

#topmenubar .menuon A:hover,
#topmenubar .menuon A:active
{
	color: #000;
	text-decoration: underline;
}

#topmenubar .menuoff A:link,
#topmenubar .menuoff A:visited
{
	color: #FFF;
	text-decoration: none;
}

#topmenubar .menuoff A:hover,
#topmenubar .menuoff A:active
{
	color: #FFF;
	text-decoration: underline;
}

#searchlabel
{
	color: #A1A3CC;
}

/*** LEFT HAND MENU ***/
#lhlinks
{
  font-weight: bold;
}
#lhlinks UL
{
  list-style-type:none;
  padding: 0;
  margin: 0;
}
#lhlinks LI
{
  padding: 0;
  margin: 0;
}
#lhlinks A
{
  text-decoration:none;
}
#lhlinks DIV
{
  position: relative;
}
/* Keyword Related Articles */
DIV#rightstandardboxes
{
  float: right;
  width: 160px;
  position: relative;
  display: block;
  margin: 0 0 0 0.5em;
}
DIV#rightstandardboxes DIV.includeboxinner
{
  width: 160px;
  padding: 0.5em;
  background-color: #BDBDA4;
  margin-top: 1em;
  position: relative;
  float: left;
}
DIV#rightstandardboxes DIV.includeboxinner DIV.box-header
{
  width: 100%;
  float: left;
  font-weight: bold;
  background-color: #EDEDE8;
  position: relative;
}
DIV#rightstandardboxes DIV.includeboxinner DIV.box-header DIV.title
{
  padding: 2px 6px;
}
DIV#rightstandardboxes DIV.includeboxinner DIV.box-body
{
  width: 100%;
  float: left;
  font-weight: bold;
  background-color: #FFF;
  position: relative;
  margin-top: 0.5em;
}
DIV#rightstandardboxes UL
{
  margin: 0;
  padding: 2px 1.5em;
}
DIV#rightstandardboxes A
{
  text-decoration: none;
}
DIV.keyword-click-for-more
{
  clear: both;
  float: left;
  width: 100%;
  text-align: right;
  padding: 2px 0 0 0;
}
/* Adobe PDF */
DIV.adobepdf
{
  width: 181px;
}
DIV.adobepdf DIV.box
{
  padding: 0.5em;
  background-color: #BDBDA4;
  margin-top: 1em;
  position: relative;
}
DIV.adobepdf DIV.box DIV.box-header
{
  width: 100%;
  float: left;
  font-weight: bold;
  background-color: #EDEDE8;
  position: relative;
}
DIV.adobepdf DIV.box DIV.box-header DIV.title
{
  padding: 2px 6px 2px 6px;
}
DIV.adobepdf DIV.box DIV.box-body
{
  text-align: center;
  padding: 0.5em 0 0 0;
  clear: both;
}
DIV.adobepdf DIV.box DIV.box-body IMG
{
  margin-top: 0.5em;
}

/* Web Metrics */
DIV.webmetric
{
  margin-top: 1em;
}
DIV.webmetricarticle {
  border-top: 1px solid #a1a3cc;
}
DIV.webmetric DIV
{
  margin-top: 1em;
  float: right;
}
DIV.webmetric DIV P,
DIV.webmetric FORM
{
  clear: both;
  float: right;
  margin: 0;
  margin-right: 0.5em;
}
DIV.webmetricarticle DIV P,
DIV.webmetricarticle FORM
{
  margin: 0;
}


/* specific to the do it now and in colchester */
#lhlinks A:hover, #lhlinks A:active, #lhlinks A:focus
{
  text-decoration: underline;
}
DIV#do-it-now, DIV#in-colchester
{
  width: 181px;
  padding: 28px 0 22px 0;
  margin-bottom: 0;
  background-color: #A1A3CC;
}
DIV#do-it-now
{
  padding-top: 26px;
}
#do-it-now DIV.menu, #in-colchester DIV.menu
{
  background-color: #EDEDE8;
  font-weight: bold;
  position: relative;
  padding: 2px 6px;
  margin: 0 10px 4px 10px;
}
#do-it-now UL.menus LI.menu-open DIV.menu, #in-colchester UL.menus LI.menu-open DIV.menu
{
  background-color: #4D4D4D;
  color: #FFF;
}
#do-it-now UL.menus LI.menu-open DIV.menu A, #in-colchester UL.menus LI.menu-open DIV.menu A
{
  color: #FFF;
}
/* specific to the other groups */
DIV#other-menu-groups
{
  position: relative;
  width: 181px;
  padding: 28px 0em 5px 0em;
  margin-bottom: 0px;
  background-color: #BDBDA4;
}

/* the curved tops and bottoms */
#lhlinks DIV DIV.top
{
  width: 181px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-position: left top;
  background-image: url(/images/colchester-web/left-nav/lh-menu-top.gif);
  background-repeat: no-repeat;
  height: 17px;
  line-height: 1px;
  font-size: 1px;
}
#lhlinks DIV DIV.top-grey
{
  background-image: url(/images/colchester-web/left-nav/lh-menu-top-grey.gif);
}
#lhlinks DIV DIV.very-top
{
  background-image: url(/images/colchester-web/left-nav/lh-menu-very-top.gif);
  height: 15px;
}
#lhlinks DIV DIV.bottom
{
  width: 181px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-position:left bottom;
  background-image: url(/images/colchester-web/left-nav/lh-menu-bottom.gif);
  background-repeat: no-repeat;
  height: 17px;
  line-height: 1px;
  font-size: 1px;
}

/* menu group */
#lhlinks DIV.menu-group
{
  background-color: #EDEDE8;
  font-weight: bold;
  position: relative;
  padding: 2px 6px;
  margin: 0 10px 4px;
}
#lhlinks DIV.menu-group-open
{
  background-color: #4D4D4D;
  color: #FFF;
  margin-bottom: 0;
}
#lhlinks DIV.menu-group-open A
{
  color: #FFF;
}
/* menu */
#other-menu-groups UL.menus
{
  background-color: #EDEDE8;
  margin: 0 1em;
}
#other-menu-groups UL.menus LI DIV.menu
{
  background: #fff;
  padding: .25em .5em;
  border-top: 1px solid #ccc;
}
#other-menu-groups UL.menus LI.menu-open DIV.menu
{
  background: #777;
}
#other-menu-groups UL.menus LI.menu-open DIV.menu A
{
  color: #fff;
}
/* menuitem  */
#other-menu-groups UL.menuitems
{
  background: #777;
}
#other-menu-groups UL.menuitems LI.menuitem DIV.menuitem
{
  background: #EDEDE8;
  padding: .25em .25em .25em 1em;
  margin-left: .25em;
  border-top: 1px solid #ccc;
}
#other-menu-groups UL.menuitems LI.menuitem-open DIV.menuitem
{
  background: #A1A3CC;
}
/* section  */
#other-menu-groups UL.sections
{
  background: #A1A3CC;
  margin-left: .25em;
}
#other-menu-groups UL.sections LI.section
{
  font-size: .9em;
  padding: .25em .25em .25em 1.25em;
  margin-left: .25em;
  background: #CCC;
  border-top: 1px solid #EDEDE8;
  margin-left: 1em;
}
#other-menu-groups UL.sections LI.section-open
{
  background: #bbb url(/images/colchester-web/left-nav/bullet.gif) no-repeat .35em 50%;
}

/*** BREADCRUMB TRAIL NAVIGATION **/

#breadcrumb, #breadcrumbnondynamic
{
  font-size: .9em;
  font-weight: bold;
  border-top: 1px solid #A1A3CC;
  padding: 0.5em 0;
  margin-right: 1em;
}
#breadcrumbnondynamic {
  padding: 0;
}
#breadcrumb A:link,
#breadcrumb A:visited,
#breadcrumb A:active
{
  text-decoration: none;
}
#breadcrumb A:hover
{
  text-decoration: underline;
}


/*** EMAIL/PRINT CONTROLS ***/
#emailprint {
  padding: 0 5px 0 0;
}
#emailprint TD
{
  vertical-align: middle;
}
#emailprint .divider
{
  padding: 0 5px;
}

/*** PAGE TITLE ***/

#titleitem {
  margin: 0;
  padding: 0;
}
#titleitem  H1 {
  margin: 0;
  padding: 0;
  padding-top: 0.5em;
}

#title-datepublished
{
  margin-top: -15px; /* Bring the date published up to the title item */
  margin-bottom: 20px; /* and then reapply the margin underneath */
}

#titleitem,
.sectionnametable /*overwrite achieveforms, should resemble H1 title*/
{
  margin-bottom: 20px;
}

/*** CONTENT AREA ***/

#content, .content
{
  padding: 5px 0px 10px 0px;
  width: 100%;
}

DIV.sectionoverview
{
  margin-top: 1em;
}

/*** FOOTER ***/

#footer
{
  margin-top: 15px;
}

#footer TD
{
  /* UNUSED BY COLCHESTER */
}

#footer A:link,
#footer A:visited
{
  /* UNUSED BY COLCHESTER */
}

#footer A:hover,
#footer A:active
{
  /* UNUSED BY COLCHESTER */
}

/*** LEFT AND RIGHT INCLUDES (Search/Register etc.) ***/

.includesbg
{
  background-color: #FFF;
}

TABLE.includeboxinner
{
	width: 100%;
}

TABLE.includebox H2,
TABLE.includeboxinner H2
{
	font-size: 100%;
	display: inline;
}

TABLE.includebox H3
{
	font-size: 120%;
	margin: 0px 0px 5px;
}

TABLE.includebox TD
{
	padding: 5px 10px;
	background-color: #F1F1F7;
}

TABLE.includeboxinner TD
{
	padding: 5px;
	background-color: #F1F1F7;
}

TABLE.includeboxinner TD.white
{
	padding: 5px;
	background-color: #FFFFFF;
}

TABLE.includeboxinner a.relatedlink
{
	font-weight: bold;
}

TABLE.includeboxinner li.relatedlink
{
	padding: 0px 0px 5px 0px;
}

TABLE.includebox .bordered,
TABLE.includeboxinner .bordered
{
	border-top: 1px solid #A1A3CC;
}

TABLE.includebox TD.header,
TABLE.includebox TD.header H2
{
	color: #FFF;
	background-color: #000;
}

TABLE.includeboxinner TD.header
{
	color: #000;
	background-color: #A1A3CC;
	padding: 5px 10px;
}

TABLE.includebox TD.accent
{
	background-color: #A1A3CC;
}

TABLE.includebox TD.header A:link,
TABLE.includebox TD.header A:visited
{
	color: #FFF;
	text-decoration: none;
}

TABLE.includebox TD.header A:hover,
TABLE.includebox TD.header A:active
{
	color: #FFF;
	text-decoration: underline;
}

TABLE.includebox UL, /* removes unwanted list whitespace */
TABLE.includeboxinner UL
{
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
}

TABLE.includebox LI,
TABLE.includeboxinner LI
{
	padding: 5px;
	clear: both;
}

/*** CLASSES USED TO GET INSIDE .NET TABLES IN SEARCH.ASPX ***/

#SearchDataGrid TD
{
	padding: 10px;
}

TR.pagerstyle TD
{
	background-color: #D0D1E5;
}

TR.pagerstyle TD SPAN
{
	padding: 0px 10px;
}

TD.kwtableheader
{
	background-color: #D0D1E5;
	font-weight: bold;
}

/*** AZ SERVICES PAGE - AZ LINKS ***/


#azlinks TD
{
	font-size: 140%;
	font-weight: bold;
	text-align: center;
}

#azlinks SPAN.selected
{
	color: #A1A3CC;
}

#azlinks TD.disabled
{
	color: #666;
}
/**************************************************************************
* MENU MAP
**************************************************************************/
TABLE.menu-summary
{
  margin-top: 1em;
}
TABLE.menu-summary TD.artintrobg
{
  background-color: transparent;
  padding: 0;
}
TABLE.menu-summary TD.artintrobg DIV.item
{
  background-color: #D4D6D6;
  margin-bottom: 1em;
  position: relative;
}
TABLE.menu-summary TD.artintrobg DIV.item-image
{
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 150px;
}
TABLE.menu-summary TD.artintrobg DIV.no-image
{
  padding: 0;
}
TABLE.menu-summary TD.artintrobg A.item-link
{
  font-weight: bold;
  background-color: #D4D6D6;
  padding: .5em .75em;
  display: block;
}
TABLE.menu-summary TD.artintrobg A.item-link:link,
TABLE.menu-summary TD.artintrobg A.item-link:visited
{
  text-decoration: none;
}
TABLE.menu-summary TD.artintrobg A.item-link:hover,
TABLE.menu-summary TD.artintrobg A.item-link:active,
TABLE.menu-summary TD.artintrobg A.item-link:focus
{
  text-decoration: underline;
}
TABLE.menu-summary TD.artintrobg DIV.item-image A SPAN.arrows
{
  display: inline !important;
}
TABLE.menu-summary TD.artintrobg DIV.item-summary
{
  background-color: #EDEDE8;
  padding: 1em;
}
/**************************************************************************
* A-Z PAGE
**************************************************************************/
DIV.topicresults {
	background-color: #F1F1F7;
  padding: 0.5em;
}
#azmain #letters TD {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
}
#azmain #letters A {
	color: #000;
}
#azmain TABLE.listing TR TD A.keyword:link,
#azmain TABLE.listing TR TD A.keyword:visited {
  text-decoration: none;
  font-weight: bold;
}
#azmain TABLE.listing TR TD A.keyword:hover {
  text-decoration: underline;
}
#azmain TABLE.listing {
	border-bottom: 1px solid #EDEDE8;

}
#azmain TABLE.listing TH {
	background-color: #EDEDE8;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	border-right: 1px solid #FFF;
}
#azmain TABLE.listing TH.first {
	background: #EDEDE8 url(/images/tabs_corner_topleft.gif) no-repeat top left;
}
#azmain TABLE.listing TH.last {
	background: #EDEDE8 url(../images/subsub_corner_topright.gif) no-repeat top right;
	border-right: 0px;
}
#azmain TABLE.listing TD {
	border-right: 1px solid #EDEDE8;
	padding: 5px;
}
#azmain TABLE.listing TD.last {
	border-right: 1px solid #EDEDE8;
}
#azmain TABLE.listing TR TD {
  background-color: #FFF;
}
#azmain TABLE.listing TR TD.bordertop {
  border-top: 1px solid #EDEDE8;
}
#azmain TABLE.listing TR.alt TD.bordertop {
  border-top: 1px solid #FFF;
}
#azmain TABLE.listing TR.firstrow TD.bordertop {
  border-top: 0px solid #FFF;
}
#azmain TABLE TD.service {
  text-align: center;
}
#azmain TABLE.listing TR.alt TD {
	background-color: #EDEDE8;
	border-right: 1px solid #FFF;
}
#azmain TABLE.listing TR.alt TD.last {
	border-right: 1px solid #EDEDE8;
}
DIV.header {
	border-bottom: 10px solid #FFF;
}
DIV.header H2 {
	color: #000;
	font-weight: bold;
	display: block;
	background: #DEDED2;
	border-bottom: 1px solid #000;
	padding: 0px 5px;
	margin: 0px;
}
DIV.header DIV.rightbar {
	display: block;
	background: url(../images/menumap-bg_2_right.gif) no-repeat right top;
	margin: 0px;
	padding: 0px;
}
DIV.header DIV.rightbar H2 {
	display: block;
	background: url(../images/menumap-bg_2_left2.gif) no-repeat left top;
	border-bottom: 1px solid #000;
	margin: 0px;
	padding: 5px;
	padding-bottom: 20px;
}
DIV.header DIV {
	padding: 5px;
}
.hidden {
	position: absolute;
	left: -999em;
}
UL#tabs {
	padding: 0 0 0 1em;
	margin: 0;
	list-style-type: none;
	overflow: hidden;
}
UL#tabs LI {
	float: left;
	padding: 0;
	margin: 0 0.1em;
	background: url(/images/tabs-li-bg.gif) no-repeat 0 0;
}
UL#tabs A, UL#tabs SPAN {
	background: transparent url(/images/tabs-a-bg.gif) no-repeat 100% 0;
	font-weight: bold;
	color: #3b3b3b;
	display: block;
	padding: 0.6em 0.8em;
}
UL#tabs LI.tabon {
	background: url(/images/tabs-li-bg-on.gif) no-repeat 0 0;
}
UL#tabs li.tabon a {
	background: transparent url(/images/tabs-a-bg-on.gif) no-repeat 100% 0;
}
/*** REMOVE IMAGE BORDERS BY DEFAULT ***/

IMG
{
	border: 0px;
}

/*** HIDING ELEMENTS USED IN NON CSS DISPLAY ***/

HR.hide
{
	display: none;
}

/*** TEMP CLASSES FOR COLCHESTER REGEN SECTION ***/

TD.photobg
{
	background-color: #BDBFDB;
	padding: 0px;
}

TD.photocaption
{
	background-color: #A1A3CC;
	color: #FFF;
	font-size: x-small;
	padding: 4px;
}

TD.photocaption A:link,
TD.photocaption A:visited,
TD.photocaption A:active,
TD.photocaption A:hover
{
	color: #FFF;
}

/*** DIVIDING LINE ON LINKS.ASP ***/

DIV.divider
{
	font-size: 1%;
	background-color: #000;
	height: 1px;
	line-height: 1px;
}

/*** TOP OPTIONS ***/

#top-options
{
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 90%;
  font-weight: bold;
  width: 194px;
  z-index: 10;
}
#top-options DIV
{
  position: relative;
  background-color: #DADAD0;
  margin: 2px 0 2px 4px;
  padding: 4px 0 4px 0px;
  float: right;
  height: 14px;
}
#top-options #options-resize DIV IMG{
  padding-left: 2px;
}
#top-options #options-listen A IMG {
  right: 0;
}
#top-options DIV DIV
{
  float: left;
  background: none;
}
#top-options A
{
  text-decoration: none;
}
#top-options .left-option
{
  background: url(/images/colchester-web/top-options/top-options-left.gif) no-repeat left top;
  width: 94px;
}
#top-options .right-option
{
  background: url(/images/colchester-web/top-options/top-options-right.gif) no-repeat left top;
  width: 76px;
}
#top-options .span-option
{
  background: url(/images/colchester-web/top-options/top-options.gif) no-repeat left top;
  width: 175px;
}
#top-options DIV DIV
{
  margin: 0;
  padding: 0px 0px 0px 4px;
}
/**************************************************************************
* COLLAPSABLE CONTENT
**************************************************************************/
#TJK_ToggleON,
#TJK_ToggleOFF {
	padding: 0px 10px 10px 0px;
}
#TJK_DL DT {
	padding: 5px;
	margin: 0.7em 0 0.5em 0;
}
#TJK_DL DD {
	margin: 0;
	padding: 0 0.5em;
}
#TJK_DL .showDD {
	display: block;
}
#TJK_DL .hideDD {
	display: none;
}
#TJK_DL DT A {
	display: block;
}
#TJK_DL DT A.singlecontrol {
	float: right;
	font-weight: normal;
	font-size: 0.9em;
}
/**************************************************************************
* INTERACTIVE DOCUMENT
**************************************************************************/
DIV#interactive-document-header
{
  background-color: #A1A3CC;
  float: left;
  padding: 0px;
  margin-bottom: 1em;
  width: 100%;
}

#tabs TD
{
	font-weight: bold;
	text-align: center;
	border-right: 0.2em solid #FFF;
}

TD.tabdisabled
{
	color: #666;
	background-color: #CCC;
}

TD.taboff
{
	color: #014C73;
	background-color: #D0D1E5;
}

TD.tabon
{
	color: #FFF;
	background-color: #A1A3CC;
}

TD.taboff A:link,
TD.taboff A:visited
{
	color: #014C73;
	text-decoration: none;
}
 
TD.taboff A:hover,
TD.taboff A:active
{
	color: #014C73;
	text-decoration: underline;
}

TD.tabon A:link,
TD.tabon A:visited
{
	color: #FFF;
	text-decoration: none;
}
 
TD.tabon A:hover,
TD.tabon A:active
{
	color: #FFF;
	text-decoration: underline;
}



/******************************
* Consultation Specific
******************************/

.conwrapper
{
	border: 1px solid #000;
	float: left;
	margin: 0.2em 0 0 0;
}

.conheader
{
	background-color: #F1F1F7;
	padding: 10px;
}

.conheader UL, .conheader UL LI, .conheader H2
{
	margin: 0;
	padding: 0;
}

.conheader UL
{
	vertical-align: middle;
	list-style-type: none;
	display: inline;
}

.conheader UL LI
{
	float: left;
	padding-right: 5px;
	font-size: 80%;
}

.conheader UL LI IMG
{
	padding-left: 10px;
}

.conheader A:link,
.conheader A:visited
{
	text-decoration: none;
}

.conheader A:hover,
.conheader A:active
{
	text-decoration: underline;
}
.conwrapper .scroll {
  background-color: #FFF;
}


/******************************
* HOME PAGE SPECIFIC
******************************/
DIV#azmain DIV.introduction {
  padding: 0 0 1em 0;
}
DIV#A-Z-Services
{
  font-size: 120%;
  font-weight: bold;
  margin: 0 0 .75em;
  overflow: hidden;
}
DIV#A-Z-Services A:link,
DIV#A-Z-Services A:visited
{
  text-decoration: none;
}
DIV#A-Z-Services A:hover,
DIV#A-Z-Services A:active,
DIV#A-Z-Services A:focus
{
  text-decoration: underline;
}
DIV#A-Z-Services DIV.title
{
  float: left;
  width: 4.5em;
}
DIV#A-Z-Services DIV.letters
{
  overflow: hidden;
}
DIV#A-Z-Services DIV.letters SPAN
{
  width: 3.8%;
  float: left;
}
DIV#A-Z-Services DIV.letters A
{
  text-align: right;
  display: block;
}
DIV.searchdiv
{
  float: left;
  width: 175px;
  padding: 0 0 .5em;
  display: inline;
}
FORM#searchform
{
  border: 1px solid black;
  float: left;
}
FORM#searchform INPUT
{
  width: 148px;
  padding: 0;
  margin: 0;
  float: left;
  line-height: 18px;
  height: 18px;
  border: 0;
}
FORM#searchform INPUT#q {
  padding-left: 2px;
}
FORM#searchform .label
{
  display: none;
}
#news-flash
{
  border-bottom: 1em solid #FFFFE5;
  margin: 0 0 0 20px;
  background: url('/images/colchester-web/newsflash-gradient.jpg');
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #F0F0D6;
  overflow: hidden;
}
#news-flash IMG
{
  float: left;
}
#news-flash DIV
{
  padding: 0.5em;
  float: left;
  width: 657px;
}
#news-flash A
{
  text-decoration: none;
}
/******************************
* HOMEPAGE IN FOCUS
******************************/
#homepage-in-focus
{
  float: none;
}
#homepage-in-focus-pages
{
  margin: .25em;
  font-weight: bold;
  overflow: hidden;
}
#homepage-in-focus-pages SPAN
{
  float: left;
  font-weight: bold;
  font-size: 1.05em;
  line-height: 22px;
  display: block;
}
#homepage-in-focus-pages DIV
{
  float: left;
  background-image: url('/images/colchester-web/homepage-in-focus-numbers.gif');
  background-repeat: no-repeat;
  background-position: right top;
  height: 20px;
  line-height: 20px;
  width: 22px;
  margin: 0 0 0 .4em;
  text-align: center;
}
#homepage-in-focus-pages DIV.on
{
  background-position: left top;
  color: #FFF;
}
#homepage-in-focus-pages DIV A
{
  text-decoration: none;
}
#homepage-in-focus-pages DIV.on A
{
  color: #FFF;
}
#homepage-in-focus-container
{
  overflow: hidden;
}
/******************************
* HIDE ANY IN FOCUS ITEM THAT HAS THIS CLASS AS IT IS NOT THE FIRST. 
******************************/
#homepage-in-focus-container DIV.in-focus-item-other
{
  display: none;
}
#homepage-in-focus-container DIV#homepage-in-focus-1
{
  display: block;
}
.homepage-in-focus-image
{
  float: left;
  width: 66%;
  height: 250px;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #BDBDA4;
}
.homepage-in-focus-image SPAN.tr,
.homepage-in-focus-image SPAN.br {
  display: none;
}
#homepage-in-focus-container .full-width .homepage-in-focus-image {
  width: 100%;
  background-color: #FFF;
  background-color: #FFFFE5;
  background-color: #BDBDA4;
}
#homepage-in-focus-container .full-width .homepage-in-focus-text {
  display: none;
}
#homepage-in-focus-container .full-width .homepage-in-focus-image SPAN.tr,
#homepage-in-focus-container .full-width .homepage-in-focus-image SPAN.br {
  display: block;
}
.homepage-in-focus-image IMG
{
  float: left;
  display: block;
  width: 100%;
  height: 100%;
}
.homepage-in-focus-text
{
  float: left;
  width: 33.95%; /* just under 34% to prevent float-drop */
  height: 250px;
}
.homepage-in-focus-text .inner
{
  background-color: #BDBDA4; 
  margin-left: 0.5em;
  height: 100%
}
.homepage-in-focus-text DIV.headline 
{
  padding: .75em;
  font-weight: bold;
  font-size: 150%;
  margin: 0;
}
.homepage-in-focus-text DIV.headline A:link,
.homepage-in-focus-text DIV.headline A:visited,
.homepage-in-focus-text DIV.headline A:active
{
  color:#FFF;
  text-decoration: none;
}
.homepage-in-focus-text DIV.headline A:hover
{
  text-decoration: underline;
}
.homepage-in-focus-text DIV.description
{
  padding: 0 1.25em;
  clear: both;
  overflow: hidden;
}
.homepage-in-focus-text DIV.description DIV
{
  float: none;
  display: block;
  padding: 1em;
  background-color: #E8E8E2;
}
.homepage-in-focus-text DIV.description DIV A:link,
.homepage-in-focus-text DIV.description DIV A:visited
{
  text-decoration: none;
}
.homepage-in-focus-text DIV.description DIV A:hover
{
  text-decoration: underline;
}
/******************************
* HOMEPAGE FEATURE BOXES
******************************/
#homepage-feature-boxes
{
  overflow: hidden;
  margin: 1em 0 1.5em;
}
#homepage-feature-boxes DIV.feature-box
{
  width: 32.333%;
  margin: .5%;
  float: left;
}
#homepage-feature-boxes DIV.feature-box .curved-corners
{
  background-color: #DDDEDE;
  width: 100%;
  min-height: 122px;
}

#homepage-feature-boxes DIV.feature-box .curved-corners .text-wrapper
{
  padding: 1em;
  margin-top: 100px;
  background-color: #DDDEDE;
}
#homepage-feature-boxes .feature-box-link
{
  font-weight: bold;
}
#homepage-feature-boxes  A:link,
#homepage-feature-boxes  A:visited
{
  text-decoration: none;
}
#homepage-feature-boxes  A:hover,
#homepage-feature-boxes  A:active
{
  text-decoration: underline;
}
#homepage-feature-boxes DIV.feature-box A.imglink
{
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100px;
}
/******************************
* FLEXIBLE NEWS *
******************************/
#homepage-flexible-news
{
  width: 100%;
}
#homepage-flexible-news  A:link,
#homepage-flexible-news  A:visited
{
  text-decoration: none;
}
#homepage-flexible-news  A:hover,
#homepage-flexible-news  A:active
{
  text-decoration: underline;
}
#homepage-flexible-news DIV.latest-news, #homepage-flexible-news DIV.press-release
{
  position: relative;
  margin: 0.25em 0;
  padding: .25em;
  background-color: #D4D6D6;
}
#homepage-flexible-news DIV.latest-news DIV, #homepage-flexible-news DIV.press-release DIV
{
  overflow: hidden;
}
#homepage-flexible-news DIV.press-release
{
  background-color: #DEDED2;
}
#homepage-flexible-news DIV.news-more DIV
{
  background-color: #D4D6D6;
  width: 72px;
  position: relative;
  float: right;
  padding: .25em;
  margin: .25em 0 0 0;
}
#homepage-flexible-news .arrow
{
  display: block;
  float: right;
}
#homepage-flexible-news .newsbutton
{
  float: left;
  padding: 0 10px 0 0;
  display: block;
  margin: 0;
}
#homepage-flexible-news .morebutton
{
  padding-right: 0.3em;
  display: block;
  float: left;
}
#homepage-flexible-news .description
{
  line-height: 21px;
  padding: 0;
  margin: 0;
}

/*************************************************
*  SERVICE LANDING PAGE
*************************************************/
#titleitem-overview,
#titleitem-landing {
  margin: 0;
  padding: 0;
  position: absolute;
  float: left;
}
#titleitem-overview H1,
#titleitem-landing H1 {
  font-size: 1.5em;
  margin: 0;
  padding: 4em 0 0 0;
}
#introduction-wrapper
{
  overflow: hidden;
  padding-top: 1em;
}
#introduction-wrapper P
{
  margin: 0 0 1em 0;
}
#introduction-wrapper .curved-corners
{
  margin: 0 1em;
  float: right;
  display: inline; 
}
#introduction-text
{
  margin-top: 5.25em;
}
.curved-corners-grey-shadowed
{
  color: black;
  background-color: white;
  position: relative;
  float: left;
  width: 160px;
  height: 140px;
}
/* Drop Shadow effect */
.shadow
{
  background: url(drop-shadow.gif) no-repeat bottom right;
  margin: -6px 6px 6px -6px;
  position: relative;
  float: left;
  display: inline;
}
.shadow2
{
  background: url(inverse-shadow.png) no-repeat left top !important;
  background: url(inverse-shadow.gif) no-repeat left top;
  padding: 0px 7px 7px 0px;
  position: relative;
  float: left;
}
.box-wrapper
{
  background-color: #DEDED2;
  position: relative;
  margin: 1em;
  padding: 1em;
  overflow: hidden;
}
.infobox
{
  margin: 1em .75em;
  float: left;
  position: relative;
  display: inline;
}
.infobox A:link, .infobox A:visited
{
  text-decoration: none;
}
.infobox A:hover, .infobox A:active, .infobox A:focus
{
  text-decoration: underline;
}
.texttitle
{
  width: 100%;
}
.texttitle TD
{
  padding: 0 0.5em;
  font-weight: bold;
  height: 40px;
  vertical-align: middle;
}

.itemhidden {
  display: none;
}

#sitemap H2, #sitemap H3, #sitemap H4 {
  display: inline;
}
#sitemap UL.menus
{
  padding-bottom: 1em;
}
#sitemap UL.menuitems {
  padding-bottom: 0.5em;
}
#sitemap UL.sections {
  padding-bottom: 0.5em;
}

/* Used where the image map loads in articles via AJAX. */
#ajaxbody DIV.thumbnail {
  float: left;
}
#ajaxbody DIV.thumbnail IMG {
  padding: 0 1em 0 0;
  margin: 0;
  background-color: #FFFFE5;
  float: left;
}
#ajaxbody H1 {
  border-bottom: 1px solid #A1A3CC;
}
#SnapPoll IMG {
  margin: 0;
}
/******************************
* END CLASSES USED BY COLCHESTER
******************************/
