/*CSS Styles*/


/* 4 COLUMN GRID SYSTEM for 685PX */
/* website is designed on this 4 column grid */
.grid_2{
		  display: inline;
		  float: left;
		  margin-left: 25px;
		}

.grid_2{
  width:305px;
}

li.grid_2{
  width: 285px;
  height: 200px;
  border: solid 2px #333;
  padding: 0px 10px;
  margin: 0px 25px 25px 0px;
  float: left;
  position: relative;
  display: inline-block;
  list-style: none;
}

	
#clear {
	clear: both;
	}
	
.clear {
	clear: both;
	}


.frontpage_grid_2 a:link  {
	color: #000000;
	text-decoration: none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
.frontpage_grid_2 a:hover {
	color: #005580;
	text-decoration: underline;
	}
	
.frontpage_grid_2 a:visited  {
	color: #005580;
	text-decoration: underline;
	
	}
	
.frontpage_grid_2 p {
	/*margin-bottom: 6px;*/
	font-family: 'Lucinda Grande', Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	}

.frontpage_grid_2 H4 {
	margin:0px 5px 0px 0px;
	padding-top:5px;
	padding-bottom:5px;
	}
/*Frontpage CSS*/
/* Typography fixes
--------------------------------------------------------------------------------*/


/* =Grid >> Global
--------------------------------------------------------------------------------*/
.frontpage_grid_2 {
					display: inline;
					float: left;
					margin-left: 5px;
				}

/* =Grid >> 6 Columns
--------------------------------------------------------------------------------*/

.frontpage_grid_2{width:220px;}


/* =Grid >> 6 Columns - no left margin
--------------------------------------------------------------------------------*/
.ml160{margin-left:180px;}
.ml320{margin-left:340px;}
.ml480{margin-left:500px;}
.ml640{margin-left:660px;}
.ml800{margin-left:820px;}
.ml960{margin-left:980px;}


.inside{margin-left:0;}

/*--------------------------------------------------------------------------------*/

		
.footertext
	{
		text-align:center;
	}
				

					
/*Removes border around all images*/
img { border: none; }

/*Use for <div>s to format images or sidebars.  Floats right and places 1.0 em margin around image or text.*/
.floatright		{
				float:right;
				padding: 0em;
				margin: 0px;

				}

.floatright	 p	{
				padding: 0px;
				margin: 0 0 0 0px;
				}

.floatleft		{
				float:left;
				margin: 0;
				padding-top: 0em;
				padding-right: 1.0em;
				padding-bottom: 0em;
				padding-left: 0em; 
				position: relative;
 				display: inline-block;
				}
		
/*Used for centering image in <div>*/				
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
	 

.stories  {
		width:250px;
		float:left;
		padding:0 15px 0 0;
		font-style:italic;
		font-size:11px;
		text-align:left;
	}
	
.imageright {
	float:right;
	padding:0 0 10px 10px;
	margin:0px;
	max-width:500px;
}

.imageright p {
		font-size:12px;
		text-align:right;
		
	}