@charset "utf-8";
/* CSS Document */

Reset
-------------------------------------------------------------- 

*/

html, body { margin: 0; padding: 0; border: 0;  background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, img, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {

	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, b, i, u, strike { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

	/* The border-collapse property sets whether the table borders are collapsed into a single border or detached as in standard HTM 
	The border-spacing property sets the distance between the borders of adjacent cells */


/* Containers */
body           {background-color:#000;   }

#wrapper     	{ width:950px; margin:0 auto; background-color:#e0e0e0; 
				  border-right:2px #666 solid; border-left:2px #666 solid;		 	
}

#top 			{width:100%; height:10px; background-color:#06F;			    }

#banner			{ padding:20px 0px 10px 70px;         	}

#subbanner      {width:948px; height:323px;      }

#topnav         {	}

#topnav   ul      {width:100%; background-color:#06f; float:left;			}

#topnav   ul li {display:inline;   }

#topnav   ul li a {padding:10px 35px; float:left;
					color:#fff; font-size:16px; font-weight:bold;            }

#topnav a:hover { background-color:#0aF;}

#content        {  width:560px; float:left; padding:20px;  background-color:#e0e0e0;    }

#content h1   {font-size:24px;  font-weight:bold; margin: 1em 0 ;  } 

#content h2   { font-size:18px; font-weight:bold;  margin: 1em 0 ;      }

#content p    { font-size:12px; line-height:140%; margin-bottom:.75em;   }

#content img  { padding:8px; float:right; margin:16px; border:1px #666 solid;  }


#contentstyle        { width: 100%; text-align:center; color:#FFF; font-size:14px; padding:0 0 0 0; }

#contentstyle h2   { text align:center; font-size:18px; font-weight:bold;  margin: 1em 1em;  padding:20px 20px;    }
 
#right-col   {  float:left; padding:20px; width:210px; background-color:#e0e0e0;           }

#right-col h1 {text-align:center; font-size:24px; font-weight:bold; margin: 1em 0 ;}

#right-col h2 {font-size:18px; font-weight:bold;line-height:160%;  margin: 2em 2 ; text-align:center;}



#right-col p {text-align:center; font-size:12px; font-weight:bold;  line-height:140%; margin:1em 1em; padding:10px 20px; }

#content-g1, #content-g2 {font:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#06f; padding:2em 15px;  }

#content-g1 img { padding:8px; float:right; margin:16px; border:1px #666 solid;        }

#content-g2 img  { padding:8px; float:left; margin:16px; border:1px #666 solid;        }





#footer         { clear:both; background-color:#06f; width:100%; height:25px; padding:5 0; }


.bdr-thin-white-bottom   {border-bottom:2px #FFF solid; }

.footer-text { text-align:center; color:#FFF; font-size:14px; padding:5px 0 0 0; }

.midi-jpg  {margin:50px 0px 0px 0px;  }