/* ---------------------------------------------------------------------
Styles for Texas Tech University Health Sciences Center
Emergency Preparedness
Author: Chris Barnard - HSC
Created: August 2008
----------------------------------------------------------------------- */


/****************************************************************************
// ARCHITECTURE: sections page by 2/3  //
****************************************************************************/
#wrapper {
	width: 100%;
	margin-top:14px;
	background: #fff url(/images/dottedBorderVertBG.gif) repeat-y left top;
	}
	#wrapper:after {  /* For most non-IE browsers, this encloses the two floating columns completely in the wrapper */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility:hidden;
	}
	#wrapper  {display: inline-block;}  /* Fix for IE Mac */
	/* Hides from IE Mac 5 \*/
	* html .#wrapper {height: 1%;}
    /* End IE Mac 5 Hack */
	
#homeLeft {
	float:left;
	width:480px;
	}
#homeRight {
	float:right;	
	padding-left: 5px;
	width:200px;
 	}

/****************************************************************************
//  EMERGENCY STATUS   //
****************************************************************************/		
#wrapper fieldset#status {
	background-color:#666;
	}
fieldset#status h3 {
	background-color:#900; 
	color:#FFF; 
	margin:0px; 
		padding:15px 15px 15px 20px; 
	margin-left:-10px; 
	margin-bottom:18px;
	border:1px solid #f8db0c; 
	font-size:1.4em;		
	}
fieldset#status p {
	color: #fff;
	}			
fieldset#status p.normal {
	font: 12px/15px Arial,Helvetica,Verdana,sans-serif;
	display:block;
	background: url("/emergency/images/statusCode-green.gif") no-repeat top left;
	padding-left:20px;
	padding-top:2px;	
	color:#ccc;
	font-style:italic;
	border-bottom:1px solid #737373;
	padding-bottom: 2px;		
	}
fieldset#status p.onTime {
	font: 12px/15px Arial,Helvetica,Verdana,sans-serif;
	display:block;
	background: url("/emergency/images/statusCode-green.gif") no-repeat top left;
	padding-left:20px;
	padding-top:2px;	
	color:#0F0;
	font-style:normal;
	font-weight:bold;	
	border-bottom:1px solid #737373;
	padding-bottom: 2px;		
	}	
	
fieldset#status p.alert {
	font: 12px/15px Arial,Helvetica,Verdana,sans-serif;
	display:block;
	background: url("/emergency/images/statusCode-yellow.gif") no-repeat top left;
	padding-left:20px;
	padding-top:2px;	
	color:#f8db0c;
	font-style:normal;
	font-weight:bold;		
	border-bottom:1px solid #737373;
	padding-bottom: 2px;			
	}			
fieldset#status p.emergency {
	font: 12px/15px Arial,Helvetica,Verdana,sans-serif;
	display:block;
	background: url("/emergency/images/statusCode-red.gif") no-repeat top left;
	padding-left:20px;
	padding-top:2px;	
	color:#f00;
	font-style:normal;
	font-weight:bold;
	border-bottom:1px solid #737373;
	padding-bottom: 2px;		
	}		

fieldset#status strong, fieldset#status strong a:link, fieldset#status strong a:visited {
	font-size:13px;
	margin-left:3px;
	margin-right:3px;
	color:#fff;
	font-style:normal;
	text-decoration: none;
	}

fieldset#status p.normal strong a:link, fieldset#status p.onTime strong a:link, fieldset#status p.alert strong a:link, fieldset#status p.emergency strong a:link;
fieldset#status p.normal strong a:visited, fieldset#status p.onTime strong a:visited, fieldset#status p.alert strong a:visited, fieldset#status p.emergency strong a:visited; {
	color:#fff;
	text-decoration: none;
}


/****************************************************************************
//  HOME LEFT   //
****************************************************************************/	
#homeLeft h2 {
	font: normal 18px/21px "Times Roman","Times New Roman",Times,Serif;
	margin: 10px 0;
	background: url(/images/dotted-border-horz.gif) repeat-x 0 bottom;
	padding: 8px 10px 6px 10px;
	clear:left;
}
#homeLeft h3 {
	margin-top:12px;
	margin-bottom:0px;
	padding-bottom:0px;
	color:#333;
	font-size: 12px;
	line-height: 15px;
	font-weight:bolder;
}
#homeLeft .columnLeft {
	width: 48%;
	float: left;
	display: inline;
}
#homeLeft .columnRight {
	width: 48%;
	float: right;
	display: inline;
}


/****************************************************************************
// HOME RIGHT  //
****************************************************************************/
#homeRight h3 {
	margin-left:0px;
}
#homeRight p {
	line-height:1.6em;
	font-style:italic;
	margin-left:7px;
		_margin-left:10px;
	margin-right:8px;
		_margin-right:6px;
	}

/*  RELATED  */
div.related {
	background: url(/images/dotted-border-horz.gif) repeat-x left top;
	margin-left:2px;
		_margin-left:4px;
	}
div.related h2 {
	font-size:1.5em; 
	padding: 10px 5px;
	margin-bottom: 14px;
	}
div.related h3 {
	margin: 0px 2px 4px 0;
	padding-left:4px;
	padding-top:0px;	
	}
#homeRight div.related ul {
	list-style: none;
	padding-top:0px;
	margin-top:0px;
	padding-left:0px;
	margin-left:4px;
	}
div.related ul li {
	padding-left:32px;
	font-size:11px;
	line-height:1.3;	
	padding-bottom: 4px;
	}
	
/*   LEGEND & THREAT   */	
 #homeRight fieldset p {
	color:#fff;
	font-style:normal;
	font-size:1.1em;
	}
fieldset#legend {
	margin-bottom:5px; 
	background-color:#666;
	}
fieldset#legend h3 {
	color:#FFF; 
	border-bottom:1px solid #f8db0c; 
	text-align:center;
	padding-bottom:2px;
	}	
fieldset.legend2 {
	margin-bottom:5px; 
	background-color:#666;
	}
fieldset.legend2 h3, h3.legend2 {
	color:#FFF; 
	border-bottom:1px solid #f8db0c; 
	text-align:center;
	padding-bottom:2px;
	}	
	
	
/*** added 8.26.2009 *** */		
#homeRight fieldset.legend2 a {
	color:#FFF;
	margin-bottom:0px;
	line-height:14px;
	}
#homeRight fieldset.legend2 a:hover {
	color:#F00;
}		
/*** * ***/		
	
	
#threat {
	border:1px solid #666; 
	padding: 10px; 
	padding-left:0px; 
	width:88%; 
	background-color:#FFF;
	width:90%;
	margin-bottom:10px;
	clear:right;
	}

/****************************************************************************
// general styles for specialized features   //
****************************************************************************/
p.space {
	line-height:1.6em;
}
#content .clearLeft {
	clear: left;
}
#content .margLeft {
	margin-left:10px;
}
#content .paraUp {
	 margin-top:3px;
}
.imgBorder {
	border:1px solid #333;
}
a.web {
	display:inline-block;
	background: url("/images/icons/icon_email.gif") no-repeat 100% 50%;
	padding-right:20px;
}
table.fancy {
	width:99%;
	margin-left:3px;
	_margin-left:2px;
	}
#content a.learnMore, #content a.learnMore:visited {
	color:#FFF;
	font-weight:bold;
	display:inline-block;
	background: url("/images/whiteArrowGrayBG.gif") no-repeat 100% 50%;
	padding-right:10px;	
	padding-left:5px;
	text-transform:uppercase;
	font-size:11px;
}
.redNo {
	color:#F00;
	font-weight:bold;
	}