



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

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) ====== */
	* { font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 0px;
		color: #222222;}

	html {}


	body {	height: 100%;		
			font-size: 10px;
			width:100%;
			background-color:#FFFFFF;
			font-weight:500;}
		
/* ====== 2. Structure/Layout ====== */
	#container { }
	
	#banner {	display: none;}
	
	#bannerPrint { 	display:block; 
					float: right;}			
			
	#mainContent{ clear:both;	}	
				
	#sidebar {	display: none;}
				
	#sidebarContent {	display: none;}
				
	#footer{	clear: both;
				border-top: 1px dotted #333333;
				background-color: #FFFFFF;
				text-align:right;
				padding:5px;
				font-size:0.9em;
				font-weight: bold;}
/* ====== 3. Text Elements (p, headlines, links, lists) ====== */
	p {		font-size:1.2em;
	        line-height: 1.6em;
			margin: 0px 0px 10px 0px;}
	i {	color: #454545;}		
					
	hr { clear: both;}	

/* -------------- HEADLINES ------------- */
	h1 {    font-size: 4.5em;
			color: #FFFFFF;
			font-weight: lighter;
			text-align: left;
			margin-bottom: 15px;}
		
	h2	{ font-size: 2.7em;
			color: #056177;
			font-weight: bold;
			text-align: left;
			margin: 10px 0px 20px 0px;}
	h3 	{font-size: 1.8em;
			color: #333333;
			font-weight: bold;
			text-align: left;
			border-bottom: 1px #333333 dotted;
			margin: 20px 0px 10px 0px; }
			
	h3 .blue {color: #056177;}		
/* ---- Specialty --- */			
	h4 /* index news head */	{ 	font-size: 1.3em;
									line-height: 1.3;}
	h5  { }	
/* ---- Small --- */			
	h6  { }



/* -------------- LINKS ------------- */
	a {		font-weight: bold;
			text-decoration: none;
			color: #056177;
			border-bottom: 1px solid #056177;}
 
	a:hover {   font-weight: bold;
				text-decoration: none;
				color: #84ada2;
				border-bottom: 1px solid #84ada2;}
			
	a:link img 	{ border: none; }
	a:hover img { border: none; }

/* -------------- LISTS ------------- */
	ul 		{font-size:1.2em;
	margin: 0px 15px 10px 30px;
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
}		
	ul li 	{
		margin-bottom: 5px; }	
		
	ol 		{ 	margin: 0px 15px;}					
	ol li 	{ 	font-weight: bold;}

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

	.imgleft {	margin: 0px 10px 10px 0px;
				float: left;}
	.imgright {	margin: 0px 0px 10px 10px;
				float: right;}
	.logo {	margin: 10px 30px 0px 20px;
			float:left;
			text-align: left;}
			
/* ====== 5. Navigation (main, secondary) ====== */
/* -------------- MAIN NAV ------------- */
	#Navigation ul { 	list-style: none;
						font-size: 1.1em;
						float: right; 
						margin: 0px;}

	#Navigation ul li { 	float: left;
							border-bottom: none; }

	#Navigation a	{ 	display: block;
						padding: 15px 10px 5px 10px;
						color: #056177;              
						text-decoration: none;       
						border-bottom: none;         
						font-weight: bold;}          

	#Navigation a:hover{ 	color: #333333;}
	
	.highlight { background-color: #84ada2;}

	#Navigation .highlight a{ 	padding: 15px 10px 5px 10px; 
								color: #FFFFFF;}          

	#Navigation .highlight a:hover{ 	color: #FFFFFF;
										background-color: #056177;}
	

/* -------------- SECONDARY NAV ------------- */
	#Navigation2 {	background-color: #056177;
					padding: 35px 25px 10px 25px;
					background-image:url(images/related_links.gif);
				background-repeat:no-repeat;
				background-position:right top;}
							
	#Navigation2 ul { 
		margin: 0px;
		list-style-type: disc;
		list-style-position: outside;
		list-style-image: none;}

	#Navigation2 ul li {
		color: #FFFFFF;}

	#Navigation2 ul li a {	color: #FFFFFF;
							border-bottom: 1px solid #FFFFFF;}
	
	#Navigation2 ul li a:hover {color: #84ada2;
								border-bottom: 1px solid #FFFFFF;}


/***********************************************************************
				SPECIAL CONDITIONS
************************************************************************/
/* ====== 6. Banner Elements ====== */
	#banner p {	}
	#banner a {	 }
	#banner a:hover{ }
/* ====== 7. Main Content Elements ====== */
	#main p {	}
	#main a {	 }
	#main a:hover{ }
	
	
/* ----Admin---- */
	.inactive {color: #990000}
	.active {color: #008000}

/* ====== 8. Footer Elements ====== */
	#footer p {	}
	#footer a {	 }
	#footer a:hover{ }
/* ====== 9. Sidebar Elements ====== */		
				
	#sidebar p { font-size: 1.1em;
				color: #FFFFFF;} 
	#sidebar h1 {
		font-size: 1.8em;
		letter-spacing: 0.1em;
		font-weight: lighter;
		margin-bottom: 0px;}
		
	#sidebar h1 a{   color: #FFFFFF;
		            text-decoration: none;
		           border-bottom:none;
					font-weight: lighter;} 
		
	#sidebar h2 { 	font-size: 1.4em;
					color: #FFFFFF;
					margin-bottom: 0px;}
					

	#sidebar a { }
	#sidebar a:hover{ }
	
	#sidebar hr { border-bottom: 1px dotted #FFFFFF;
					margin: 10px 0px; }
	#sidebar b { color:#FFFFFF;
				 font-weight:900;}				


/***********************************************************************
				ADDITIONAL ELEMENTS
************************************************************************/
/* ====== 10. Tables ====== */
	table { width: 560px;}
		
	th { 	color: #333333; 	
			font-size: 1.2em;
			font-weight: bold; 
			text-align: left;
			vertical-align: top;
			padding:2px 5px;
			background-color: #d7e5e2;
			text-transform:capitalize;}
	td { 	font-size: .9em;
			vertical-align: top;
			padding:2px 5px;
			background-color: #eeeeee;}
		
/* ====== 11. Forms ====== */
	form {  }

	input {	font-size: 1em;
			border: 1px #333333 solid;
			padding: 2px; }
		
	select {	font-size: 1em;
				border: 1px #333333 solid;
				margin: 2px; }


	textarea {	font-size: 1em;
				border: 1px #333333 solid;
				padding: 5px; }

	label { font-weight: bold;
			padding: 0px 3px;
			margin: 0px 5px 0 0 ;}
			
   input .submit{ width: 30%;}			

/* ====== 12. Errors ====== */
	#notice {	font-weight: bold;
				background-color:#abff89;
				color: #000000;
				font-size: 1.2em;
				padding: 5px;
				margin: 5px 0px; }

/***********************************************************************
				PLUGINS
************************************************************************/
/* ====== --- ====== */

