h1 {text-align:left; color:black; font: normal 20pt "Arial Black"}
/*h2 {text-align:left; color:black; font: italic 12pt "Verdana"}*/
h2 { 7px; text-align:left; color:black; font: italic 18pt "Arial Black"}
p {text-align:left; color:black; font: normal 14pt "Arial Black"} 
container {text-align:left; color:black; font: normal 12pt "Arial Black"} 
header {text-align:left; color:black; font: italic 8pt "Verdana"} 
footer {text-align:left; color:black; font: normal 8pt "Verdana"} 
navbar {text-align:center; color:black; font: normal 8pt "Verdana"}


	
/*-- Define Header--*/

BODY {
      background:#fff;
      margin:0;
      padding:0;
      color:#000;
      /*font:x-small/1.5em Georgia,Serif;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small*/;
      } 
	  
/*html>body {font-size:small;}*/

#header {
      float:left;
      width:100%;
      background:#DAE0D2 url("bg.gif") repeat-x bottom;
      font-size:100%;
      line-height:normal;
}
#header ul {
	  margin:0;
      padding:10px 10px 0;
      list-style:none;
}
#header li{
      float:left;
      background:url("left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
}
#header a {
	  float:left;
      display:block;
      background:url("right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#000000;
}

#header a:hover {
        COLOR: #cc0000;}

#header #selected {
        BACKGROUND-IMAGE:url("left_on.gif")
		background: #ffffff
		border-width:0;
}
#header #selected a {
      background-image:url("right_on.gif");
      color:#cc0000;
      padding-bottom:5px;
}
	
	
/*-- Define Columns --*/

p {text-align:left; color:black; font: normal 1.5em "Verdana"} 
/* Start of Column CSS */
#container2_2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#ffffff; /* column 2 background colour */
}
#container2_1 {
	float:left;
	width:100%;
	position:relative;
	right:33.33%;
	background:#ffffff; /* column 1 background colour */
}
#col2_1 {
	float:left;
	width:62.67%;
	position:relative;
	left:35.33%;
	overflow:hidden;
}
#col2_2{
	float:left;
	width:29.33%;
	position:relative;
	left:39.33%;
	overflow:hidden;
}
#recdev{
	  font-size:100%;
      line-height:normal;
	  /*border-bottom: #adde63 solid 1px;*/
}
#recdev h3 {
	color: black;
	text-align:left;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 0;
}
#recdev a {
	  /*float:left;*/
      /*display:block;*/
      /*padding:5px 15px 4px 6px;*/
      text-decoration:underline;
      color:#000000;
}
#recdev  a:hover {
        COLOR: #cc0000;}
#recdev p {padding: 0 0 15px 0; margin: 0; font-size: 1.0em;}
		
/* Start of Three Column CSS */
#container3 {
    clear:both;
	float:left;
    width:100%;
    position:relative;
	overflow:hidden;
    background:#fff;
}
#container2 {
    clear:left;
	float:left;
    width:100%;
    background:#fff;
    position:relative;
    right:33.333%;
}
#container1 {
    float:left;
    width:100%;
    background:#fff;
    position:relative;
    right:33.333%;
}
#col1 {
    float:left;
    width:29.33%;
    position:relative;
    left:68.67%;
    overflow:hidden;
}
#col2 {
    float:left;
    width:29.33%;
    position:relative;
    left:72.67%;
    overflow:hidden;
}
#col3 {
    float:left;
    width:29.33%;
    position:relative;
    left:76.67%;
    overflow:hidden;
}

/*--Define rollover for faq--*/

ul.columns {
	width: 100%;
	list-style: none;
	margin: 0 auto; padding: 0;
}
ul.columns a {
	  float:left;
      display:block;
      background:#fff;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#000000;
}

ul.columns li {
	width: 80%;
	float: left; display: inline;
	margin: 10px; padding: 0;
	position: relative;
	
}
ul.columns li:hover {z-index: 99;}


ul.columns li .info {
	position: absolute;
	left: -10px; top: -10px;
	padding: 10px 10px 20px;
	width: 80%;
	display: none;
	background: #fff;
	font-size: 1.00em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul.columns li:hover .info {display: block;}

ul.columns li h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px 0;
}
ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}

/*-- Define Footer--*/
#footer {
  clear: both;
  float: left;
  width: 100%;
  border-top: #adde63 solid 1px;
}

#footer ul {
	  margin:0;
      padding:10px 10px 0;
     list-style:none;
}
	  
#footer li{
      float:left;
      background:ffff;
      margin:0;
      padding:0 0 0 9px;
}
#footer a {
	  float:left;
      display:block;
      background:ffff;
      padding:5px 15px 4px 6px;
      text-decoration:underline;
      font-weight:bold;
      color:#000000;
}

#footer a:hover {COLOR: #cc0000;}
#footer p {clear:both; font-size: 0.8em;}