/*
***********************************************************

Title:			screen.css
Client:			Information Technology Response (itr.cc)
Browser(s): 	All (except IE)

Author: 		Nick Escobedo (www.futurebutterflies.com)
Created: 		03.18.2008
Last modified: 	03.18.2008

***********************************************************
*/



/* 			_______________________	     */
/*			BODY - LINKS                 */

.rss2html-note { margin:-1000px;}
.feed-item-desc { margin:0p 0px 0px 0px; padding:0px}
.feed-item-title { margin:0px 0px 0px 0px; padding:0px;}


body 		{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#000000;
	xbackground-color:#333333;
	color: #FFFFFF;
	}

xp 	{	line-height : 16px;
	}	

form	{ margin: 0px;
	}


/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }

strong, em {	font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana}
ol, ul, li { xlist-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
a img, a:link, a:visited, a:active { color:#D5EAD8; xcolor:#488C76; cursor:pointer; text-decoration:none;}
a:hover { xcolor:#78BC83; color:#FFFFFF;}



/* 	_______________________	*/
/*	THE BASICS				*/

h1	{
	font-size: 28px;
	color:#FFFFFF;
	margin: 0px 0px 25px 0px;
	padding:0px 0px 0px 0px;
	line-height: normal;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, Verdana;
	}
		
h2	{
	font-size: 21px;
	color: #D6D6D6;
	border-bottom:dotted #443 1px;
	padding-bottom:10px;
	margin: 0px 0px 16px 0px;
	line-height: normal;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, Verdana;
	}
	
h3	{
	font-size: 18px;
	margin: 6px 0px 6px 0px;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, Verdana;
	line-height: normal;
	color: #FFFFFF;
	}
	
h4	{
	color:#FFFFFF;
	font-size: 13px;
	xmargin: 10px 0px 6px 0px;
	}
					


/* 			_______________________	*/
/*			LAYOUT				*/


#Container {
	margin: 0 auto;
	width: 747px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	line-height:16px;
	background-color: #000000;
  }


#Header 	{
	height:75px;
	border-bottom: solid #333 1px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	
#Content {
	xfont-family:"Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana;
	xfont-size:11px;
	xline-height:16px;
	margin: 0 0;
	padding: 0 0;
	}
	
#Left_nav 	{
	color:#999999;
	margin: 55px 0px 0px 0px;
	width: 220px;
	float: left;
	}

#Right_content	{
	color:#999999;
	font-size:13px;
	line-height:17px;
	float: left;
	padding: 65px 20px 30px 40px;
	position:relative;
	width: 467px;
	}

#Bottom {
	clear: both;
	margin-top:10px;
	}
	
#b1_news 	{
	color:#999999;
	xbackground-color:#336699;
	background-image:url(../images/hpsecBG.jpg);
	margin: 0px 0px 0px 0px;
	xpadding: 0px 0px 0px 0px;
	width: 319px;
	float: left;
	height: 227px;
	}

#b2_services	{
	color:#999999;
	float: left;
	xbackground-color:#333333;
	background-image:url(../images/hpsecBG.jpg);
	xpadding: 35px 0px 30px 40px;
	margin-left:5px;
	position:relative;
	width: 208px;
	height: 227px;
	}
	
#b3_portal	{
	color:#999999;
	float: left;
	xbackground-color:#336699;
	background-image:url(../images/hpsecBG.jpg);
	xpadding: 35px 0px 30px 40px;
	margin-left:5px;
	position:relative;
	width: 210px;
	height: 227px;
	}
	
#ccorner { clear:both; margin:30px 0px 20px 0px; padding:10px; xbackground-color:#111;}

#ContentBottom 	{
	background-image:url(../images/contentBottom.jpg); background-position:0 0; background-repeat:no-repeat;	
	padding: 0px 0px 0px 0px;
	clear: both;
	}		
			
#Footer 	{
	padding: 10px;
	clear: both;
	border-top: solid #333 1px;
	font-size: 11px;
	color: #5C5C5C;
	}



/* 			________________________________     	*/
/* 			CLASSES							     	*/



.ghead {	background-image:url(../images/headBG.png); background-position:0 0; background-repeat:repeat-x;}

.clear { clear:both}


.biopic {
	margin: 0px 24px 5px 0px;
	border: dotted #b7b084 1px;
	}

.titleheadMed {
	font-size:13px;
	line-height:normal;
	color:#FFFFFF;
	}
	
.txtSm {
	font-size:10px;
	line-height:17px;
	font-family: Tahoma;
}

.txtMed {
	font-size:13px;
	line-height:17px;
	xfont-family:"Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana;
	}
	
.txtLg {font-size: 18px;color: #FFFFFF;}	
	
.HPsechead {
	font-size:14px;
	line-height:17px;
	color:#FFFFFF;
	padding: 7px 0px 4px 9px;
	border-bottom:solid #272727 1px;
	xdisplay: block;
	}

.accentcolor {
	color:#B1D6CB;
	font-size:12px;
	}


.accentcolorHP  { 
	color:#488C76;
	font-size:12px;
	}

/* 			________________________________     	*/
/* 			MAIN NAVIGATION 					*/
.nav_bar	{
	margin:0px 0px 0px 15px;
	float:left;
	padding:55px 10px 0px 0px;
	list-style: none;
	font-size: 13px;
}
.nav_bar li						{height: 20px; padding: 0px 0px 0px 12px; display: block; float:left; color: #B7B7B7;}
.nav_bar li a:link,	
.nav_bar li a:visited			{color: #B7B7B7; text-decoration: none; xpadding: 2px 7px 0px 0px; height: 18px; float: left; text-align: center;}
.nav_bar li a:hover				{color: #FFFFFF; text-decoration: none;}
.nav_bar li.selected			{background: #DCDCDC url(../images/menu_hover_left_bg.gif) no-repeat; color: #000000;} /*live*/
.nav_bar li.selected a			{background: #DCDCDC url(../images/menu_hover_right_bg.gif) 100% 0% no-repeat; color: #000000;} /*live*/
.nav_bar li.selected *			{color: #000000!important;}


/* 			________________________________     	*/
/* 			SUB NAVIGATION						 */
.snav_bar	{
		margin:0px 0px 0px 0px;
		list-style: none;
		font-size: 13px;
		}

ul.snav_bar  { 
		padding:10px 8px 5px 8px; 
		border:solid #262409 1px; 
		xborder-top:none;
		}

.snav_bar li a.selected { 
		color:#D2E6D5; 
		background-image:url(../images/nav_sel.jpg); 
		background-position:0 0; 
		background-repeat:repeat-y;
		}
		
.snav_bar li a	 {
	border:solid #2F2F2F 1px;
	padding: 4px 0px 4px 32px;
	margin: 0px 0px 5px 0px;
	display:block;
	color: #FFFFFF;
		}
		
.snav_bar li a:hover {
		color: #FFFFFFF; 
		border:solid #2F2F2F 1px; 
		text-decoration: none; 
		background-color:#182114;
		}
		
.snav_bar li a:active {
	background-color:#304428;
	}
		
		
/* 			________________________________     	*/
/*			HOMEPAGE NEWS LINK FORMAT                 */

ul.nws { margin:0px; padding:0px;}
ul.nws li {
	background-image:url(../images/hpnewsBG.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	xborder-bottom:1px dotted #CCC;
	list-style-image: url(none);
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 0px;
	margin: 3px;
}
ul.nws li:hover {
	background-color: #161616;
}
ul.nws li a {
	display:block;
	padding:6px 8px 8px 10px;
	color: #FFFFFF;
	}
	
ul.nws li a:hover {
	border:none;
	padding:6px 8px 8px 10px;
	background-color: #000000;
}		

		
		
/* 			________________________________     	*/
/*			PRESS RELEASE LINK FORMAT                 */

ul.pr { margin:0px; padding:0px;}
ul.pr li {
	border-bottom:1px dotted #CCC;
	list-style-image: url(none);
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 0px;
	margin: 0px;
}
ul.pr li:hover {
	background-color: #161616;
}
ul.pr li a { display:block; padding:10px 0 12px 0}
ul.pr li a:hover { border:none; padding:10px 0 12px 0}		



/* 			________________________________     	*/
/*			SECTION BACKGROUND IMAGES/MARKERS       */

.BGabout {	background-image: url(../images/contentBG_about.jpg);
	background-repeat: no-repeat;}	

.BGservices {	background-image: url(../images/contentBG_services.jpg);
	background-repeat: no-repeat;}	
	
.BGcommunit {	background-image: url(../images/contentBG_communit.jpg);
	background-repeat: no-repeat;}	
	
.BGcontact {	background-image: url(../images/contentBG_contact.jpg);
	background-repeat: no-repeat;}	
	
.BGcportal {	background-image: url(../images/contentBG_cportal.jpg);
	background-repeat: no-repeat;}