/*--------------------- Last Modified --> 2006.03.25 ---------------------*/
/*-----------------------------------------------------------------------*/


/* 
 ----------------------------------------------------------------------------
  Copyright Einstein Industries 2006. Used with Permission.                             
  May not be duplicated or reproduced.

  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/
.right { text-align:right; }
.center { text-align:center; }


/* Horozontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background:url("../images/nav-bar.jpg") no-repeat; 
	width:742px; 
	height:36px; 
	margin:0;
	padding:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height:36px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; }

#nav-01 { width: 70px; margin-left: 0px;}
#nav-02 { width: 93px;}
#nav-03 { width: 142px;}
#nav-04 { width: 95px;}
#nav-05 { width: 81px;}
#nav-06 { width: 67px;}
#nav-07 { width: 100px;}
#nav-08 { width: 88px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav-bar.jpg")  -0px -36px no-repeat; }
#nav-02 a:hover { background:url("../images/nav-bar.jpg") -70px -36px no-repeat; }
#nav-03 a:hover { background:url("../images/nav-bar.jpg") -163px -36px no-repeat; }
#nav-04 a:hover { background:url("../images/nav-bar.jpg") -305px -36px no-repeat; }
#nav-05 a:hover { background:url("../images/nav-bar.jpg") -400px -36px no-repeat; }
#nav-06 a:hover { background:url("../images/nav-bar.jpg") -481px -36px no-repeat; }
#nav-07 a:hover { background:url("../images/nav-bar.jpg") -548px -36px no-repeat; }
#nav-08 a:hover { background:url("../images/nav-bar.jpg") -648px -36px no-repeat; }

/*------------------- right column classes/ids -------------------------------------------------*/
div.right_col_article{ }

div.right_col_article .article_img {
	float:left; 
	margin:10px 15px 30px 15px;
}

div.right_col_article .article_img span {margin-left:40px;}

.title {font-size:17px;}
.sub_title {font-size:11px;}