/** ------------------------------------------------------ **/
/** -------------------2 column layout -------------------- **/
body {
	background-color: #b5bad0;
	background-image: url(../images/layout/bg-body.jpg);
	background-repeat: repeat-x;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 20px;
}

#skip-navigation{
	height: 1px;
}

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


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

#pageheader {
	padding-left: 17px;
	padding-right: 26px;
	width: 924px;
}
* html #pageheader {  /* This is the Tan hack */
	width: 967px; 
	w\idth: 924px; 
	}

#centerc{
	display: inline;
	float:left;
	margin-bottom: 15px;
	margin-left: 192px;
	padding-left: 29px;
	padding-right: 19px;
	padding-top: 13px;
	width: 398px;
	min-height: 380px;
    height:auto !important;
    height: 380px;
}
* html #centerc {  /* This is the Tan hack */
	width: 446px; 
	w\idth: 398px; 
	}

#leftc {
	float:left;
	margin-bottom: 15px;
	margin-left:-638px;
	padding-left: 17px;
	padding-top: 13px;
	width: 175px;
}
* html #leftc {  /* This is the Tan hack */
	width: 192px; 
	w\idth: 175px; 
	}

#rightc{
	float:left;
	margin-bottom: 15px;
	padding-right: 26px;
	padding-top: 13px;
	width: 303px;	
}
* html #rightc {  /* This is the Tan hack */
	width: 329px; 
	w\idth: 26px; 
	}
#wrapfooter{
	clear: both;
	background-image: url(../images/layout/wrapfoot-bg.gif);
	background-repeat:no-repeat;
	height: 4px;
}
#foot{
	clear: both;
	color: #263771;
	padding-bottom: 5px;
	margin: 0 auto;
	width: 967px;
}

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

#header_graphic{
	position: absolute;
	left: 30px;
	top: 16px;
}
#header_graphic img {
	display: block;
}

#navigation{
	position: absolute;
	height: 30px;
	left: 222px;
	top: 81px;
	width: 726px;
}

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

#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navigation ul li {
	display: inline;
	padding: 0;
	margin: 0px; 
}
#navigation ul li a, #navigation ul li a:visited {
    display: block;
	float: left;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active {	
	
}

/** ------------------------------------------------------ **/
/** ------------------- dev menu --------------------------- **/
.devmenu {
	background-image:url(../images/layout/devmenu-bg.jpg);
	background-repeat:no-repeat;
	padding-top: 12px;
	padding-bottom: 10px;
}

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

.devmenu ul li a, .devmenu ul a:visited {
	color: #FFFFFF;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 14px;
	padding-top: 5px;
	text-decoration: none;
	/*width avoids extra whitespace in ie5-6*/
	width: 161px;
}
* html .devmenu ul li a, * html .devmenu ul a:visited {  /* This is the Tan hack */
	width: 175px; 
	w\idth: 161px; 
	}
.devmenu ul li a:hover {
	color: #263771;
}
.devmenufoot {
	background-image:url(../images/layout/devmenu-foot.jpg);
	background-repeat:no-repeat;
	height: 3px;	
}	
/** ------------------------------------------------------ **/
/** ------------------- 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;
}

#footerright
{
    float: right;
	padding-right: 16px;
	padding-top : 5px;
}

#footerright p {
	font-size: 0.8em;
}
#footerright p a, #footerright p a:visited {	
	text-decoration: none;
}



/** ------------------------------------------------------ **/
/** ------------------- 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: #263771;
  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;
}

/** ------------------------------------------------------ **/
/** ------------------- left col box ----------------------- **/

.divRegisterButton {
	margin-bottom: 10px;
}
.divRegisterButton img {
	display: block;
}


#divSearch {
	margin-bottom: 10px;
	width: 175px;
}
#divSearch .divSearchTop {
	border: 0px;
	padding: 0px;
	height: 40px;
	width: 175px;
}

#divSearch .divSearchBody {
	background-image: url(../images/layout/search-bg.jpg);
	background-repeat: no-repeat;
	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: 8px;
	width: 151px;
}
* html #divSearch .divSearchBody {  /* This is the Tan hack */
	width: 175px; 
	w\idth: 151px; 
	}	
#divSearch label {
	display: none;
}
#divSearch select {
	font-size: 12px;
	margin: 0px;
	margin-bottom: 5px;
	width: 150px;
}
#divSearch input {
	clear:both;
	float: none;
	font-size: 10px;
	height: 18px;
	margin: 0px;
	width: 25px;
	padding: 0px;
}

#divSearch .divSearchFoot {
	background-image:url(../images/layout/search-foot.gif);
	background-repeat: no-repeat;
	clear: both;
	height: 4px;
	width: 175px;
}



#divBoxStopPress {
	width: 175px;
}
#divBoxStopPress .divBoxStopPressTop {
	border: 0px;
	padding: 0px;
	height: 40px;
	width: 175px;
}

#divBoxStopPress .divBoxStopPressBody {
	background-image: url(../images/layout/stoppressbox-bg.jpg);
	background-repeat: no-repeat;
	border: 0px;
	padding: 0px;
	margin: 0px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 10px;/* need these for the odd blank areas in FF*/
	padding-top: 8px;
	width: 151px;
}
* html #divBoxStopPress .divBoxStopPressBody {  /* This is the Tan hack */
	width: 175px; 
	w\idth: 151px; 
	}	

#divBoxStopPress p {
	color: #FFFFFF;
	font-size: 1.0em;
	margin: 0px;
}
#divBoxStopPress a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#divBoxStopPress a:hover {
	color: #263771;
}
#divBoxStopPress a.stoppressBlue {
	color: #263771;
	font-weight: bold;
	text-decoration: none;
}
#divBoxStopPress a.stoppressBlue:hover {
	color: #FFFFFF;
}


#divBoxStopPress .divBoxStopPressFoot {
	background-image:url(../images/layout/stoppressbox-foot.gif);
	background-repeat: no-repeat;
	clear: both;
	height: 3px;
	width: 175px;
}



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

#tablePlotResults {
	border:0px;
	width: 720px;
}
#tablePlotResults caption {
	color: #263771;
	font-size: 1em;
	font-weight: bold;
}
#tablePlotResults th {
	border-bottom: 1px solid #263771;
	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/layout/box-grey-big-top.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 720px;
}
div.divDevBoxBody {
	background-image: url(../images/layout/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: 690px;
}
* html div.divDevBoxBody {  /* This is the Tan hack */
	width: 720px; 
	w\idth: 690px; 
	}	
div.divDevBoxBody img {
	margin-left: 25px;
	padding-top: 20px;
}
div.divDevBoxBody div.divDevBoxleft {
	float:left; 
	width: 415px;
}
div.divDevBoxBody div.divDevBoxRight {
	float:right;
	width: 275px; 
}
div.divDevBoxFoot {
	background-image: url(../images/layout/box-grey-big-foot.gif);
	background-repeat: no-repeat;
	clear: both;
	height: 10px;
	width: 720px;
}



#divBoxHOWeek {
	width: 398px;
}
#divBoxHOWeek .divBoxHOWeekTop {
	background-image: url(../images/layout/howeekbox-top.gif);
	background-repeat: no-repeat;
	border: 0px;
	padding: 0px;
	height: 3px;
	width: 398px;
}

#divBoxHOWeek .divBoxHOWeekBody {
	background-image: url(../images/layout/howeekbox-bg.jpg);
	background-repeat: no-repeat;
	border: 0px;
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;/* need these for the odd blank areas in FF*/
	padding-top: 10px;
	width: 378px;
}
* html #divBoxHOWeek .divBoxHOWeekBody {  /* This is the Tan hack */
	width: 398px; 
	w\idth: 378px; 
	}	

#divBoxHOWeek p {
	color: #FFFFFF;
	font-size: 1.7em;
	margin: 0px;
}
#divBoxHOWeek p.pHowsmaller {
	font-size: 1.2em;
	margin-top: 10px;
}
#divBoxHOWeek a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#divBoxHOWeek a:hover {
	color: #fcff00;
}
#divBoxHOWeek .divBoxHOWeekClear {
	clear: both;
	height: 1px;
}

#divBoxHOWeek .divBoxHOWeekFoot {
	background-image: url(../images/layout/howeekbox-foot.gif);
	background-repeat: no-repeat;
	clear: both;
	height: 3px;
	width: 398px;
}

#pageheader h1 {
	background-image:url(../images/layout/pageheader-bg.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 1.8em;
	height: 56px;
	margin: 0px;
	margin-top: 14px;
	padding: 0px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 14px;
	width: 896px;
}
* html #pageheader p {  /* This is the Tan hack */
	width: 924px; 
	w\idth: 896px;
	height: 70px; 
	he\ight: 56px; 
	}	
#QuickLinkOver {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	background-image: url(../images/layout/quicklink-bg.gif);
	background-repeat: no-repeat;
	color: #000000;
	height: 16px;
	padding: 2px;
	position: relative;
	width: 297px;
	z-index: 99
	
}

#QuickLinkLayer {
	position: absolute;
	border: 1px solid #CCCCCC;
	border-bottom: 0px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 2px;
	height: 100px;
	top: -105px;
	left: -1px;
	width: 297px;
	visibility: hidden;
}