/*

Author: Hulaweb

*/

/*
MAIN BODY STYES

*/



BODY
{
   background: #A5CB50 url('images/bg_fade.jpg') top left repeat-x; 
}

BODY, TABLE {
   font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   color:  #99CC66;
   font-size: 11pt;
   font-weight: 400;
}

P {
   line-height:20px;
   color: #99CC66;
}

IMG {
padding:0;
margin:0;
}

INPUT
{
	width: 220;
	height: 22;
	color: #000000;
	border: #FFFFFF;
	font-size: 11pt;
}


SELECT
{

	color: #000000;
	border: #99CC66;
	font-size: 10pt;

}

FORM   {
width: 500px;
	padding: 10px;
	border: 1px dashed #6666FF;

}



H1, H2, H3, H4 {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

H1 {
   	color: #6666FF;
   	 font-weight: normal;
}

H2 {
   color: #6666FF;
   font-size: 13pt;
   font-weight: normal;
 	
}

BLOCKQUOTE H3, H3 {
   color: #6666FF;
   font-size: 13pt;
   font-weight: normal;
 	
}


H3 {
  	color: #FFF;
  	font-size:12pt;
}

H4 {
 font-weight: normal;
 color: #FFF;
 text-align: left;
 font-size: 9pt;
 padding:0;
 margin:0 0 6px 0;
}

A {
	color: #FFCC33;
	font-weight: normal;
	text-decoration:none;
}

A:hover, #breadcrumb a:hover {
 color: #6666FF;
}



OL, UL {
line-height:30px;
}

BUTTON {

	background: #B7D420 url('images/button.jpg') no-repeat;
	color: #003110;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 17pt;
	width: 169;
	height: 54;
	border-style: none;
}

BLOCKQUOTE {
margin: 26px 20px 0 20px;
}

TD {
vertical-align:top;
}

.white li{
color: white;
}


#box {
background: url('images/blue_box.jpg') no-repeat top right;
}

#box_big {
background: url('images/blue_box_big.jpg') no-repeat top right;
}

#box BLOCKQUOTE, #box_big BLOCKQUOTE  {
margin: 12px 10px 0 32px;
}

#box BLOCKQUOTE h2, #box_big BLOCKQUOTE h2{
padding-top: 24px;
}


#mainbody #maincontent H2 {
   color: #6666FF;
   font-size: 13pt;
   font-weight: normal;
   border-bottom: 1px dashed #6666FF;
   
  	
}

#mainbody H2, #projects H2 {
 color: #6666FF;
 text-transform: uppercase;
 
}

#maincontent #glossary H2{
border-bottom: 0px none;
margin-bottom:2px;
}

#maincontent #glossary p {
margin-top:2px;
margin-bottom:24px;
}


.quote {
	background: transparent url('images/button.jpg') no-repeat;
	width: 169;
	height: 54;
	border-style: none;
	margin-right: 80px;
	margin-top: 12px;
}

.quoteText {
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	padding-right: 14px;
	padding-top: 12px;
	color: #003110;
	font-size: 17pt;
}

.quoteText a {
	color: #003110;
}


#navigation a {
	text-decoration: none;

}
#navigation {
 color: #FFCC33;
 text-align:left;
  font-size: 10pt;
  text-transform: uppercase;
  padding: 0 0 10px 36px;
}

#breadcrumb {
  font-size: 10pt;
	font-weight: normal;
	padding-bottom:30px;
	text-transform: uppercase;
	padding-left: 30px;
}

#breadcrumb a {
	color: #FFCC33;
	text-decoration: none;
	font-weight: normal;

}


#container {
	 padding: 0px;
}

#main  {
margin:0px;
padding:0px;
color: #99CC66;
}

#mainTop  {
background: transparent url('images/body_top.jpg') top center no-repeat;
height:49px;
}

#mainBody  {
background: #000;
padding: 0 6px 0 6px;
color: #99CC66;
}

#mainBottom  {
background: #000 url('images/body_bottom.jpg') bottom center no-repeat;
height:49px;
padding:0;
margin:0;
}

#mainBottom table {
padding:0;
margin:0;
}



#headerTop {
background: url('images/header_bg.gif') top left no-repeat;
height: 191px;

}

#logo {
padding: 2px 0 0 31px;
}

#projects {
background: #000;
padding-left:34px;
vertical-align: top;
padding-top: 40px;
}



#projects a img {
border: 1px solid #FFCC33;
}


#projects a:hover img {
border: 1px solid #6666FF;
}

#projects table {
margin-left:-4px;
}

#maincontent {
padding-left:30px;
padding-right: 10px;
}

.ov {
	font-size: 10pt;
	font-weight: normal;
}
.ov INPUT
{
	width: 24px;
}

.submit input{
width: 80px;
height: 40px;
background: #000;
color: #6666FF;
font-weight: bold;
border: 1px dashed #6666FF;
margin-left: 180px;
}

.up {
  text-transform: uppercase;
}

.table {
	 background: transparent;
	 margin: 0;
	 margin-top: 10px;
	 font-size: 10pt;
	 color: 99CC66;
}

.rpad {
margin-right: 30px;
}


.gallery {
   border: 1px dashed #6666FF;
   text-align:left;
   padding: 8px 6px 8px 16px;

}


.gallery img {
margin-right: 9px;
border: 1px solid #000;
}


.footer {
color: #003712;
text-align: center;
}

#projInfo {

}

table  #project_info {
margin-bottom: 10px;
padding: 0;
}

#project_info td {
font-weight: normal;
font-size: 9pt;
padding-left: 4px;
color: #FFF;

}

#project_info #label {
font-weight: normal;
font-size: 9pt;
padding-left: 4px;
color: #99CC66;

}

#top img{
border:none;
}

#top {
text-align:right;
}

.checklist li{
line-height:30px;
list-style: none;
  background-image: url(images/checkbox.gif);
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 30px;  /* space for the image */
  margin:0px;
  padding-bottom:0px;

}



#content { width: 490px; margin-top: 5px; float: right; }
#content p { padding: 10px 0; }
#content div.gallery { background: #181818; }
#content div.gallery img { padding: 9px; }
#content a:visited  {color: #FFFFFF; text-decoration: underline}
#content a:link  {color: #FFFFFF; text-decoration: underline}
#content a:active {color: #FFFF00; text-decoration: underline}

#footer { width: 780px; margin: 10px auto; clear: both; }

.Collapse { display:none; }

#quote blockquote {
  padding: 0 15px 0 15px;
  margin: 25px 8px 25px 8px;
  color: #fff;
  text-align: left;
  font-size: 1.0em;
  line-height: 1.3em;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif;
  background: transparent url(images/quote_left_black2.gif) left top no-repeat;

}

#quote blockquote p {
  padding: 0 38px;
  background: transparent url(images/quote_right_black2.gif) right bottom no-repeat;
  color: #fff;
}

#dropmenudiv{
position:absolute;
background: #000;

border-top-width: 0;
padding-top:8px;
font:normal 13px Trebuchet MS;
line-height:20px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;

padding: 3px 0 10px 8px;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #000;
}