/*
================================================================================
SCC screen media style sheet
History: Tim Jones 

copyright 2006 VBN 

Uses em for text sizing off base body size

NAMING CONVENTIONS
------------------
HTML - element name lowercase
VBN old styles - current name lower case
VBN new styles - use camel case with initial lower thisStyle

================================================================================
*/


/* HTML styles 
================================================================================
*/

body { /* base font size for Verdana adjust for other font familys */
  margin: 0;
  padding: 0 10px 10px 10px;
  color: #000000;
  font: normal 0.7em/1.4 Verdana, Geneva, Arial, Helvetica, sans-serif;
  /*background: #fff url(/images/helix.jpg) repeat-y 93%;*/
}

#main {
  width:980px;
  margin:auto;
  padding-top:20px;
}

table { /* pass through size in nested tables */
  margin: 0;
  padding: 0;
  font-size: 100%;
}

tbody { /* pass through size in nested tables */
  font-size: 100%; 
}

input {
  margin: 0;
  padding: 2px 3px;
}

hr {
  color: #D5D5D5;
  background: #D5D5D5;
  height: 1px;
  border: 0;
}

p {
  margin: 0;
  padding: 0;
  font-size: 1em;
  margin-bottom: 1em;
}

ul {
  padding-bottom: 0;
  font-size: 1em; 
  margin-bottom: 0.5em;
}

li { /* NOTE only put rules here for both <ol> & <ul> lists */
  padding: 0;
  margin-bottom: 0.5em;
}

ul ul,
ol ol { /* pass through size in nested lists */
  font-size: 100%;
}

form {
  margin: 0;
  padding: 0;
}

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

td.gpr a img {
	display:none;
}

td .formrob  {
  display:none;
}
    
div {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: underline;
  color: #008335;
}

h1 {
  font: normal 1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000084;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

h2 {
  font: normal 1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #666;
  margin: 0;
  padding: 0;
}

h3 {
  font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #666666;
  margin: 0;
  padding: 0;
}

h4 {
  font:  bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #FFCC00;
  margin: 0;
  padding: 0;
}

h5 {
  font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000084;
  margin: 0;
  padding: 0;
}

h6 {
  font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0;
  padding: 0;
}

/* end HTML styles */

/* VBN base styles 
================================================================================
*/

.pagtit {/* Used for the page titles */
  color: #000;
  font: bold 1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table.formtable h2.pagtit {
  color: #000084;
  font: normal 1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.arttit,
.arttit a {/* Article Title */
  color: #008335;
  font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.texttit {/* Text(size) Title(colour) - used on published items */
  color: #666;
  font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.tittext {/* Title(size) Text(colour) - used on published items */
  color: #000000;
  font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.arttext {/* The standard text on the page */
  color: #000000;
  font: normal 1em/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.text {/* The text for each item in a list */
  color: #000000;
  font-size: 1em;
  margin-bottom: 1em;
}

.artsub {/* The small text for things like dates */
  color: #666;
  font-size: 1em;
}

.sml {/* The small text on the published items */
  color: #666;
  font-size: 0.9em;
}

.smltit {/* Small(size) in Title(colour) */
  color: #000000;
  font-size: 0.9em;
}

.indent {/* spurged article container */
  margin-left: 0px;
}

td.line {/* The colour of the line separating items */
  background: #D5D5D5;
}

.nav {/* The navigation in things like AZ viewers and archive viewers */
  background: #FFFFFF;
  font-size: 1.1em;
  text-decoration: none;
}

.nav:hover {
  font-size: 1.1em;
  text-decoration: underline;
}

.navsel {
  background: #FFFFFF;
  color: #666;
  font-size:  1.1em;
  font-weight: bold;
}

td.gpr {/* right gap in list */

}
 
td.gpl {/* left gap in list */

}

td.gpt { /* top gap in list */
  padding-top: 5px;
}

td.gpb { /* bottom gap in list */
  padding-bottom: 5px;
}

.formtab { /* tab top */
  font: bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: left;
  vertical-align: middle;
}

.formtab a {
  color: #000000;
  text-decoration: none;
}

.formtab a:hover {
  color: #FF0000;
  text-decoration: none;
}

.formcell { /* form background */
  font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.formcelllarge {
  font: normal 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.formtable { /* form layout */
  margin: 0;
  padding: 0;
}

.formmand {  /* manditory element */
  color: #660000;
  font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.formnote { /* form clue text */
  color: #666;
  font: normal 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.formnote i { /* small italic text is impossible to read so don't */
  font-style: normal;
}

.formlabel { /* form field label */
  font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
 /* width: 150px;*/
  min-width: 100px;
  /*display: block;*/
}

label .formlabel { /* FF huddles these too close */
  padding-left: 5px
}

td.formcell label span,
td.formcell label input {
  vertical-align: middle;
  line-height: 2;
}

.formbutton { /* form button */
  font: normal 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.formhr { /* form divider */
  color: #D5D5D5;
}
 
.formcontrol { /* form control */
  font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 2px 3px;
}

.formheading { /* join form steps */
  color: #666;
  font:  normal 1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
 
.formtext { /* form general text style */
  font:  normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
 
.prionsec { /* unselected - profile owned article tab */
  background: #F1F1F1 url(/images/mod-title-bg.jpg) bottom left repeat-x;
  color: #000084;
  font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.seconpri { /* non-selected - profile owned article tab */
  background: #F5F5F5;
  color: #666;
  font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* end VBN base styles */

/* Design styles 
================================================================================
*/

/* sub menu */

#masthead {
  /* border-bottom: 1px solid #D5D5D5; */
}

#top-stripe {
    background: #c1b700;
    padding:6px 4px;
  }

#topNav {
  background: ;
  height: 22px;
  vertical-align: middle;
  padding: 6px 10px 0 10px;
  width: 450px;
}

#topNav a, #topNav {
  color:#fff;
  }
 
 #login-new {
 float:right;
 width:500px;
 margin-top:-32px;
 } 

#escapeHatch {
  background: #F5F5F5 url(/images/top-bar-bg.jpg) bottom left repeat-x;
  height: 50px;
  vertical-align: middle;
  padding: 5px 10px;
}

a.adminLink {
  vertical-align: middle;
  color: red;
}

#login-login {
	/*width: 180px;
	float: right;*/
}
#login-logout {
	float:right;
	padding-top:10px;
	padding-right:10px;
	/*position: relative;
	top: -22px;
	text-align: right;
	margin-left: 35%;  ensure this div doesn't obscure the topNav */
}

.banner {
  padding: 0;
  margin: 0;
  float: left;
}
* html .banner {
	padding-bottom: 25px;
}
.banner img {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
.banner h1 {
	margin: 0;
	padding: 0;
}
.banner h1 img {
	margin-left: 0;
}


#bannerhp,
#bannerlg { /* home */
  background: #FFF url(/site/upload/image/section/bannerhp.jpg) top left no-repeat;
}

#bannerab { /* about */
  background: #FFF url(/site/upload/image/section/bannerab.jpg) top left no-repeat;
}

#bannerjo { /* join */
  background: #FFF url(/site/upload/image/section/bannerjo.jpg) top left no-repeat;
}

#bannerne { /* news */
  background: #FFF url(/site/upload/image/section/bannerne.jpg) top left no-repeat;
}

#bannerev { /* events */
  background: #FFF url(/site/upload/image/section/bannerev.jpg) top left no-repeat;
}

#bannerse { /* services */
  background: #FFF url(/site/upload/image/section/bannerse.jpg) top left no-repeat;
}

#bannerdi { /* directory */
  background: #FFF url(/site/upload/image/section/bannerdi.jpg) top left no-repeat;
}

#bannerjb { /* jobs */
  background: #FFF url(/site/upload/image/section/bannerjb.jpg) top left no-repeat;
}

#bannerme { /* members */
  background: #FFF url(/site/upload/image/section/bannerme.jpg) top left no-repeat;
}

.courtesyNav {
  color: #FFCC00;
}

.courtesyNav a {
  text-decoration: none;
}

.courtesyNav a:hover {
  text-decoration: underline;
}

#middle,
#centre,
#left,
#right {
  text-align: left;
  vertical-align: top;
}

#left {
  background: #e2f1ec url(/images/left-bottom.gif) bottom left no-repeat;
   width: 188px;
   padding-bottom:8px;
}

#leftWrapper {
  background: url(/images/left-top.gif) top left no-repeat;
  padding-top:8px;
/*
  vertical-align: top;
  height: 100%; 
  background: #F5F5F5 url(/images/right-bg.gif) top right repeat-y;
  padding: 12px 18px 12px 10px;
*/
}

#leftShadowBottom {

}

#content {
  padding: 0 10px;
}


#right {
  width: 180px;  
}

#centre {
  padding: 0 10px 10px 5px;
}

td#breadcrumbs div#breadcrumbs-container {
	min-height: 27px;
	padding-top: 10px;
}
* html td#breadcrumbs div#breadcrumbs-container {
	height: 27px; /* effective min-height for IE<7, and compensation for broken box model */
}
* html td#breadcrumbs * {
	zoom: 1; /* trigger hasLayout for IE<7 */
}

#VbnBreadCrumb {
  /* border-bottom: 1px solid #D5D5D5; */
  padding: 5px;
  color: #666666;
}

#VbnBreadCrumb a {
  text-decoration: none;
}

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

.root {
  font-weight: bold;
}

/*
#subMenu {
  margin-bottom: 15px;
}

#subMenu a {
  text-decoration: none;
  display: block;
}

#subMenu a:hover {
  background-color: #F5F5F5;
	color: #666666;
}

#subMenu span {
  font-weight: normal;
  display: block;
}

#subMenu ul { 
  padding: 0;
	margin: 0;
  list-style: none;
  color:  #666;
}

#subMenu li.nav1 {
  font-size: 1em;
}

#subMenu li.nav2,
#subMenu li.nav3 { 
  font-size: 100%;
}

#subMenu li { 
  padding: 0;
  margin: 0;
  background-image: url(/images/arrow-left.gif);
  background-repeat: no-repeat;
  background-position:  0 10px;
  border: 1px solid red;
}

#subMenu li.nav0 {
  border-bottom: 1px solid #E5E5E5;
}

#subMenu li.nav1 {
  background-position:  0 9px;
  padding: 4px 0px 4px 15px;
}

#subMenu li.nav2 {
  background-position:  0 6px;
  padding: 2px 0px 2px 15px;
}

#subMenu a.sub0,
#subMenu a.sub1 {
  padding-right: 15px;
  background-image: url(/images/arrow-down.gif);
  background-position: right 0.4em ;
  background-repeat: no-repeat;
}
*/



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

#subMenu li {
	margin: 0;
	padding: 0 0px 0 0;
}

#subMenu li a{
  padding-right:10px;
  }

#subMenu li.nav0 {
	margin-bottom: 1px;
	border-bottom:2px solid #fff;
}

/* n.b. span.selected are not links, but should look similar */
#subMenu li a,
#subMenu li.nav0 span.selected {
	font-weight:bold;
	text-decoration: none;
	margin: 0;
	padding: 5px 10px 5px 10px;
	display: block;
	background: #e2f1ec; 
}

#subMenu li.nav0 a:hover {
	text-decoration: underline;
}

/* n.b. span.selected are not links, but should look similar */
/*
#menuModule #subMenu li.nav0 span.selected {
	background: transparent url(/images/nav_arrow_right) no-repeat 95% 50%;
}
*/

#subMenu li.nav1 a,
#subMenu li.nav1 span.selected {
	background-image: none;
	background-color: #fff;
	color: #008335;
	padding: 3px 5px 3px 10px;
}

#subMenu li span.selected {
	font-weight: bold;
}

/* show the links which have children, and will therefore expand when clicked */
#subMenu span.has-children {
	display: block;
	background: transparent url(/images/nav_arrow_down.gif) no-repeat 95% 50%;
}

/* some IE<7 hacks for the navigation */
* html #subMenu * {
	zoom: 1; /* trigger hasLayout in IE<7 */
}
* html #subMenu a {
	cursor: pointer;
}	

/* differentiate the 3rd-level items */ 
#menuModule #subMenu ul li ul li ul li a,
#menuModule #subMenu ul li ul li ul li span {
 
	color: #666;
	padding-left:10px;
}
/* prevent this rule from wiping out underlines on links */
#menuModule #subMenu ul li ul li ul li a span {
	background: none;
}

/*
#menuModule #subMenu ul li ul li ul li a:hover {
	text-decoration: underline;
}
*/


#jumpMenu {
  padding: 15px 10px;
}

#footer {
  margin-top: 10px;
  border-top: 1px solid #c1b700;
  height: 50px;
  padding: 10px 0;
}

#footer a {
  color:#000;
  }

#copyright {
  color: #666666;
  width: 24%;
  float: left;
}

#bottomNav {
  width: 50%;
  float: left;
  text-align: center;
  color:#000;
}

#suffolkNetwork {
  width: 24%;
  float: right;
  text-align: right;
}

#poweredBy {
  clear: both;
  text-align: right;
  font-size: 0.9em;
}

#poweredBy a {
  color: #BBB;
}


/* Home styles 
================================================================================
*/

#homeMain {
  text-align: left;
  vertical-align: top;
}

#firstRead {
  /*padding-top: 15px;*/
  padding-bottom: 15px;
  text-align: left;
  vertical-align: top;
  /*border: 1px solid red;*/
}

.byLine {
  text-align: right;
}

.name {
  font-weight: bold;
  color: #666;
}

.title {
  font-weight: bold;
  color: #000084;
}

#homeMain {
  width: 100%;
}

#homeWrapper {
  width: 100%;
  text-align: left;
  vertical-align: top;
  /* padding-top: 15px; */
}

#homeWrapper h5 {
  margin-bottom: 10px;
}

/*
#homeNews {
  width: 50%;
  background: #FEFBE3;
  border-top: 1px solid #EEC66E;
  padding: 10px;
  vertical-align: top;
}

.homeNews {
  text-align: right;
  background: #FEFBE3;
  padding: 10px;
  vertical-align: top;
}
*/

#home-splash {

}

#homepage-news-wrapper {
padding-top:20px;

}

#homepage-news-wrapper h2 {
	border-bottom: 1px solid #c1b700;
	color: #000;
	font-size: 1.5em;
	padding: 3px;
	font-weight:bold;
}

#homepage-news-wrapper a {
	/* can't apply a class to the more links in the _list */
	text-decoration: none;
	font-weight: bold;
}
#homepage-news-wrapper a:hover span.more {
	text-decoration: underline;
}

#homepage-news-wrapper a span.more{
  color:#0039ff;
  } 
/* IE<7 doesn't seem to want to play nice with elements inside a a:hover, so hack it */
* html #homepage-news-wrapper a:hover {
	text-decoration: underline;
}


#homeEvents {
  width: 50%;
  background: #F5F5F5;
  border-top: 1px solid #CCC;
  padding: 10px;
  vertical-align: top;
}

.homeEvents {
  text-align: right;
  background: #F5F5F5;
  padding: 10px;
  vertical-align: top;
}

.homeNull {
  width: 5px;
}

.jumpLink a {
  /*text-decoration: none;*/
  background: url(/images/arrow-left.gif) 0 0.25em no-repeat;
}

.moreLink {
  /*text-decoration: none;*/
  font-weight: bold;
  background: url(/images/arrow-left.gif) center right no-repeat;
  padding-right: 10px;
}

.moreLink:hover,
.jumpLink a:hover {
  text-decoration: underline;
}

/* added Nov '06 - not a very clever name considering what the other classes are called */
.more-link {
	margin-top: 1em;
	text-align: right;

}

.more-link a {
    color:#0039ff;
}

div#main p.more-link a:hover {
	text-decoration: underline;
}

/* Member home styles 
================================================================================
*/

#memberLeft {
  padding: 10px 5px;
  padding-left: 0;
  width: 50%;
  text-align: left;
  vertical-align: top;
}

#memberRight {
  padding: 10px 5px;
  padding-right: 0;
  width: 50%;
  text-align: left;
  vertical-align: top;
}

.moreWrapper {
  padding: 5px;
  text-align: right;
}

.motdTitle {
  border-top: 1px solid #EEC66E;
  background: #FEFBE3;
  font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; 
  color: #666;
  padding: 5px;
}

.motdBackground {
  background: #FEFBE3;
  padding: 5px;
}

/* Module styles 
================================================================================
*/

/* Search and Login in the 'masthead' */

#login-login {
	float: right;
	margin-top: 7px;
}

#searchModule {
	margin-top: 7px;
}

#login-login label, #searchModule label  {
	color:#fff;
	font-variant: small-caps;
	/* text-transform doesn't appear to work in labels in IE<7, despite this page
	http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/texttransform.asp
	suggesting it should work as far back as IE4 - so we've had to lowercase the actual text */
	text-transform: lowercase;

	display: block;
	float:left;
	padding:2px 8px 0;
}

#searchModule label {
  color:#000;
  padding-left:0;
}

#login-login #label-upwd {

}

#login-login #ueml,
#login-login #upwd,
#searchModule #searchTextField {
	width: 135px;
	min-height: 18px;
	float: left;
	border: 1px solid #ccc;
	padding: 2px 8px 1px 1px;
	margin: 0;
	font-size: 0.95em;
/*	line-height: 1em;	*/
}

#login-login #upwd {
	padding: 2px;
	margin-right:4px
}

#login-login #B0,
#searchModule #searchButton {
	padding: 0;
	margin: 0;
}

#searchModule #searchButton {
	float: right;
}


/* some hackery to make IE<7 behave */

* html #login-login {
	width: 183px;
}

* html #login-login #ueml,
* html #login-login #label-ueml,
* html #login-login #upwd,
* html #login-login #label-upwd {
	position: relative;
	left: 3px;
	top: 1px;	
}

/* increase the size of all the labels in the (RHS) sidebar in IE,
as when they're the correct size for the design they're pretty illegible
(they're small but just about legible at 0.8em in other browsers) */
* html #login-login label,
* html #searchModule label {
	font-size: 0.85em;
}


/* Quicklinks */

#quickLinksModule {
  /* margin-top: 10px; */
}

ul#quickLinks * {
	z-index: 999999; /* required because of the use of BS JS */
}
* html ul#quickLinks a {
	zoom: 1; /* trigger hasLayout in IE<7 */
}

ul#quickLinks,
ul#quickLinks ul {
	display: block;
	margin: 0;
	padding: 0;
	width: 180px; /* Width of Menu Items */
	/*border-bottom: 1px solid #ccc;*/
	/* background: #fff;  IE6 Bug 
	font-size: 100%; */
}

ul#quickLinks li.topLink {
  /* border: 1px solid #ccc; */
	min-height: 18px;
	background: #fff url(/images/button_arrow.gif) no-repeat center right;
}
* html ul#quickLinks li.topLink {
	height: 18px; /* effective min-height for IE<7 */
}
ul#quickLinks li.topLink a {
	border: 1px solid #ccc;
	padding: 2px;
	width: 139px; /* width of li.toplink minus the width of the button (background) */
}
ul#quickLinks li.topLink ul a {
	width: auto;
	background-color: white;
	border-top: none;
	padding: 2px;
}

ul#quickLinks li {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#quickLinks li a {
	display: block;
	text-decoration: none;
	margin: 0;

}

ul#quickLinks li.topLink ul a {

}

ul#quickLinks li.topLink ul a:hover { 
  color: #666; 
}
/*
ul#quickLinks li ul li {
  border: 1px solid #ccc;
  border-top: none;
}
*/
ul#quickLinks ul {
	display: block;
	position: absolute;
	display: none;
	left: 0px;
	top: 17px;
	border-top: 1px solid #ccc;
}

/* ul#quickLinks li ul li a { padding: 2px 5px; }  submenu links */

ul#quickLinks li:hover ul,
ul#quickLinks li.hover ul { /* dropdown */
  display: none; 
} 

ul#quickLinks li:hover ul,
ul#quickLinks li li:hover ul,
ul#quickLinks li.hover ul,
ul#quickLinks li li.hover ul { /* show dropdown */
  display: block; 
} 

ul#quickLinks li.topLink { 
/*  background: transparent url(/images/quicklinks.gif) right center no-repeat; */
}

/* Map Finder module */

#mapFinderForm {
  height: 40px;
  position: relative;
}

#mapFinderForm label {
}

#mapFinderTextField {
  float: left:
  width: 120px;
}


#mapFinderButton {
  position: absolute;
  top: 10px;
  right: 0px;
  /*border: 1px solid red;*/
}

/* RSS module */
#rssModule img,
.rssTitle,
.rssItems .sml {
  display: none;
}
.rssItems {padding-top: 2px;}
.rssItems a {
  /*text-decoration: none;*/
}
.rssItems a:hover {
  text-decoration: underline;
}

/* General modules */

.moduleTitle {
  border-bottom: 1px solid #CCCCCC;
  background: #F1F1F1 url(/images/mod-title-bg.jpg) bottom left repeat-x;
  color: #666;
  font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 5px 5px;
  margin-top: 10px;
}

.moduleBackground {
  background-color: #F5F5F5;
  padding: 5px;
}

.moduleBackground label.sml {
  font: bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.moduleButton {
  text-align: center;
}

.moduleInput .textField {
  width: 160px;
  margin-bottom: 3px;
  margin-top: 1px;
}

/* Tab styles 
================================================================================
*/

div.formTabDialog {
  background: #F5F5F5;
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
}

div.formTabDialog table td { /* for search dialogs etc */
  padding-left: 10px;
  padding-right: 10px;
}

div.formTabDialog div,
div.formTabDialog form {
  clear: both;
}

div.formTabDialog div {
 /* padding: 10px;*/
}

div.formTabDialog div table { /* for sigs etc */
  margin: 0;
}

div.formTabDialog .formcell {
  padding-right: 10px;
}

ul.formTabRow,
ul.formTab {
	list-style-type: none;
	margin: 0;
  margin-top: 3px;
  padding: 0;
	padding-left: 10px;
  background: #FFF;
	/* this has to be fixed height for tabs to work well */
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

ul.formTabRow,
ul.formTab {
  padding-bottom: 25px; /* depends on  font height */
  list-style-type: none;
}


ul.formTabRow li,
ul.formTab li {
	float: left;  /* for IE 6 */
  padding: 0; 
  margin: 0;
  display: inline;
	height: 20px; /* depends on font height */
	background-color: #F5F5F5;
	color: #FFFFFF;
  border: 1px solid #FFFFFF;
	border-bottom: 1px solid #F5F5F5;
}


ul.formTabRow a:link, 
ul.formTabRow a:visited,
ul.formTab a:link,
ul.formTab a:visited {
	display: block;
	color: #000084;
  background: #F1F1F1 url(/images/mod-title-bg.jpg) bottom left repeat-x;
	text-decoration: none;
	padding: 4px 8px 6px 8px;
}

ul.formTabRow a:hover,
ul.formTab a:hover {
	color: #666;
}

ul.formTabRow li.tabSelected span,
ul.formTab li.tabSelected span {
	display: block;
	color: #666;
	background-color: #F5F5F5;
	padding: 4px 8px 6px 8px;
}


ul.formTabRow li.tabSelected,
ul.formTab li.tabSelected {
  border-bottom: 1px solid #F5F5F5;
	color: #666;
	background-color: #FFFFFF;
}

ul.formTabRow li.tabDisabled,
ul.formTab li.tabDisabled {
  display: none;
}


/* Image styles 
================================================================================
*/

img.frame { /* simple frame */
  margin: 6px;
}

table.leftImage, /* advanced frame */
table.rightImage,
table.centreImage{
  margin: 6px 0px 0px;
  border-collapse: collapse;
}

table.leftImage td, 
table.rightImage td,
table.centreImage td{
  padding: 0 0 2px 0;
}

table.leftImage, 
table.leftImage caption {
  margin-right: 6px;
}

table.rightImage, 
table.rightImage caption {
  margin-left: 6px;
}

table.leftImage caption, /* advanced frame captions */
table.rightImage caption, 
table.centreImage caption  {
  margin-bottom: 6px;
  padding: 2px 5px;
  background: #CCCCCC;
  font: normal 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000000;
  text-align: left;
}

.sidebar-item-container {
	margin-top: 20px;
}

/* these sidebar headings use a sliding-doors-esque approach for the background */

.sidebar-item-header-wrapper {

}
	* html .sidebar-item-header-wrapper {
		zoom: 1;	/* trigger hasLayout in IE<7 */
	}

.sidebar-item-container h2 {

	font-size: 1.2em;
}

.sidebar-item-container h2 span {
	display: block;
	padding: 10px 10px;
	background: transparent url(/images/sidebar_heading_right.gif) no-repeat top right;
	color: #fff;
	font-weight: bold;
}



.sidebar-item-inner-container {   
  padding: 10px; 
  background:#E2F1EC;
  }

.sidebar-item-container{
  padding-bottom:15px;
  background: transparent url(/images/sidebar_bottom_right.gif) no-repeat bottom right;
  }

.sidebar-item-container .sidebar-item-inner-container a.more {
	margin-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	display: block;
	float: right;
	color:#000;
}

td #content li {
  margin-left:1em;
}

.sidebar-item-container a, table#print-email-links a{
  color:#000;
}

#icon {
  position:relative;
  float:right;
  margin-right:143px;
  margin-top:-15px;
  }

#icon-inner {
  position:absolute; 
  top:0px;
  left:0px;
  }
  
#marketing {
  background: transparent url(/images/sidebar_heading_right.gif) no-repeat top left;
  margin-top:20px;
  }
  
  
#marketing  ul {
  padding:0 10px 20px;
  list-style-type:none;
  list-style-image:none;
  background: #008335 url(/images/marketing_bottom.gif) no-repeat bottom left;
  }
  
#marketing ul li {
  border-bottom:2px solid #C0B600;
  list-style-type:none;
  list-style-image:none;
  padding-top:2px;
  padding-bottom:10px;
  }
  
#marketing a {
  color:#fff;
  text-decoration:none;
  }

#marketing a:hover {
  color:#C0B600;
  text-decoration:underline;
  }

#marketing  br{
  display:none;
  }
   
#marketing-inner {
  margin-bottom:14px;
  padding:14px 0 0px 0;
  }