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

************************************************************************/
    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; 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: "" "";}  	
	

    html {background-color: #fff;}	  
	body { font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: 62.5%; width:100%;}
	.clear { clear: both; }
	.left { float: left; margin: 0 20px 20px 0px;}
    .right {float: right;margin: 0 0px 20px 10px;}
    .center { text-align: center;}
    .txtright { text-align: right;}
    .small { font-size: 0.8em; font-family: inherit;}
	.nowrap { white-space:nowrap;}
	.required { color: #990000;} 
#container { margin:0 auto; border: 0 solid #78716e; width: 100%; background-color: #FFF;}
 	.wrapper { width: 790px; margin:0 auto; background-color: transparent;}
  	#banner {border-bottom: 2px solid #fff; height: 175px;  background: repeat-x bottom;} 
	#banner .wrapper {}
		.logo {padding: 0 0 0 170px; }
		.tagline {}
	#main {  margin:0; background-color: #d6e2c6; padding: 20px 0px;}
	#main .wrapper {}
		#main .navigation { width: 125px; margin:0 0 0 20px; position: relative; float: left;}  
	#main #content { width: 500px; margin: 0 0 0 170px; position: relative;}
			#top{width: 500px; padding:0 0 15px 0; border-bottom: 1px dashed #fff;}
			#left{width: 270px; float: left;  position: relative; padding: 15px 0px; }
			#right{ width: 190px; padding: 15px 0 15px 20px;  border-left: 1px dashed #fff; height: 100%;float: right;}
	#footer {padding: 15px 0;} 	
	#footer .wrapper { background-color: #fff;}	
		#footer .navigation	 {float: left; width: 420px;  padding: 0px 20px 0px 40px; } 
		#footer .logo { }
	
	p 	{ font-size: 1em; margin-bottom: 15px; line-height: 1.3em;}
	#main p {font-size: 1.2em;}
	a { font-weight: normal; 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 */
	
	h1,h2,h3,h4,h5,h6 { clear: both; font-weight: bold; text-transform: none; margin-bottom: 5px; letter-spacing: 0.3px}
	h1	{ font-size: 4.8em;}
	h2	{ font-size: 3.6em;}
	h3 	{ font-size: 2.4em;}
	h4	{ font-size: 1.8em;}     	      
	h5	{ font-size: 1.4em;}	       	
	h6  { font-size: 1.2em;}
	img {border: none;}
    img.border { border: 4px solid #fff;}	
#footer .logo  img { margin: 0 5px; }

	hr 	{ clear: both; height:0; border-top:1px solid; margin: 15px 0px;}
	b, strong { font-weight: bold; }
	i, em { font-style:italic;}
	del { color: #78716e; text-decoration: line-through;}

#content ul {list-style: disc; margin: 0px 15px 15px 15px;}
#content li {font-size: 1.2em;}

li {  font-size: 1em;}
li p, 	#main li p {  font-size: 1em;}

 	#main .navigation a { display: block; border: 0;}
	#main .navigation a:hover { }
 	#main .navigation ul {}
 	#main .navigation li { height: 50px;} 
 	#footer .navigation a { border-color: #000; color: #000; display: block;}
	#footer .navigation a:hover {color: #9f6613;}
 	#footer .navigation ul { padding: 0 0 10px 0px;}
 	#footer .navigation li { margin: 0px 10px 0 0; float: left; display: inline; }
	#footer .navigation p { clear: both; margin: 15px 0px;}

		    table { }

			th, td { padding: 5px 03px; }
	 		td { font-size: 1.2em;  white-space:nowrap;}  
		#main td p {  font-size: 1em; margin-bottom: 0px;}