html, body {
	 margin: 0; 
	 padding: 0;
}
a:link { color :#606060;}
a:hover { color:#FF0000;}
a:visited { color: #0000A0; }
body{ 
	color:#000000;  
	font: 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	text-align: left;
	margin: 20px;		
    background: #000 url(../imgs/bg.gif) repeat-x;
	/**#000000;**/ 
	
}
h1{
	color: #337517;
}
h2{
	color: #337517;
	font-size:18px;
}

p{
	margin: 0 0 18px;
}
#container{
    width: 990px; 
    margin: 0 auto; 
    background-color:#000000;
	/**#000000**/ 
}
		

#header{ 
    width: 990px;
    height: 150px;    
    /**background: transparent url(../imgs/h2.gif) no-repeat right top;**/ 
    border-bottom:2px solid #2A2A2A;
	/**2px solid #D1D1D1**/
    border-top:0px solid #000000;
	/**0px solid #D1D1D1**/
    text-align:bottom; 
} 
#content{ 
    background: #DEFEBA ;
	/** #000000**/
    margin-bottom: 18px;
	border-bottom: 2px solid #2A2A2A;
}
#content p{ 
    padding-right: 18px; 
}
		

#content{ 
    float: left; 
    width: 990px;  
}
#footer{ 
	background: #000 url(../imgs/bgb.gif) repeat-x right bottom;
	/**#333333**/ 
    border-top:2px solid #2A2A2A;
	/**2px solid #D1D1D1**/
    border-bottom: 2px solid #2A2A2A;
	/**2px solid #D1D1D1**/
    padding-top: 10px; 
}


#mainForm{
	position: relative;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border: 0px solid #2A2A2A;
	border-bottom:0;
   /** 2px solid #C0C0C0**/
   	border-right:0;
   /** 2px solid #D1D1D1**/
    margin: 0px 0px 20px 0px;
	padding-right: 20px;
    padding-top: 10px;
    text-align: left;
	width: 90%;
	background-color: #DEFEBA ;
	/**#272727;**/  
}
#mainForm2{
	position: center; 
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-bottom:2px solid #C0C0C0;
    border-right:2px solid #C0C0C0;
    margin: 0px 0px 20px 0px;
	padding-right: 20px;
    text-align: left;
	width: 50%;
	background-color: #303030;
}
ul.mainForm{
	list-style-type: none;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:15px;	
}
li.mainForm{
	padding-bottom: 10px;
}
#mainFormError{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}
input.mainFormError{
	background-color: #FADADD;
}
textarea.mainFormError{
	background-color: #FADADD;
}
select.mainFormError{
	background-color: #FADADD;
}
#formHeader{
	position: relative;
	width: 850px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #000 url(../imgs/bg.gif) repeat-x;
	/**#808080**/
	margin:10px 0px 0px 30px;
	padding-bottom: 10px;
}
h1.formInfo{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:20px;
	position:relative;
	left:20px;
	top:0px;
	letter-spacing: 1px;
	line-height:150%;
	color:#ffffff;
}
h2.formInfo{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:15px;
	position:relative;
	left:20px;
	top:0px;
	letter-spacing: 1px;
	line-height:150%;
	color:#ffffff;
}
p.formInfo{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	font-size:12px;
	position:relative;
	left:20px;
	top:0px;
	}
#formFields{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;
}
label.formFieldQuestion{
	line-height:125%;
	padding:3px 4px 1px 0;
	border:none;	
	display:block;
    float: left;
    width:30%;
	font-size:95%;
	font-weight:bold;
    color: #2C5212;
}
label.formFieldOption{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	width:90%;
}
input.formFieldStyle{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}

button.calendarStyle{
	background-color: transparent;
	border: 0;
	height:22px;
	width:22px;
	background-image:url(../imgs/calendar.png);
	cursor: pointer;
	cursor: hand;
}
#keys {
    float:left;
    margin-left:0px;
	margin-bottom: 0px;
    height:50px;
    width:990px;
	background: #000 url(../imgs/bg.gif) repeat-x;
    position: relative;
    top:2px;
    right:0;        
}
#keys_inner {
    text-align:right;
    padding:0 10px 0 0;
    height:65px;
    margin:0 0 0 0px;
   /** background: transparent url(../imgs/background.gif) no-repeat right top;**/
}
#keys a:active { 
    outline: none; 
}
#keys a:focus {
    -moz-outline-style: none; 
}
#keys a {
    float:right;
    margin:5px 4px 0 5px;
    padding:0 0px 0 0px;
    text-decoration:none;
    font-weight: bold;
    font-size: 100%;
    background: transparent;
}
#keys a span {
    float:left;
    display:block;
    padding:7px 30px 0px 15px;
    height:30px;
    margin:0 0 0 0;
    color:#2C5212;
    background: transparent url(../imgs/button.gif) no-repeat right top;
}
#keys_inner a span {
    cursor: pointer;
} 
#keys a.disabled span { 
    color:#000000; 
}
#keys a.disabled { 
    color:#000000; 
}
#keys a.disabled:hover {
    color:#ffffff; 
}
#keys a.disabled:hover span {
    color:#ffffff; 
}

 html #menu a span  {
    height:36px;
}
#keys a:hover span {
    color:#000000;
    background:transparent url(../imgs/button.gif) no-repeat right -38px;
}

#keys a.selected span {
    background:transparent url(../imgs/button.gif) no-repeat right -38px;
    color:#41931E;
}
text-decoration: none;
}

#keys2 {
    float:left;
    margin-left:0px;
	margin-bottom: 0px;
    height:50px;
    width:990px;
	background: #000000;
    position: relative;
    top:2px;
    right:0;        
}
#keys2 a:active { 
    outline: none; 
}
#keys2 a:focus {
    -moz-outline-style: none; 
}
#keys2 a {
    float:right;
    margin:5px 8px 0 42px;
    padding:0 0px 0 0px;
    text-decoration:none;
    font-weight: bold;
    font-size: 100%;
    background: transparent;
}
#keys2 a span {
    float:left;
    display:block;
    padding:7px 30px 0px 20px;
    height:30px;
    margin:0 0 0 0;
    color:#2C5212;
    background: transparent url(../imgs/button.gif) no-repeat right top;
}
#keys2 a.disabled span { 
    color:#000000; 
}
#keys2 a.disabled { 
    color:#000000; 
}
#keys2 a.disabled:hover {
    color:#ffffff; 
}
#keys2 a.disabled:hover span {
    color:#ffffff; 
}
#keys2 a:hover span {
    color:#000000;
    background:transparent url(../imgs/button.gif) no-repeat right -38px;
}

#keys2 a.selected span {
    background:transparent url(../imgs/button.gif) no-repeat right -38px;
    color:#000000;
}
.labelfield{ 
color:brown;
font-size: 90%;
}

.datefield{ 
color:gray;
font-size: 90%;
}

#example1{ 
width: 820px;
height: 100px;
border: 3px solid;
border-color:#272727;
padding: 3px;
background-color:#000000;
}

#example2{ 
width: 820px;
height: 100px;
border: 3px solid;
border-color:#272727;
padding: 3px;
background-color: #000000;
}

#example2 div ul{ 
margin: 3px;
padding-left: 0px;
background-color: #000000 ;}

#example2 div ul li{ 
margin-bottom: 4px;
border: 0px solid;
border-color:#272727;
}

#example3{ 
width: 820px;
height: 100px;
border: 3px solid;
border-color:#272727;
padding: 3px;
background-color: #000000;
}

#example3 div ul{ 
margin-top: 0;
margin-bottom: 0px;
}

#example3 div ul li{ 
margin-bottom: 0px;
border: 0px solid;
border-color:#272727;
}

#example4{ 
width: 820px;
height: 100px;
border: 3px solid;
border-color:#272727;
padding: 3px;
background-color: #000000;
}

#example4 div ul{
margin: 0px;
padding-left: 0px;
background-color: #000000 ;}

#example4 div ul li{ 
margin-bottom: 4px;
border: 0px solid;
border-color:#272727;
}

#example5{ 
width: 820px;
height: 100px;
border: 3px solid;
border-color:#272727;
padding: 3px;
background-color: #000000;
}

#example5 div ul{ 
margin: 0px;
padding-left: 0px;
background-color: #000000 ;}

#example5 div ul li{ 
margin-bottom: 4px;
border: 0px solid;
border-color:#272727;
}

code{ 
color: red;
}


#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#DEFEBA;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#DEFEBA; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('../imgs/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('../imgs/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}