/************************************************************************
Author: Ideawire [Mari Garza] 

BASED ON 4 COLUMN LAYOUT: COLUMNS=225PX GUTTER=12PX

Listing Order:
	===	universal ====
  1 - 	Universal (html, body)
  2 - 	Structure/Layout
  3 - 	Text Elements (p, headlines, links, lists )
  4	- 	Images
  5	- 	Navigation (main, secondary)
	===	special conditions ====
  6 - 	Banner Elements
  7 - 	Main Content Elements
  7 - 	Footer Elements
  9 - 	Sidebar Elements
	===	additional elements ====
 10 - 	Tables
 11 - 	Forms
 12 - 	Errors
	===	plugins	====

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

/***********************************************************************
				UNIVERSAL STYLES
************************************************************************/
/* ====== 1. Universal (html, body) ====== */
* { margin: 0px; padding: 0px; }
*  {font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; }

	html {}

body   {width:100%; }
body,html, p,ul,ol,li,dl,dt,dd,th,td {font-size:12px; line-height:1.6em; color:#000; }
		
/* ====== 2. Structure/Layout ====== */

	#container {width:100%;} 
	#vida-banner {background: url(../images/bg-greyscale.gif) repeat-x top left; height: 55px; }
	 #navigation {  width: 975px; margin: 0 auto;} 
	#banner {	padding: 15px 0 0 0; text-align: center; border-top: 2px solid #ffffff;} 
	 
	#content-container {width: 975px; margin: 0px auto 10px auto; }		
	#content { 	display: inline; /* IE Hack */
				width: 575px;
				float: left;
				position: relative;}	
				
	#sidebar {	display: inline; /* IE Hack */
				width: 355px; 
				float: left;
				position: relative; 
				padding: 275px 30px 0px 15px;
				margin-left: 0px;
				background: url(../images/Banner_Q3-2011_btm.jpg) no-repeat 0 0;}
	 
					
	#contentSidebar {}						
	#footer-container {clear: both; margin-top: 15px; border-top: 1px solid #bbbbbb; background-color: #eeeeee;}
	#footer {width: 975px; margin: 0 auto; padding: 15px;}			

/* ====== 3. Text Elements (p, headlines, links, lists) ====== */
	p {line-height: 1.6em; font-size:1.1em; }	
	#banner p { font-size: 24px;  width: 975px; margin: 0 auto; }
	#Vida-banner p { font-size: 24px;  width: 975px; margin: 0 auto; }
	.nowrap   {white-space:nowrap; }

	.required { color: #cc0000; font-weight: bold;} 
	hr { clear: both;}	

/* -------------- HEADLINES ------------- */
	h1 {    font-size: 24px;
			color: #bf2e1a;
			font-weight: bold;
			text-align: left;
			clear:both;
			margin:10px 0px; }
		
	h2	{font-size: 1.5em;
			color: #bf2e1a;
			font-weight: bold;
			text-align: left;
			clear:both;
			margin:10px 0px;}
			
h6	{font-size: 1.2em; font-weight: bold; color: #333333; margin: 0 0 0px 0;}

/* -------------- LINKS ------------- */
	a {		font-weight: bold;
			text-decoration: none;
			color: #666666;
			border-bottom: 1px solid #cc0000;}
 
	a:hover {   font-weight: bold;
				text-decoration: none;
				color: #cc0000;
				border-bottom: 1px solid #003a10;}
			
	a.img 	{ border: none; }  
#footer a {		color: #cc0000; }
 
#footer 	a:hover {    color: #666666; }
			


/* ====== 4. Images ====== */
	img { border-style: none; } 

 

/***********************************************************************
				SPECIAL CONDITIONS
************************************************************************/
 
	#main a:hover{ }
/* ====== 8. Footer Elements ====== */
	#footer p {  color:#717174; font-weight:bold;}
		.copyright {font-size:1em; font-weight:normal;}
		.call {font-size: 1.1em; color:#bf2e1a; text-transform:uppercase;} 
/* ====== 9. Sidebar Elements ====== */
	#sidebar p { 	font-size: 1.1em; word-spacing:.12em; }   					
 	#sidebar h2 { }
	#sidebar ul { list-style: disc; margin: 10px 20px;}
	#sidebar ol { list-style: decimal; margin: 10px 20px;}

	#sidebar ul ul { list-style: square; margin: 10px 30px;}
 

	   
/***********************************************************************
				ADDITIONAL ELEMENTS
************************************************************************/

 input.half , select.half  {width: 42%; }


.alert {background-color: #ffc;}



 #navigation a { display: block;  text-decoration: none; border-bottom: 0px;} 
	    #navigation ul { list-style: none; padding-top: 15px;}
	    #navigation li { float: right; margin: 0 0 0 20px; padding: 3px 10px; border-right: 1px solid #666666; text-transform: uppercase;} 
 #navigation img { float:left;}

.usa { color: #222222; font-weight: bold; font-style: italic; color: #cc0000;}
/*-----*/
caption   {font-size:10px; padding:0 0 5px 0; text-align:right; }
table   { margin:0 0 16px 0;  }
th,td   {vertical-align:top; padding:5px; text-align:left; border-bottom:1px solid #aaa; border-right:1px solid #e7e7e7; }
th   {text-transform:uppercase; font-weight:bold; background-color :#ddd; }

th.row,td.row   {background-color:#333; color:#fff; font-size:14px; }
/* For Row all across */
.seperator   {background-color:#717171; color:#fff; font-size:12px; text-transform:none; }
td   {}
th a   {border:#fff; }
th p,td p   {font-size:1em; margin-bottom:5px; }
/* prevents weird renderings when p tag is introduced */ 
table table   {width:inherit; border-bottom:0px; margin:0; }
table table td   {border-top:0px; }
tr:hover   {background-color :#eee; }
/* class="noTable" remove styling for Asp:Grid View */
table.noTable tr:hover,table.noTable th   {background-color:transparent; }
table.noTable td   {border:0; }
.button   {width:auto; padding:5px; background-color:#af2626; color:#fff; border:none; }
.required {color:#af2626; font-weight: bold;}