/* Color Changes

0, 102, 153			-> 30, 70, 121 (1E4679)
0,102,153			-> 30, 70, 121 (1E4679)
184, 12, 52			-> 30, 70, 121
83, 105, 150
*/


/* REV 5.17.05  700pm  tpm */

	* {		 /* wildcard set margins to zero */
		margin: 0;
		padding: 0;
		text-decoration: none;
		}
	body {
		background: #eee;
		background-image: url("images/blue-stripe.gif");
		background-repeat: repeat;
		font: 12px/14px "Trebuchet MS", Verdana, Arial;
		color: #333;
		text-align: center;	/* center the container id for IE */
		height: 100%;  /*	delete this  */
		}
	#container {
		position: relative;
		width: 760px;
		height: auto; /*	prob not necessary	*/
		border: 1px solid rgb(224,237,243);
/*new*/		margin: 6px auto;	/* GAIN 10PX IN TOP MARG */
		background: #fff;
		text-align: left; /* use with IE centering trick above */
		}
		
/*	============= HEADER ELEMENTS ==================== */
	#logo_inside {
		position: relative;
		float: left;
		padding: 0; /* delete if set to zero */
/*new*/		margin: 10px 0 5px 0px;	/* need top marg for layout integrity; reduce bottom  
									   gain 5px by reducing bottom from 10px  */
		width: 180px;
		height: 65px;
		background-color: rgb(213, 219, 225);
		}
	#banner_inside {
		position: relative;
		float: none;
		clear: both;
		height: 80px;
		background: rgb(0,0,0);
		}
/*	============= END HEADER ELEMENTS ==================== */


/*	============= MAIN NAV MENU rev.4.19.05.tpm ====================	*/
/*	changed left pos to 238px	*/
	#nav_main {		
/*new*/		font: normal normal normal 10px/14px "Trebuchet MS", Verdana, Arial;	/* reduce leading from 20px */
		letter-spacing: .1em;
		color: rgb(30, 70, 121);
			/* -----  POSITIONING --------- */
			float: none; 	/* hang left until something bumps it right	 */
			position: relative;
		/*	left: 238px; */	/* rev. 4.19.05.tpm	*/		
			width: 520px;	/* old comment: define width of block		 */
							/* then push contents right with sub-div 	*/
			margin: 4px 0 0 238px;
			/* ------- END POSITIONING --------- */
		clear: bottom;
		}
	#nav_main li {
		display: inline; /*	force horz layout	*/
		}
		
	#nav_main a {color: rgb(30, 70, 121);} /*	set text color for all anchors	*/
	
	#nav_main a:link, #nav_main a:visited {
		background-image: url(images/vert_bar_gray_6x20.gif);
		background-repeat: no-repeat;
		background-position: left;

		padding: 0 5px 0 10px; /* flesh the items out */
		margin: 0 0px 0 5px; 	/* separate the items */
		float: left; /*make the li's block boxes*/
		width: auto;	/* make ie5.2Mac play nice, technically correct*/
		}
	#nav_main a:hover{
		background: rgb(224, 237, 243);
		background-image: url(images/vert_bar_gray_6x20.gif);
		background-repeat: no-repeat;
		background-position: left;
		}
/*	============= END MAIN NAV MENU ====================	*/

	/*	============= UTILITY NAV MENU ====================	*/
	#nav_util {		/* ===== use this with a div ========= */
		font: normal normal normal 10px/20px "Trebuchet MS", Verdana, Arial;
		letter-spacing: .1em;
		float: right; /* for utility nav ONLY */
		width: 540px;
		margin-top: 0px; /* TEST:  IE52 places this according to viewport, not container!! */
		}

	#nav_util li {
		display: inline; /*	force horz layout	*/
		}
	#nav_util a:link, #nav_util a:visited {
		color: rgb(30, 70, 121);
		background-image: url("images/vert_bar_gray_6x20.gif");
		background-repeat: no-repeat;
		background-position: left;

		padding: 0 10px 0 14px; /* flesh the items out */
		margin: 0 0px 0 4px;
		float: right; /*make the li's block boxes*/
		width: auto;	/*this doesn't seem to work well in firefox*/
		}
	#nav_util a:hover{
		color: rgb(30, 70, 121);
		background: rgb(224, 237, 243);
		background-image: url("images/vert_bar_gray_6x20.gif");
		background-repeat: no-repeat;
		background-position: left;
		}
	/*	=============== END UTILITY NAV MENU ===================== */


/*	---------------- SUB NAV (left nav) ------------	*/
	#content_Left_Nav_Wrapper {
		position: relative;
		float: left;
		width: 216px;	/* 216	*/
		min-height:250px;
		_height:250px;
		margin: 0 0 0 0px; 
		/*	in IE cant use margin to push the whole left side div in -- it gets added to
			the left position defined in Nav_Menu below!!! 
			Use padding instead -- works identically in IE6/Firefox*/
		padding: 0 0 0 22px;
		background-color: #fff;
		background-image: url("images/section_deco_back_196x123.gif");
		background-repeat: no-repeat;
		background-position: 22px 0px; /* XY Coords */
		}
	#content_Left_Nav_Wrapper2 {
		_height: 150px;
		min-height: 150px;
		margin-top: 10px;
		background-color: #fff;
		background-image: url("images/section_deco_back_196x123.gif");
		background-repeat: no-repeat;
		background-position: 0px 0px; /* XY Coords */
		}		
	#content_Left_Nav_Menu { 	/* rev. 5.5.05	*/
		position: relative;	/* relative to wrapper div */
	/*	float: left;	*/
		width: 190px;
	/*	background-color: #fff;	*/	/* just to track box shape/behavior	*/
		top: 0px;
		margin-left: 10px; /* [30px]margin or padding seem to give different results than just "left" */
		}
	#content_Left_Nav_Menu2 { 	/* rev. 5.5.05	*/
		position: relative;	/* relative to wrapper div */
		width: 160px;
	/*	background-color: #fff;	*/
		top: 0px;
		margin-left: 10px; /* [30px]margin or padding seem to give different results than just "left" */
		}
	#content_Left_Nav_Menu ul {
		margin: 0 0 0 15px; /* give enough room for IE6 to show bullets [identical across browsers] */
							/* but IE6 seems to hide bullets if outside the box */
							/* might be better to define li list-style-position: inside */
		}
	#content_Left_Nav_Menu ul li {
		list-style-image: url(images_css/arrow.gif);
		list-style-position: outside;
		margin-bottom:3px;
		}
/*  ------------  END SUB-NAV ------------ */

/* ============================================= */
/*        END OF NAVIGATION DEFINITIONS          */
/* ============================================= */


		
/* BASIC TEXT STYLES */
	h1, h2, h3, h4, h5, h6 {
		font: normal normal normal 14px/20px "Trebuchet MS", Verdana, Arial;
		}
		
	.section_Menu_Title {
		text-transform: uppercase;
		color: rgb(184, 12, 52);
		font: normal normal bold 13px/30px "Trebuchet MS", Verdana, Arial; /* vertical center title */
		letter-spacing: .1em;
		padding-bottom: 15px; /* add space to push menu down */
		} 
		
	#content p {
		font: normal normal normal 12px/170% "Trebuchet MS", Verdana, Arial;
		margin: 0 0 .7em 0;
		}
		#content p.subhead-smallSpace {
			margin: 0 0 .1em 0;
			font-weight: normal;
			}
	#content h1, h2, h3 {
		font: normal normal bold 15px/170% "Trebuchet MS", Verdana, Arial;
		letter-spacing: .1em;
		text-transform: uppercase;
		color: rgb(30, 70, 121 );
		margin: .1em 0 .1em 0;
		}
	#content h2, h3 {
		text-transform: none;
		font-size: 14px;
		margin: .1em 0 0 0;
		}
	#content strong {
		font-weight: bold;
		color: rgb(30, 70, 121 );
		letter-spacing: 0em;
		}
	#content_Main_Inside a:link, #content_Main_Inside a:visited, #content_Main_Inside a:hover {
		font-style: italic;
		font-weight: bold;
		color: rgb(30, 70, 121 );
		border-bottom: 1px dotted #999;
		}
		#content_Main_Inside a:hover {background: rgb(224, 237, 243);}
	

/*	=================================== */
/*	        TORSO ELEMENTS              */
/*	=================================== */
	#content {
		position: relative;
		float: left;
/*new*/		margin: 5px 0 0 0; /* reduce top margin from 20px */
		padding: 0 0 20px 0;
		clear: bottom;
		}
	

/*	-------------- divs for main content ---------------	*/	
	#content_Main_Inside {
		position: relative;
		float: right;
/*new */		margin: 12px 0 0 0;	/*reduce marg-top from 24px  */
/*new */		padding: 0 5px 0 5px;
/*new */		width: 510px;	/*increase width from 495 */
/*new */		background-color: #fff;
		}
		
	#bodyText_Top, #bodyText_Bottom {
		position: relative;
		float: left;
		background: #fff;
		margin-bottom: 8px;
		/* width:500px; */
		}
		
/*	-------------- Team/Contact Box ---------------------  */
	#teamBox_Wrapper {
		position: relative;
		float: right;
		border: 1px solid rgb(201,210,214);		
/* */		width: 145px;
/* */		margin: 10px 5px 2px 10px;
		}
	#teamBox_Head {
		padding: 0 8px;
		background: #999 url(images/hilitebox_titlebg_200x24.jpg);
		border-bottom: 1px solid rgb(201,210,214);
		font: normal normal bold 11px/16px "Trebuchet MS", Verdana, Arial;
		text-transform: uppercase;
		color: rgb(184, 12, 52);	
		}
	#teamBox_Body {
		background: rgb(241,243,244);
		border-bottom: 1px solid rgb(201,210,214);
		padding: 0 0 0 12px;
		color: #356;		
		}
	#teamBox_Body p {
/*5.14*/		font: normal normal normal 10px/130% "Trebuchet MS", Verdana, Arial;
				margin: 0 0px 0 0;
				line-height: 150%;
			} /* nec: erase any lingering margins	*/
			#teamBox_Body a {font-style: normal !important; border: 0 !important; text-decoration: none;}
			#teamBox_Body a:hover {background: #fe9;}

/*5.15*/	#teamBox_Body p.name {font-weight: bold;  margin: 0px 0 0 0; padding-top: 4px;}
			#teamBox_Body p.name a {color: rgb(30, 70, 121) !important; border-bottom: 1px dotted black !important}
			#teamBox_Body p.photo {font-weight: bold;  margin: 0px 0 0 0; padding-top: 4px;}
	
			#teamBox_Body p.title {font-style: italic; line-height: 120%; margin: 1px 0 1px 0;}
			
			#teamBox_Body p.email {line-height: 150%;} /* redundant */
			#teamBox_Body img.middle {vertical-align: middle; text-decoration: none !important; margin-right: .5em;}
	
			/*  -------------------  End Team/Contact Box -------------  */	

/* --------- List definitions ---------------	*/
	#content_Main_Inside ul {
		background: #fff;
		margin: 0 0 0 30px;
		padding: 0px;
		list-style-type: square;
		line-height: 150%;
		font-size: 12px;
		}
		#content_Main_Inside ul ul {
			margin: 0 0 0 20px;
			list-style-type: disc;
			}
/*	--------------------------- 
	   Content Area Tables 
	 --------------------------  */
	#content_Main_Inside table {
		/*border-bottom: 1px solid rgb(30, 70, 121 );*/
		/*background:	#dfe;*/
		font: normal normal normal 10px/130% "Arial", Arial, Verdana;
		margin: 0;
		padding: 2px;
		width: 475px;
		border-collapse: collapse; /*	only needed to get rid of ALL space between cells
										default is "separate"*/
		}
		#content_Main_Inside caption {
		font: normal normal bold 13px/130% "Arial", Arial, Verdana;
		border-bottom: 2px solid #069;
		text-align: left;
		/*border-top: 2px dotted #ccc;*/
		/*background: #b3daa5;*/
		}
		#content_Main_Inside tr {
		/*background: #b3daa5;*/
		margin: 0; padding: 0px;
		vertical-align:top;
		}
		#content_Main_Inside td {
		border: 0;
		border-bottom: 1px solid #ccc;		
		margin: 0; padding: 2px 0 2px 0;
		}
	
	#content_Main_Inside td.col1 {
		/*background: #fee;*/
		width:35%;
		text-align: center;
		
		}
	#content_Main_Inside td.col1_text {
		/*background: #fee;*/
		width:35%;
		text-align: left;
		}
	#content_Main_Inside td.col2 {
		/*background: #fad;*/
		width:55%;
		}
	#content_Main_Inside td.col3 {
		/*background: #cad;*/
		text-align: right;
		font-weight: bold;
		width:10%;		
		}
/* --------- End Content Table -----------*/


/*	-------------- div for footer ---------------	*/
	#footer {
		position: static;
		/* bottom: 0px; */
		clear: both;
		text-align: center;
		padding: 1em 0 1em 0;
		}
	#footer p {
		font-size: 9px;
		}