/* LAYOUT */
body {
  padding-top: 20px;
  /* moved to body.css background-color: #00331a;*/
}

div#container {
  margin-left: auto;
  margin-right: auto;
  width: 857px;
}

div#adornment_l {
  margin-top: 20px;
  width: 850px;
  float: left;
  padding-left: 7px;
  background: #99cc66;
}

div#adornment_l_rfp {
  margin-top: 20px;
  width: 850px;
  float: left;
  padding-left: 7px;
  background: #ffffff;
}

div#adornment_r {
  width: 850px;
  float: right;
  background: #00331a url("../images/shadow_r.png") top right repeat-y;
}

div#background {
  float: left;
  background-color: #FFF;
  width: 840px;
}

div#header {
  float: left;
  width: 840px;
}

div#footer_shadow {
  width: 857px;
  float: left;
  clear: both;
}

div#attribution {
  float: left;
  width: 840px;
  text-align: center;
}

div#attribution p,
div#attribution p a {
  text-align: center;
  color: #FFF;
}

/* COLUMNAL LAYOUTS */

div.columns_2 {
	width:385px;
	float:left;
	padding:10px 10px;	
	/*
border: 1px solid #ff0000;
*/
}

/* 3 columns */

div#columns_3 {
  width: 840px;
  float: left;
}
div#columns_3 div.colspan_2 {
  width: 540px;
  float: left;
  padding: 10px 10px;
}

div#columns_3 div.colspan_3 {
  width: 820px;
  float: left;
  padding: 10px 10px;
}

div#columns_3 div.col1,
div#columns_3 div.col2,
div#columns_3 div.col3 {
  width: 260px;
  padding: 10px 10px;
}

div#columns_3 div.col1,
div#columns_3 div.col2 {
  float: left;
}

div#columns_3 div.col3 {
  float: right;
}

/* 4 columns */

div.columns_4 {
  width: 840px;
  float: left;
}
div.columns_4 div.colspan_2 {
  width: 400px;
  float: left;
  padding: 10px 10px;
}

div.columns_4 div.colspan_3 {
  width: 610px;
  float: left;
  padding: 10px 10px;
}

div.columns_4 div.colspan_4 {
  width: 820px;
  float: left;
  padding: 10px 10px;
}

div.columns_4 div.col1,
div.columns_4 div.col2,
div.columns_4 div.col3,
div.columns_4 div.col4 {
  width: 190px;
  padding: 10px 10px;
}

div.columns_4 div.col1,
div.columns_4 div.col2,
div.columns_4 div.col3 {
  float: left;
}

div.columns_4 div.col4 {
  float: right;
}

div.columns_4 .col_half_main {
	/* used to split the main area in a 4-column layout when there IS a sidebar 
		for cases when there IS NOT a sidebar we can use the regular colspan_2 class above */
  width: 295px;
  float: left;
  padding: 10px 10px;
}

/* these column_???? classes are for columnar layouts for use inside the rich text editor.
 * 	they have smaller paddings and widths than the layout columns above to account for the added padding 
 * inside the existing layout containers and the formatted text element in which they reside
 */

.column_split {
  width: 285px;
  float: left;
  padding: 5px 5px 5px 10px;
}

.column_split_wide {
  width: 395px;
  float: left;
  padding: 5px 5px 5px 10px;
}

.column_three {
  width: 187px;
  float: left;
  padding: 5px 5px 5px 10px;	
}

.column_three_wide {
  width: 257px;
  float: left;
  padding: 5px 5px 5px 10px;	
}

.column_four_wide {
  width: 187px;
  float: left;
  padding: 5px 5px 5px 10px;	
}

div.bg_lblue_rgreen {
  background: #FFF url("../images/bg_lblue_rgreen.png") repeat-y center;
}

div.bg_lgreen_rblue {
  background: #FFF url("../images/bg_lgreen_rblue.png") repeat-y center;
}

div.bg_lblue {
  background: #FFF url("../images/bg_lblue.png") repeat-y center;
}

div.bg_rblue {
  background: #FFF url("../images/bg_rblue.png") repeat-y center;
}

div.bg_rgreen {
  background: #FFF url("../images/bg_rgreen.png") repeat-y center;
}

div.bg_lgreen {
  background: #FFF url("../images/bg_lgreen.png") repeat-y center;
}

/* DISPLAY TABLES */

table.content_table {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
}

table.content_table tr.odd td {
  background: #cce4d9;
}

table.content_table td {
  padding: 5px;
  vertical-align: top;
}

table.content_table th {
  font-weight: bold;
  vertical-align: bottom;
  border-bottom: 1px solid #EEE;
  padding: 5px;
}

table.content_table p {
  font-size: 1.1em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}

/* CUSTOM BLOCKS */

/*columns-4 then colspan_4 is when we DON'T have a sidebar*/
div.columns_4 div.colspan_4 div.section_description {
	width: 395px;
	padding: 10px 10px 10px 0px;
	float: left;
}

div.columns_4 div.colspan_4 div.section_photo {
	/* has similar style to img.imageheader so that it can live peacefully in colspan3 */
	/*width: 415px;*/
	float: right;
	/*padding-left:2px;*/
	margin:0 -10px 0 -10px;
}

/*columns-4 then colspan_4 is when we DO have a sidebar*/
div.columns_4 div.colspan_3 div.section_description {
	width: 275px;
	padding: 10px 10px 10px 0px;
	float: left;
}

div.columns_4 div.colspan_3 div.section_photo {
	/* has similar style to img.imageheader so that it can live peacefully in colspan3 */
	float: right;
	/*display: inline;*/
	margin: 0 -10px 0 -10px;
}

/* original section_description and section_photo */
/*div.section_description {
  width: 295px;
  padding: 10px 10px;
  float: left;
}
*/
/* original section_description and section_photo */
/*div.section_photo {
  width: 315px;
  float: left;
}
*/
/* Align the images right for those that are vertical instead of horizontal */
div.section_photo div {
    text-align: right;
}

div.minical {
  border: 1px solid #3277b7;
  margin: -10px -10px 0 -10px;
}

div.map_container {
  float: left;
  width: 100%;
  background: #FFF;
  margin-bottom: 20px;
}

div.map_padding {
  float: left;
  padding: 20px;
}

table.map_table {
  width: 100%;
}

img.map {
  margin: 0 auto;
}
/* BOXES */
div.colbox {
  margin: -10px;
  padding: 10px;
}

div.lgreen {
  background: #cce4d9;
}

div.lblue {
  background: #eaf4fe;
}

/* Private Datasheet Management Forms */
.addlink, .addlink div a, .addlink div a:visited, .addlink div a:active {
    font-size: 1.2em;
    font-weight:bold;
    margin:0px 0px 8px 0px;
    text-decoration: none;
}

.addlink div a:hover {
    text-decoration: underline;
}

.clearcontainer {
	clear:both;
	padding:10px;
}

/* custom layout scripts */
div.custom_two_column {
	width:100%;
}

div.custom_two_column div.left_container {
	float:left;
	width:400px;
	margin-left:5px;
}

div.custom_two_column div.right_container {
	float:right;
	width:400px;
	margin-right:5px;
}

div.text_next_to_image {
	width:100%;
}

div.text_next_to_image div.tni_image {
	float:left; 
	margin:5px;
	width:150px;
}

div.text_next_to_image div.tni_text {
	float:right; 
	width:445px;
}