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

====== GRID ===== 	
(2 COLUMN FIXED W/ HEADER & FOOTER)
BASED ON 4 COLUMN LAYOUT:  COLUMNS=225PX GUTTER=15PX

based 12: 65; 145; 225(1); 305; 385; 465(2); 545; 625; 705(3); 785; 865; 945(4)
based 20: 33; 81; 129; 177; 225(1); 273; 321; 369; 417; 465(2); 513; 561; 609; 657; 705(3); 753; 801; 849; 897; 945(4); 
	
====== COLORS ===== 
		Green (0) - #f2fbb0	
		Green (1) - #daeb69
		Green (2) - #b2c442
	Green* (3) - #96a825
		Green (4) - #738700
		Green (5) - #596d00

		Grey (1) - #e5e0d9
		Grey (2) - #d7d2cb
	Grey* (3) - #8f9193
		Grey (4) - #78716e
		Grey (5) - #3c3b39
	
		Purple (0) - #dfddef
		Purple (1) - #b5b5ff
		Purple (2) - #78716e9c2
	Purple* (3) - #54589e
		Purple (4) - #202c6a

		White - #FFF
		Red - #990000
		Red (lt) - #fcf
		Yellow - #ffc
		Blackish - #282828
************************************************************************/

/***********************************************************************
				RESET
************************************************************************/
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img,  ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0 solid; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; text-align:inherit; }
	:focus { outline: 0;}  /* remember to define focus styles! */
	table { border-collapse: separate; border-spacing: 0;}  /* tables still need cellspacing="0" cellpadding="0" in the markup */
	caption, th, td { font-weight: normal; vertical-align: top;}
	ul, ol   { list-style:none;}
	blockquote:before, blockquote:after, q:before, q:after { content: "";}
	blockquote, q { quotes: "" "";}  	
	
/***********************************************************************
				UNIVERSAL STYLES
************************************************************************/	
/* ====== BASICS (html, body) ====== */
    html { background: url("http://www.ideawire.com/images/css/bg_grey.png") #78716e top repeat-x;}	  
	body {  font-size: 62.5%; width:100%; }
* {font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}  /* except code */

/* ====== DISPLAY (screen/print specific )====== */
    #banner, #navigation, #footer, #links	 { display: block;}
	#sidebar {display: inline;} /* IE Hack */
 
/* ====== MARI - SHORTHAND ====== */
	.clear { clear: both; }
	.left { text-align: left;}
	.right { text-align: right;}
	.center { text-align: center;}
	.small { font-size: 0.8em; font-family: inherit;}
	.nowrap { white-space:nowrap;}
						
/***********************************************************************
					STRUCTURE & LAYOUT - (2 COLUMN FIXED W/ HEADER & FOOTER)
************************************************************************/			
	#container { margin:0 auto; width: 975px; background-color: #FFF; }
	
/* BANNER */
	#logo { margin:15px 15px 0px 30px; float:left;  height:55px;}
	#navigation {text-transform: lowercase;  height:70px;}
	#banner { clear: both; margin: 0px; }
	#banner_index {  clear: both; margin: 0px; }
/* WRAPPER */
	#wrapper { width: 975px; color: #282828; margin: 0px; padding: 0px; clear: both; }				
	#content { width: 705px; margin: 0px 15px 15px 0px; padding: 15px 0 0 0; float: right; position: relative;}			
	#sidebar { width: 240px; margin: 0 0 15px 0px; font-size:1em;  float: left; position: relative;} 
	#sidebar-content { width: 210px; margin: 30px 0px 0px 30px; font-size:1em;} 
	.grid1 {width: 225px; margin:0 15px 15px 0; position: relative; float: left;}
	.grid2 {width: 465px; margin:0 15px 0 0;}
	.grid3 {width: 705px; margin:0 15px 0 0;}
	.grid4 {width: 945px; clear: both; }
	#homepage { width: 975px; float: right; position: relative;}
	.intro  {width: 785px; margin:30px 95px 0;}					
			
/* FOOTER */
	#footer { clear: both; border-top: 1px solid #282828; background:url("http://www.ideawire.com/images/css/bg_footer_grey.gif")  #3c3b39 top repeat-x; color: #e5e0d9; padding: 15px 0 15px 15px;} 	

	#footer .grid4	 {margin:15px 0 0 0; color: #8f9193; font-size: 9px;  text-align: center;}
/***********************************************************************
					TEXT & HEADLINES
************************************************************************/	
	p 	{ font-size: 1.2em; margin-bottom: 15px; line-height: 1.5em;}
	#content p, #content h1,#content h2, #content h3, #content h4, #content h5, #content h6 {  max-width: 650px;}			
/* ====== LINKS ====== */
	a { font-weight: bold; text-decoration: none; border-bottom: 1px solid #54589e; color: #54589e; }
 	a:hover {color: #202c6a;}
 	a.image { border-bottom: none;}  /* Removes border from linked images. A class="image" must accompany <a> tag. will also remove border from text */


/* --------------HEADLINES------------- */
h1,h2,h3,h4,h5,h6 { clear: both; font-weight: normal; text-transform:none; margin-bottom: 5px; letter-spacing: 0.3px; line-height: 1.3em; }
          h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-size: 1em; color: inherit; font-weight:inherit;} 
	h1	{ font-size: 4.8em; text-transform:lowercase; color: #3c3b39; font-family:  Georgia, "Times New Roman", Times, Serif; line-height: 1em; }
	h2	{ font-size: 3em;color: #3c3b39; border-bottom: 1px dotted #3c3b39; }
              h2 .small { font-size: 0.6em; color: #738700; font-family:  Georgia, "Times New Roman", Times, Serif;}
              h2.results a {font-size: 20px; border-bottom: none; color: #54589e;} 
	h3 	{ font-size: 2em; color: #3c3b39;}
	h4	{ font-size: 2em; color: #738700; font-family:  Georgia, "Times New Roman", Times, Serif; font-style: italic;}     	      
	h5	{ font-size: 1.4em; color: #78716e; text-transform: uppercase; font-weight: bold; }	       	
	h6 { font-size: 1.3em; text-transform: uppercase; color: #78716e;  text-align: right; } 

#sidebar h1{font-size: 1.8em; color: #738700; font-family:  Georgia, "Times New Roman", Times, Serif; font-style: italic; border-bottom: 1px dotted #78716e; text-transform:inherit;}	

#footer h1 {font-size: 1.8em; color: #ffffff; border-bottom: 1px dotted #fff; padding: 0 0 5px 0; text-transform: lowercase; margin:10px 0px;}		  

table h6 {font-size: 1em; color: #3c3b39; text-transform: none; font-weight: bold;}		  

/* ====== QUOTES ====== */ /* reset styling */
	blockquote, q {margin: 15px 30px;}  
	blockquote p { font-size:1.6em;}
	blockquote cite{ font-size: 1.2em;} 
	
/* ====== IMAGES ====== */ /* reset styling - border=0; */
	img {border: 0px;}
	img.left { margin: 0 15px 15px 0; float: left;}
	img.right { margin: 0 0 15px 15px; float: right;} 
	#banner img {vertical-align:text-bottom;}
             .img_caption, .caption { text-align: right; color: #78716e; font-size: 11px; margin: 3px 0; padding: 3px 0px;  font-style:italic;}
             .caption { border-top: 1px solid #78716e;}
/* ====== TEXT ELEMENTS ====== */
hr 	{ clear: both; height:0; border-top:1px solid #8f9193; margin: 15px 0px; color: #FFFFFF}

span {}
pre {}

caption {padding: 0 0 5px 0; text-align:right; color: #78716e; }

/* --------------INLINE (CAN'T CHANGE ALIGNMENT)------------- */ 
b, strong { font-weight: bold; }
i, em { font-style:italic;}
del { color: #78716e; text-decoration: line-through;}
code { font-family: Courier New, Courier, monospace; color: #78716e; font-size: 1.2em;}
cite { color: #596d00; }
ins{}
/***********************************************************************
	LISTS & NAVIGATION  
************************************************************************/	
/* ====== LISTS ====== */    
li {  font-size: 1.2em;}
li li { font-size: 1em;}
li p { font-size: 1em;}

	#wrapper ul {list-style: disc outside; margin: 0px 15px 15px 30px;}
	#wrapper ol {list-style: decimal outside; margin: 0px 15px 15px 30px;}
	#wrapper li { margin: 0px 0px 3px 0px;}
	#wrapper dl {} 
	#wrapper dt {}
	
/* ----- NAVIGATION (banner)-----  */
 	#navigation ul { height: 30px;}
	#navigation li { float: right; display: inline; font-size: 1.4em;}
	#navigation li a { font-weight: normal; border-width: 0; color: #ffffff; padding: 5px 15px;  background: url("http://www.ideawire.com/images/css/bg_nav_grey.gif")  top repeat-x; display: block; height:20px;}          
	#navigation li a:hover { background: url("http://www.ideawire.com/images/css/bg_nav_green.gif") top repeat-x;}    
 	#navigation li.purple a { background: url("http://www.ideawire.com/images/css/bg_nav_purple.gif") top repeat-x;}
 	#navigation li.purple a:hover { background: url("http://www.ideawire.com/images/css/bg_nav_green.gif") top repeat-x;}
	#navigation li.selected a {  background: url("http://www.ideawire.com/images/css/bg_nav_green.gif") top repeat-x; }          
/* ----- SubNAVIGATION (section left sidebar)-----  */
	#sub-navigation {}
	#sub-navigation ul { list-style:none; text-transform: lowercase; margin: 0px; padding: 0px; }
	#sub-navigation li { margin: 0px; padding: 0px; border-bottom: 1px solid #fff;}
	#sub-navigation li a {font-weight: normal; border-width: 0; color: #ffffff; padding: 5px 10px ; margin: 0px;  background-color: #3c3b39; display: block; width: 220px; }             
	#sub-navigation li a:hover { background-color: #96a825;}    
/* ----- NAVIGATION (footer)----- */
 	#footer a { border-color: #96a825; color: #96a825; }
	#footer a:hover {color: #daeb69;}
 	#footer ul {list-style: disc; margin: 0px 15px 15px 15px; clear:both; }
 	#footer li { margin: 0px 0px 5px 0px;} 

/* ----- NAVIGATION (elswhere)----- */
  
 	#elswhere ul {list-style: none; margin:0 }
 	#elswhere li { list-style: none; float: left; display: inline; margin: 0px 12px 10px 0px; display: block;} 

/***********************************************************************
					TABLES
************************************************************************/
	    table { width: 100%; margin: 0 0 15px 0; border-width: 1px 0 0 1px; border-color: #d7d2cb; font-size: 1.2em; }
		
 		tr:hover { background-color : #daeb69; }
		tr:hover .colgroup { background-color : #96a825; }
		tr:hover .col { background-color : #738700; }
		tr:hover .row  { background-color : #96a825; }
		
		th, td { padding: 3px 5px; border-width: 0 1px 1px 0; border-color: #d7d2cb; text-align: left; font-size: 1em;}
		th {text-transform:uppercase;  background-color: #78716e; color: #fff;} 
 		td {}  
 
		.colgroup {font-size: 1.2em; font-weight:bold; background-color: #738700; color: #fff;}
		.col { background-color: #96a825;}
		.row { background-color: #b2c442;}	
 
		th p, td p { font-size: 1em;  margin-bottom: 5px; } /* prevents weird renderings when p tag is introduced */
		
		table .row { width:100px; ;white-space:nowrap;}
/***********************************************************************
					FORMS
************************************************************************/
	form {  }
  	select { }
	input, textarea {padding: 5px; vertical-align: top;  font-size:12px; }
	textarea { height: 100px; width: 90%;}
	label { }
    .button {border: 1px solid #3c3b39; margin: 0 5px;  margin: 3px; background-color: #78716e;  color: #FFF;  float: right;}

/* below does not work for IE */
	input[type="text"] { width: 90%;}
	input[type="radio"] { }
	input[type="checkbox"] { }
	input[type="submit"] { }
/***********************************************************************
					ALERTS
************************************************************************/
.required {font-weight: bold; color: #990000; vertical-align: top;}

.notice 	{background-color: #78716e; }  /* Global Alert */ 		
.highlight 	{background-color: #daeb69;} /* Highlighted Text*/ 
.alert 		{background-color: #fcf; font-size: 11px;}
	.notice, .alert, .highlight {padding: 10px; margin: 0 0 15px 0px; border-width: 1px 0px; font-weight: normal; }
	.notice p, .alert p, .highlight p { margin-bottom: 5px; }