/* @group Reset */

/* http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
                {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
ol, ul 			{list-style: none;}
q, blockquote 	{quotes: none;}
:focus 			{outline: 0;}
ins 			{text-decoration: none;}
del 			{text-decoration: line-through;}
a img, :link img, :visited img
				{border: 0;}

/* @end */




/* Set Base Styles to build off of */

/* @group Structure */

#container          {background-color: #fff; width: 710px; padding: 25px; margin: 0px auto 0px auto;text-align:left;}

/* Header elements */
#header 		    {margin-bottom: 18px;}
#header:after	    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#header  		    {*zoom: 1;}

#header_logo        {width: 170px; height: 75px; float: left; margin-right: 10px;}
#header_logo_banner {float: right;}
#header_full_banner {margin-left: -25px; margin-right: -25px;}

/* Footer elements */
#footer             {width:  760px;margin: 10px auto 18px;position: relative;}
#footer:after	    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#footer  		    {*zoom: 1;}

#copyright          {font-size: 10px;float: left;}
#footer_links       {float: right;}
#footer_links a     {font-size: 11px;margin-left: 10px;color: #000;}

/* @end */



/* @group Typography */

body {
	font-size: 12px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #333;
	background-color: #ccc;
	padding-top:20px;
	text-align:center;
	
}

h1 {
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	line-height: 120%;
	letter-spacing: -1px;
	margin-bottom: 6px;
	
}



.grid6 h2{
font-size: 22px;
	font-weight: normal;
	font-style: normal;
margin-bottom: 1px;
	line-height: 120%;
}

h2, .title_block h2 {
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
margin-bottom: 6px;
	line-height: 120%;
	
}

h3 {
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	line-height: 120%;
}


ul, ol    {
	margin-left: 3em;
}
ul        {list-style-image: url(link_bullet.gif);}
ol        {list-style-type: decimal;}

a         {text-decoration: none; color: #FF6600;}
a:link    {}
a:visited {}
a:hover   {text-decoration:underline;}
a:active  {}


.caption             {font-size: 10px;line-height: 110%;}

.description         {font-size: 11px;line-height: 130%;padding:2 7px 2px 0px;}
.segment_description {font-size: 13px;line-height: 130%;}
.segment_link        {font-size: 13px;line-height: 130%;font-weight: bold;
					  background: url(link_bullet.gif) no-repeat left;
	                  padding-left: 12px;}


.text_button         {font-size: 14px; line-height: 100%; font-weight: bold;
                      color: #fff; background-color: #42423a;
                      display: block;
                      padding: 10px 5px 7px 10px;
                      margin: 1px 1px 3px 0;}


.link_bullet         {background: url(link_bullet.gif) no-repeat left;
					  /*background-position: 0px 2px;*/
	                  padding-left: 12px;}

.secondary_link      {margin-bottom: 18px; display: block; text-align: center; font-size: 14px;clear:both;}


/* @end */


/* @group Blocks */

/* Block-like things that need consistent margins */
.title_block,
.linkblock_text,
.linkblock_images,
.linkblock_mixed,
.content_block,
.form_block,
.text_block,
.image,
.widget,
.seg_table,
 ul, ol,
.staticblock_images img,
.staticblock_images div 
                            {margin-bottom: 18px;}
.seg_table img{
		margin-bottom:0px;
	}				

/* we need this so that floated elements in the .title_block don't overlap */
.title_block:after	        {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.title_block 		        {*zoom: 1;}

.title_block div{
	line-height:180%;
}


.staticblock_images div img {margin-bottom: 0;}

.linkblock_mixed a,
.linkblock_mixed img,
.linkblock_text a,
.linkblock_images img       {display: block;}

.image_right                {float: right; margin-left: 18px;}


/* Segmentation blocks - horizontal images */
.seg2_block,
.seg3_block,
.seg4_block,
.seg5_block,
.seg6_block{float: left; margin-bottom: 18px;}

.seg2_block{width: 355px;}
.seg3_block{width: 236px;}
.seg4_block{width: 177px;}
.seg5_block{width: 142px;}
.seg6_block{width: 118px;}

/* Text buttons on solid color underneath images */
.seg2_block .text_button {width: 354px;}html>body .seg2_block .text_button{width: 339px;}
.seg3_block .text_button {width: 235px;}html>body .seg3_block .text_button{width: 220px;}
.seg4_block .text_button {width: 176px;}html>body .seg4_block .text_button{width: 161px;}
.seg5_block .text_button {width: 141px;}html>body .seg5_block .text_button{width: 126px;}
.seg6_block .text_button {width: 117px;}html>body .seg6_block .text_button{width: 102px;}


.widget_710x30 {
	width: 710px;
	height: 30px;
	background: url(widget_710x30.gif) no-repeat;
}
.widget_350x30 {
	width: 350px;
	height: 30px;
	background: url(widget_350x30.gif) no-repeat;
	overflow:hidden;
}
/* @end */



/* @group Utilities */

.pad_bottom {
	margin-bottom: 18px;
}
.pad_top {
	margin-top: 18px;
}

.block {
	display: block;
	margin-bottom: 6px;
}

.block_nomargin {
	display: block;
}

.clear{
	clear:both;
}

.left_margin_5{
	margin-left:5px;
}

/* @end */


/* @group Grid */

.section 		{margin-bottom: 18px}
.section_last   {margin-bottom: -18px;}
.section:after, .section_last:after	{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.section, .section_last     		{*zoom: 1;}


/*.section:last-child   {margin-bottom: -18px;}*/
.section .firstcolumn,
.section .firstcol,
.section_last .firstcolumn,
.section_last .firstcol
{margin-left: 0;}

/* Border on left hand side of a column. */
.border {
  padding-left: 5px;
  margin-left: 4px;
  border-left: 1px solid #ddd;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-left: 30px;
  margin-left: 29px;
  border-left: 1px solid #ddd;
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0 0 1.5em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 15px; 
  margin-bottom: 18px; 
  background: #eee; 
}


.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 
{margin-left: 10px;float: left;display: inline; overflow: hidden;}

.grid1  {width: 50px;}
.grid2  {width: 110px;}
.grid3  {width: 170px;}
.grid4  {width: 230px;}
.grid5  {width: 290px;}
.grid6  {width: 350px;}
.grid7  {width: 410px;}
.grid8  {width: 470px;}
.grid9  {width: 530px;}
.grid10 {width: 590px;}
.grid11 {width: 650px;}
.grid12 {width: 710px;}
/* @end */