/** ------------------------------------------------------ **/
/** -------------------2 column layout -------------------- **/
body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
}

#skip-navigation{
	height: 1px;
}

#wrap{
	border: 0px solid #000000;
	background-color: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	width: 969px;
}
* html #wrap {  /* This is the Tan hack */
	width: 969px; 
	w\idth: 969px; 
	}


#header{
	background-image: url(../images/layout2/bg-header.gif);
	background-repeat:no-repeat;
	height: 197px;
	position: relative;
}

#centerc{
	display: inline;
	float:left;
	margin-bottom: 15px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 2px;
	width: 919px;
}
* html #centerc {  /* This is the Tan hack */
	width: 669px; 
	w\idth: 919px; 
	}

	
#centerc_3col{
	display: inline;
	float:left;
	margin-bottom: 15px;
	margin-left: 244px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	width: 472px;
}
* html #centerc_3col {  /* This is the Tan hack */
	width: 482px; 
	w\idth: 472px; 
	}

#leftc_3col{
	float:left;
	margin-bottom: 15px;
	margin-left:-726px;
	padding-top: 2px;
	width: 244px;
}

#rightc_3col{
	float:left;
	margin-bottom: 15px;
	padding-top: 2px;
	width: 243px;
}

#foot{
	border-top: 1px solid #ee3124;
	clear: both;
	padding-bottom: 5px;
	margin-top: 20px;
	width: 969px;
}

/** ------------------------------------------------------ **/
/** ------------------- header --------------------------- **/

#header_graphic{
	float: left;
}
#header_graphic img {
	display: block;
}

#header_search {
	float: right;
	padding-top: 10px;
}

#headerbar {
	position: absolute;
	background-image: url(../images/layout2/bg-headerbar.jpg);
	background-repeat: repeat-x;
	height: 30px;
	left: 0px;
	top: 153px;
	width: 969px;
}

#headerbar_title {
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	margin-left: 17px;
	margin-top: 5px;
	width: 100px;
}
#headerbar_title a {
	color: #FFFFFF;
	text-decoration: none;
}
#headerbar_flash {
	float: left;
	width: 852px;
}
#headerbar_text {
	margin-top: 5px;
}


#navigation{
	position: absolute;
	background-image: url("../images/layout2/bg-nav.jpg");
	background-repeat: no-repeat;
	height: 30px;
	left: 0px;
	top: 120px;
	width: 969px;
}

/** ------------------------------------------------------ **/
/** -------------------navigation ------------------------ **/

#navigation p.pNavigation {
	color: #FFFFFF;
	float: left;
	margin: 0px;
	letter-spacing: -1px;
	padding-left: 18px;
	padding-top: 5px;
}
#navigation p.pRegister {
	color: #FFFFFF;
	float: right;
	margin: 0px;
	letter-spacing: -1px;
	padding-right: 18px;
	padding-top: 5px;
}
#navigation p a, #navigation p a:visited {
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;   	
	text-decoration: none;
}
#navigation p a:hover, #navigation p a:active {	
	color: #ee3124;	
}

#headerbar p {
	color: #FFFFFF;
	margin: 0px;
	padding-left: 18px;
	padding-top: 5px;
}
#headerbar p a, #headerbar p a:visited {
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;   	
	text-decoration: none;
}
#headerbar p a:hover, #headerbar p a:active {	
	color: #000000;	
}

/** ------------------------------------------------------ **/
/** ------------------- dev menu --------------------------- **/

ul.devmenu {
	list-style: none;
	margin: 0px;
	margin-bottom: 2px;
	padding: 0px;	
}
ul.devmenu li {
	margin: 0; 
	padding: 0; 
}

ul.devmenu li a, ul.devmenu a:visited {
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration: none;
	/*width avoids extra whitespace in ie5-6*/
	width: 219px;
}
	
/** ------------------------------------------------------ **/
/** ------------------- footer --------------------------- **/
#footerleft
{
    float: left;
	padding-left: 12px;
	padding-top : 5px;
}
#footerleft p {
	font-size: 0.8em;
}
#footerleft p a, #footerleft p a:visited {	
	text-decoration: none;
}
#footerleft p a:hover, #footerleft p a:active {	
	color: #ee3124;	
}

#footerright
{
    float: right;
	padding-right: 12px;
	padding-top : 5px;
}
#footerright p {
	font-size: 0.8em;
}
#footerright p a, #footerright p a:visited {	
	text-decoration: none;
}
#footerright p a:hover, #footerright p a:active {	
	color: #ee3124;	
}


/** ------------------------------------------------------ **/
/** ------------------- HTML elements -------------------- **/

caption {
	font-weight: normal;
	text-align: left;	
}
th {
	font-weight: bold;
	text-align: left;	
}
pre {
	font-size: 0.8em;
	background-color: #CCCCCC;
	padding: 10px;
}

embed {
	display: block;
}
object {
	display: block;
}


/** ------------------------------------------------------ **/
/** ------------------- form ------------------------- **/

form {
  margin: 0px;
  padding: 0px;
  }
fieldset {
  padding: 10px;
  padding-top: 10px;
  width: auto;
  }
legend {
  font-weight: normal;
  padding-bottom: 10px;
  }
legend strong {
  color: #ee3124;
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 10px;
  }
input {
  float: left;
  margin-right: 10px
  }
select {
  float: left;
  margin-right: 10px
  }
input.buttons {
  float: none;
}
form fieldset div {
  padding-bottom: 0px;
  clear: both;
  }
form fieldset p {
  padding-bottom: 10px;
  margin: 0px;
  clear: both;
  }
label {
  display: block;
  float: left;
  width: 120px;
  margin-right: 10px;
  padding-bottom: 10px;
  }
textarea {
	font-family: Verdana, Helvetica, sans-serif;
}

div.divSelectWidth select {
	width: 14em;
}
label.labelOptIn {
	width: 244px;
}


/** ------------------------------------------------------ **/
/** ------------------- div table replacements ----------- **/

/*create a row*/
div.TableReplaceRow {
	clear: both;
	padding-top:0px;
  }
/*label cell*/
div.TableReplaceRow div.TableReplacelabel {
	float: left;
	text-align: left;
	width: 160px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplacedata {
	float: left;
	text-align: left;
	margin: 0px;
  } 
 /*data cell*/
div.TableReplaceRow div.TableReplaceRight {
	float: right;
	margin: 0px;
  } 
div.TableReplaceRowClear {
	clear: both;
  }
  
.clearboth {
	clear:both;
}

/*data cell*/
div.TableReplaceRow div.TableReplaceStopPressImage {
	float: left;
	margin: 0px;
	width: 235px;
  } 
 div.TableReplaceRow div.TableReplaceStopPressText {
	float: left;
	margin: 0px;
	width: 684px;
  } 

/** ------------------------------------------------------ **/
/** ------------------- search box ----------------------- **/

#DivSearch {
	height: 120px;
	text-align: left;
	width: 180px;
}
#DivSearch p {
	margin: 0px;
	padding: 0px;		
}
#DivSearch p.PSearchTitle {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 3px;
	padding: 0px;
}
#DivSearch label {
	display: none;
}
#DivSearch select {
	font-size: 12px;
	margin: 0px;
	width: 135px;
}
#DivSearch #divSubmit {
	float: left;
	margin-left: 1px;
	padding-bottom: 5px;
}
#DivSearch input {
	font-size: 9px;
	height: 18px;
	margin: 0px;
	width: 25px;
	padding: 0px;
}


 /** ------------------------------------------------------ **/
/** -------------------- leftc --------------------------- **/

#leftC1 {
	background-color:#FF0000;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	width:180px;
}

#leftC3 {
	background-color:#FF0000;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	width:180px;
}

#leftC2 {
	background-color:#FF0000;
	color: #FFFFFF;
	float: left;
	height: 150px;
	margin-bottom: 12px;
	text-align: center;
	width:104px;
}

#leftC1 img, #leftC2 img, #leftC3 img {
	display: block;
}

#leftC4 {
	background-color:#FF0000;
	color: #FFFFFF;
	float: left;
	height: 120px;
	margin-bottom: 12px;
	text-align: center;
	width: 104px;
}
#DivStopPress {
	padding: 5px;
	padding-top: 25px;
}
#DivStopPress p {
	color:#FFFFFF;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
}
#DivStopPress p.PSearchTitle {
	color:#FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#DivStopPress a {
 color: #FFFFFF;
 text-decoration:none;
}
#DivStopPress a:hover {
 color: #000000;
}

#DivTelephone {
	padding: 5px;
	padding-top: 42px;
}
#DivTelephone p {
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#DivContactUs {
	padding: 5px;
	padding-top: 25px;
}
#DivContactUs p {
	color:#FFFFFF;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#DivContactUs p.PSearchTitle {
	color:#FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
#DivContactUs a {
 color: #FFFFFF;
}
#DivContactUs a:hover {
 color: #000000;
}


/** ------------------------------------------------------ **/
/** ------------------- development nav------------------- **/
#divDevNavLeft
{
    float: left;
}
#divDevNavLeft ul
{
    list-style: none; 
    margin: 0;
}
#divDevNavLeft ul li
{
	display: block;
	margin: 0;	
}
#divDevNavLeft ul li a
{		
	color: #ee3124;
	text-decoration: none;
}
#divDevNavLeft ul li a:hover
{	
    color: #000000;
}

#divDevNavRight
{
    float: right;
}
#divDevNavRight ul
{
    list-style: none; 
    margin: 0;
}
#divDevNavRight ul li
{
	display: block;
	margin: 0;	
}
#divDevNavRight ul li a
{		
	color: #ee3124;
	text-decoration: none;
}
#divDevNavRight ul li a:hover
{	
    color: #000000;
}


/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/

#tablePlotResults {
	border:0px;
	width: 900px;
}
#tablePlotResults caption {
	color: #ee3124;
	font-size: 1em;
	font-weight: bold;
}
#tablePlotResults th {
	border-bottom: 1px solid #ee3124;
	padding: 4px;
}
#tablePlotResults td {
	padding: 4px;
	padding-right: 10px;
}

tr.tablePlotResultsZebra td {
	background-color:#F4F4F4;
}

.nobr {
	white-space: nowrap;
}
div.divDevBoxWrap {
	padding-bottom:  10px;
}
div.divDevBoxTop {
	background-image: url(../images/layout2/box-grey-big-top.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 919px;
}
div.divDevBoxBody {
	background-image: url(../images/layout2/box-grey-big-bg.gif);
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 1px;/* need these for the odd blank areas in FF*/
	padding-top: 1px;
	width: 889px;
}
* html div.divDevBoxBody {  /* This is the Tan hack */
	width: 919px; 
	w\idth: 889px; 
	}	
div.divDevBoxBody img {
	margin-left: 25px;
	padding-top: 20px;
}
div.divDevBoxBody div.divDevBoxleft {
	float:left; 
	width: 601px;
}
div.divDevBoxBody div.divDevBoxRight {
	float:right;
	width: 278px; 
}
div.divDevBoxFoot {
	background-image: url(../images/layout2/box-grey-big-foot.gif);
	background-repeat: no-repeat;
	clear: both;
	height: 10px;
	width: 919px;
}

#divHomeRight a img {
	display: block;
}


/** ------------------------------------------------------ **/
/** ------------------- greybox -------------------------- **/

div.boxGreyWrapHome {
	padding-bottom:  10px;
}
div.boxGreyWrap {
	padding-bottom:  10px;
}
div.boxGreyTop {
	background-image: url(../images/layout2/box-grey-top.gif);
	background-repeat: no-repeat;
	border: 0px;
	padding: 0px;
	height: 10px;
	width: 244px;	
}
div.boxGreyBody {
	background-image: url(../images/layout2/box-grey-bg.gif);
	background-repeat: repeat-y;
	border: 0px;
	padding: 0px;
	margin: 0px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 1px;/* need these for the odd blank areas in FF*/
	padding-top: 1px;
	width: 220px;
}
* html div.boxGreyBody {  /* This is the Tan hack */
	width: 244px; 
	w\idth: 220px; 
	}
div.boxGreyWrapHome div.boxGreyBody {
	min-height:337px;
  	height:auto !important;
  	height:337px;
}
div.boxGreyBody h1 {
	font-size: 1.1em;
	color: #000000;
	margin-top: 0em;
}
div.boxGreyBody h1.h1Dev {
	color: #000000;
	font-size: 1.1em;
	margin: 0px;
}
div.boxGreyBody h2.h2Dev {
	color: #000000;
	font-size: 0.9em;
	font-weight: normal;	
	margin: 0px;
	margin-bottom: 0.8em;
}
div.boxGreyBody p {
	font-size: 0.85em;
	margin-bottom: 0.9em;
	margin-top: 0.9em;
}
div.boxGreyBody p.pDevHours {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px;
}
div.boxGreyBody p.pDevTel {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 0.8em;
}
div.boxGreyFoot {
	background-image: url(../images/layout2/box-grey-foot.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 244px;
}


/** ------------------------------------------------------ **/
/** ------------------- redbox  -------------------------- **/
div.boxRedWrap {
	padding-bottom:  10px;
}
div.boxRedTop {
	background-image: url(../images/layout2/box-red-top.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 244px;
}
div.boxRedBody {
	background-image: url(../images/layout2/box-red-bg.jpg);
	background-repeat: no-repeat;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 1px;/* need these for the odd blank areas in FF*/
	padding-top: 1px;
	width: 220px;
}

* html div.boxRedBody {  /* This is the Tan hack */
	width: 244px; 
	w\idth: 220px; 
	}
div.boxRedBody p {
	color: #FFFFFF;
	font-size: 0.9em;
	margin: 0px;
}
div.boxRedBody p.pboxRedTitle {
	font-size: 1.3em;	
	font-weight: bold;
	margin-bottom: 0.7em;
}
div.boxRedFoot {
	background-image: url(../images/layout2/box-red-foot.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 244px;
}

/** ------------------------------------------------------ **/
/** ------------------- greybox with red line ------------ **/

div.boxRedGreyWrap {
	padding-bottom:  10px;
}
div.boxRedGreyTop {
	background-image: url(../images/layout2/box-redgrey-top.gif);
	background-repeat: no-repeat;
	height: 28px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 1px;/* need these for the odd blank areas in FF*/
	width: 219px;
}
* html div.boxRedGreyTop {  /* This is the Tan hack */
	height: 35px;
	he\ight: 28px;
	width: 243px; 
	w\idth: 219px; 
	}
div.boxRedGreyTop p {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
}
div.boxRedGreyBody {
	background-image: url(../images/layout2/box-redgrey-bg.gif);
	background-repeat: repeat-y;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 1px;/* need these for the odd blank areas in FF*/
	width: 219px;
}
* html div.boxRedGreyBody {  /* This is the Tan hack */
	width: 243px; 
	w\idth: 219px; 
	}
div.boxRedGreyBody h1 {
	font-size: 1.2em;	
}
div.boxRedGreyBody p {
	font-size: 0.9em;
}
div.boxRedGreyFoot {
	background-image: url(../images/layout2/box-redgrey-foot.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 243px;
}