/* --------------------------------------------------
CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- */

/* CONTAINER */

		
#container {
    /* Lucida Grande for the Macs, Tahoma for the PCs */
	font-size : 11px;
    background-color : #FFF;
    color : #666;
    font-family : Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
    line-height : 1.6em;
    margin-bottom : 0;
    margin-left : auto;
    margin-right : auto;
    margin-top : 0;
    width : 924px;
  }

/* GENERAL MOJO AND MULA */
		
		
h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 32px;
    color: #CC6633;
    margin-bottom: 30px;
    background-color: #FFF;
  }


h2 {
    color: #666666;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFF;
  }


a {
    color:#CC6714;
    text-decoration: none;
  }


a:hover {
    color:#CC6714;
    background-color: #F5F5F5;
  }




input {
    background-color: #FFF;
    color: #4c4c4c;
    border: 1px solid #4c4c4c; 
    font-size: 11px;
    padding: 3px;
    margin: 4px;
  }
TEXTAREA {
background-color: #FFF;
# color: #4c4c4c;
border: 1px solid #4c4c4c;
font-size: 11px;
padding: 3px;
margin: 4px;
  }
select  {
background-color: #FFF;
color: #4c4c4c;
border: 1px solid #4c4c4c;
font-size: 11px;
padding: 3px;
margin: 4px;
  }

.button {
    padding: 2px;
  }
.class1 A:link {text-decoration: none; color: #3300cc}
.class1 A:visited {text-decoration: none; color: #3300cc}
.class1 A:active {text-decoration: none; color: #3300cc}
/* .class1 A:hover {text-decoration: none;background-color: #d9ebff;} */
.class1 TD {border: 1px dotted}
.class1 TD:link {text-decoration: none}
.class1 TD:visited {text-decoration: none}
.class1 TD:active {text-decoration: none}
/*.class1 TD:hover {background-color: #d9ebff;} */

.suggested A:link {text-decoration: none; color: #7F7F7F}
.suggested A:visited {text-decoration: none; color: #7F7F7F}
.suggested A:active {text-decoration: none; color: #7F7F7F}
.suggested TD {border: 1px dotted}
.suggested TD:link {text-decoration: none}
.suggested TD:visited {text-decoration: none}
.suggested TD:active {text-decoration: none}

.accepted A:link {text-decoration: none; color: #3300CC}
.accepted A:visited {text-decoration: none; color: #3300CC}
.accepted A:active {text-decoration: none; color: #3300CC}
.accepted TD {border: 1px dotted}
.accepted TD:link {text-decoration: none}
.accepted TD:visited {text-decoration: none}
.accepted TD:active {text-decoration: none}


/* HEADER ELEMENTS */
		
#header {
    border-bottom: 2px solid #535523;
    padding-top: 5px;
    clear: both;
    margin-bottom: 10px;
  }

/* the slogan */
		
#header p {
    margin-top: -20px;
    /* margin-left: 30px; */
    color: #999999;
  }

/* NAVIGATION ELEMENTS */
	
		 
#navigation ul {
    margin-left: 0;
	margin-right: 0px;
	/* margin-top: 40px; */
    padding-left: 0;
    list-style-type: none;
    float: left;
    width: 140px;
    font-size: 12px;
  }


#navigation a {
    display: block;
    padding: 5px;
    width: 140px;
    border-bottom: 1px solid #535523;
  }

#navigation a:link, #navlist a:visited {
    color:#008c00;
    text-decoration: none;
  }


#navigation a:hover {
    background: #000000 url(arrow.gif) 96% 50% no-repeat;
    background-color: #F5F5F5;
    color:#008c00;
  }

/* THE SMALL BOX BELOW NAV */

		
#navigation p {
    margin-top: 40px;
    padding: 5px;
    border-bottom: 1px dotted #CCC;
    border-top: 1px dotted #CCC;
  }

#navigation.submenu {
margin-right: 0;
}

#navigation.submenu a{
margin-right: 0;
}
#navigation.submenu a:hover {
background: #000000 url(arrow.gif) 96% 50% no-repeat;
background-color: #F5F5F5;
    color:#CC6714;
  }

/* CONTENT ELEMENTS */
		
#content {
    width: 535px;
    margin-left: 175px;
    margin-right: 175px;
    /* margin-top: 40px; */
	padding: 5px;
  }


#content p {
    padding-bottom: 10px;
    border-bottom: 2px solid #535523;
    /* A faint grey line below the text */;
  }

/*.wider_content { width: 739px; margin-right: 10px; }*/

/* CONTENT ELEMENTS */
		
#wider_content {
    width: 739px;
    margin-left: 175px;
    margin-right: 0px;
	padding: 5px;
  }


#wider_content p {
    padding-bottom: 10px;
    border-bottom: 2px solid #535523;
    /* A faint grey line below the text */;
  }

/* SIDEBAR ELEMENTS */

#form {
 width: 560px;
    /* margin-left: 175px;
    margin-right: 210px; */
}
		
#sidebar {
	padding: 5px;
    float: right;
    width: 175px;
  }


#sidebar p {
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
  }

/* FOOTER ELEMENTS */
 
#footer {
    margin-top: 20px;
    clear: both;
    background-color:#575352;
    padding: 0px 5px 0px 5px;
  }


#footer p {
    color:#FFFFFF;
    padding: 5px;
  }


#footer p a {
    color: #FFFFFF;
    border-bottom: 1px dotted #89817f;
  }


#footer p a:hover {
    color: #89817f;
    background-color:#575352;
  }
#footer2 {
    clear: both;
    line-height : 0.6em;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    }


#footer2 p {
    color:#FFFFFF;
    line-height : 0.6em;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    padding: 0px;
    border-bottom: 0px ;
     }


#footer2 p a {
    color:#FFFFFF;
    line-height : 0.6em;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    padding: 0px;
    border-bottom: 0px ;
    }


#footer2 p a:hover {
    color:#FFFFFF;
    line-height : 0.6em;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    padding: 0px;
    border-bottom: 0px ;
    }

.suggestionsBox {
		position: absolute;
		margin: 10px 0px 0px 0px;
		width: 300px;
		background-color: #fff;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #000;
	}
	
.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
.suggestionList li {
		list-style: none;		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
.suggestionList li:hover {
		background-color: #659CD8;
	}

/* Custom form element styles, taken out, didn't work

span.checkbox {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(checkbox.gif) no-repeat;
display: block;
clear: left;
float: left;
}
span.radio {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(radio.gif) no-repeat;
display: block;
clear: left;
float: left;
 }
span.select {
position: absolute;
width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(images/select.gif) no-repeat;
overflow: hidden;
}

*/