/* Basic features */



body {
	margin: 20px 0;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 90%;
	color: #333333;
}
li {
	margin-top: 5px;
}
h1 {
}

h2{
	color: #CC6600;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CC6600;
	padding-top: 10px;
}

#main-content  p {
	margin-bottom: 25px;
	
}





.box {
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(../images/textbox-bg.gif) repeat-x left bottom;
}

.bottom {
	display: block;
	margin-bottom: 0;
	padding-bottom: 10px;
	background: url(../images/textbox-base.gif) no-repeat left bottom;
}

.image {
	float: left;
	margin: 3px 0 0 0;
	padding: 0;
}

.indent {
	margin-left: 125px;
}

/* Header */

#header {
	width: 928px;
	height: 37px;
	margin: 0 auto;
	background: #BECF74 url(../images/topbar-bg.gif) repeat-x;
	border-bottom: 3px solid #FFFFFF;
}

/* Menu */

#menu {
	float: left;
	width: 600px;
	height: 37px;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	background: url(../images/topbar-left.gif) no-repeat;
}

#menu li {
	display: inline;
}

#menu a {
	
	float: left;
	height: 27px;
	padding: 10px 15px 0px 15px;
	text-transform: lowercase;
	text-decoration: none;
color: #87A019;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	background: #A4B74C url(../images/topbar-hover.gif) repeat-x;	text-decoration: none;
	
}



/* Google Search */

#cse-search-box {
	float: right;
	height: 28px;
	margin: 0;
	padding: 9px 25px 0 0;
	background: url(../images/topbar-right.gif) no-repeat right top;
}

#cse-search-box fieldset {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

#search-field {
	width: 164px;
	padding: 2px 5px;
	background: #FFFFFF;
	border: none;
}

#search-button {
	height: 20px;
	background: #87C4DB;
	border: 1px solid #0099FF;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}


/* site content */

#content {
	width: 928px;
	margin: 0 auto; 	
}

#left-menu {
	float: left;
	width: 238px;
	background-image: url(../images/logo-graphic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
}

#left-menu h3 {
	color: #CC6600;
	font-size: 110%;
	font-weight: normal;
	margin-top: 55px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	margin-left: -20px;
}

#left-menu ul {
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
	list-style: none;
}

#left-menu li {
	border-top: 1px solid #EFEFEF;

	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}
#left-menu li.heading {
	font-weight: 300;
	color: #CC6600;
	margin-left: -25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-top-color: #CC6600;
	border-right-color: #CC6600;
	border-bottom-color: #CC6600;
	border-left-color: #CC6600;
}

#left-menu li.first {
	border: none;
}
#left-menu a {
	text-decoration: none;
		color: #87A019;
	font-size: 100%;

}

#left-menu a:hover {
	text-decoration: underline; 	color: #2582A4;
}
#main-content {
	float: right;
	width: 638px;
	background: url(../images/content-bg.gif) repeat-x;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #CC9900; 	border-right-width: 3px;
	border-right-style: dotted;
	border-right-color: #CC9900;
}


#main-content a {
color: #2582A4;
}

#main-content a:hover {
	text-decoration: none;
	color: #87A019; 
}


#main-content img {
	padding: 0px;
	margin: 15px;
}
#main-content h2 {
	margin-top: 0;
	font-size: 120%; 	color: #CC6600;
}



#main-content h3 {
	color: #666;
	font-size: 120%;
	font-weight: normal;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 22px;
}

#main-content h4 {
	margin-top: 0;
	font-size: 100%;
	font-weight: normal;
}

#main-content  .box {
	margin: 0 -30px 30px -20px;
	padding: 0 30px 0 20px;
}

#main-content .bottom {
	margin: 0 0 20px -20px;
	padding: 0 0 20px 20px;
}
#full-logo {
	background-image: url(../images/full-logo-web.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main-content-full  {
	float: right;
	width: 880px;
	background: url(../images/content-bg.gif) repeat-x;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #CC9900; 	border-right-width: 3px;
	border-right-style: dotted;
	border-right-color: #CC9900;
}


#main-content-full a {
color: #2582A4;
}

#main-content-full a:hover {
	text-decoration: none;
	color: #87A019; 
}


#main-content-full  img {
	padding: 0px;
	margin: 15px;
}
#main-content-full  h2 {
	margin-top: 0;
	font-size: 120%; 	color: #CC6600;
}



#main-content-full  h3 {
	color: #CC6600;
	font-size: 120%;
	font-weight: normal;
	background-image: url(../images/h3bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 22px;
}

#main-content-full  h4 {
	margin-top: 0;
	font-size: 100%;
	font-weight: normal;
}
#main-content-full  .box {
	margin: 0 -30px 30px -20px;
	padding: 0 30px 0 20px;
}

#main-content-full .bottom {
	margin: 0 0 20px -20px;
	padding: 0 0 20px 20px;
}

#title {
	margin-top: 0;
	font-size: 130%;
	color: #009966;
	letter-spacing: 3px;
}

/* footer */

#footer {
	clear: both;
	width: 928px;
	margin: 0 auto;
	padding-top: 40px;
	background: url(../images/footer.gif) repeat-x;

	font-size: 90%;

	
}

#footer a {
	color: #666666;
	text-decoration: none;
}

#footer a:hover {
	color: #0066CC;
	text-decoration: underline;
}

#footer img {
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: none;
}

#copyright {
	margin: 0px;
	padding: 20px 15px 0px 0px;
	float: right;
	width: 300px;
	text-align: right;
}


/* misc */
#linklist a {
	font-size: 70%;
}



.link-notsmall{
	font-size: 100%!important;
}

#optional {
	padding:  10px 5px 5px; font-size: 95%; 	margin-bottom: 25px;
}
	
	
	#optional fieldset  ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 35px;
} 


#optional fieldset  a {
	text-decoration: none;
		color: #87A019;
	font-size: 100%;

}

#optional fieldset  a:hover {
	text-decoration: underline!important; 	color: #2582A4;
}


#optional fieldset {
	border: 1px solid #999999;
	margin-left: 5%;
	margin-right: 5%;
	width: 350px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;		
}

#optional fieldset.widefs   {	width: 85%!important;} 
#optional fieldset.shortfs   {	width: 250px!important;} 
	#optional fieldset .date {
	padding-left: 25px;
	display: block;
	font-size: 90%;
	color: #333;
} 

#optional fieldset li {
	list-style-position: outside;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	list-style-image: url(../images/arrow-fieldset.gif);
}
#optional fieldset legend {
	color: #666666;
	background-color: #ffffff;
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bolder;
	font-size: 120%;
	font-style: normal;
	font-variant: normal;
}

#optional a {
	text-decoration: none;
	color: #2582A4;
	
}

#optional  a:hover {
	text-decoration: underline; color: #87A019; 
}

#optional .no-bullet {
	list-style-type: none; list-style-image: none;
	padding-left:  0px;
}

.line-above {
	border-top-width: 1px;
	border-top-style: groove;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
	width: auto;
	padding-top: 10px;
}

.smaller {
	font-size: 90%;
}

.note-submit-project {
	background-image: url(../images/note-submit-project.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 155px;
	padding-left: 150px;
	height: 150px;
	display: block;
	float: right;
	margin: 0px!important;
}

.small-grey {
	font-size: 80%;
	color: #666666;
	padding-left: 25px;
}

#box-right {
	float: right;
	width: 350px;}
	
	.caution {
	background-color: #EDEDDC;
	background-image: url(../images/listserv/caution.jpg);
	display: block;
	float: right;
	width: 200px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: left top;
}
#box-right-border {
	float: right;
	width: 350px;
	padding: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
		border-width: 1px;
		border-style: dotted;
	border-left-color: #666;
}#box-right-border p{
	margin: 0px;
	padding: 0px;
}

#box-right-border h2 {
	background-color: #A4B74C;
	color: #333;
	padding: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
	margin-left: -10px;
}

#box-right-border ul {
	margin-left: 15px;
	padding-left: 0px;
	list-style-type: circle;
	margin-top: 0px;
	padding-top: 0px;
}
#box-right-border li {
	margin: 0px;
}
#column-two {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666;
	float: right;
	width: 50%;
	padding-left: 10px!important;
	margin-left: 10px;
	margin-top: 0px;
	padding-top: 0px;
}
#box-full-border {

	width: 615px;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-width: 1px;
	border-style: dotted;
	border-left-color: #666;

}

#box-full-border p{
	margin: 0px;
	padding: 0px;
}

#box-full-border h2 {
	background-color: #A4B74C;
	color: #333;
	padding: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
	margin-left: -10px;
}

#box-full-border ul {
	margin-left: 15px;
	padding-left: 0px;
	list-style-type: circle;
	margin-top: 0px;
	padding-top: 0px;
}
#box-full-border li {
	margin: 0px;
}

#column-three {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666;
	float: right;
	width: 30%;
	padding-left: 10px!important;
	margin-left: 10px;
	margin-top: 0px;
	padding-top: 0px;
}

.editors-note {
	background-image: url(../images/editors-note.gif);
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	background-position: left top;
	color: #993300;
	
}

.no-border {
	border: none!important;

}
.broken-link-grey {
	font-size: 80%;
	color: #666666;

}
.no-line {
	border-top-style: none!important;

}

.banner-yellow {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #333333;

	background-color: #FFFFCC;


	text-align: center;
	margin: 5px;
	padding: 5px;
	border: medium dotted #999999;
}

.sharebox a {
	display: block;
	float: right;
	height: 25px;
	width: 60px;
	font-size: 12px;
	color: #446C26!important;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	text-decoration: none;
	background-image: url(../images/share/sharebox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: -15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-weight: bold;
	position: relative;
}
.sharebox a:hover {
	background-image: url(../images/share/sharebox-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #039!important;
}

#compact p {
	padding: 0px;	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 90%;
}
#compact p+p {	margin-top: 0px;
	margin-right: 0px;
	margin-top: 12px!important;
	margin-left: 0px;}
#compact td {	font-size: 90%; padding: 5px;}


.table-green th {
	background-color: #A4B74C;  padding: 5px;
}

.table-green td {
	padding: 5px;
	font-size: 85%;
}

.caption {
	font-size: 85%;
	font-style: italic;
	color: #333333;
	width: 300px;
	text-align: center;
	padding: 0px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	display: block;
}

img.caption-img {
	margin-right: auto!important; padding:0px!important;
	margin-left: auto!important;
	display: block;
	margin-top: 20px!important;
	margin-bottom: 0px!important;
}

#footer-baseprint { display: none; width: 0px;}

table.basic-table th {
	color: #333;
	background-color: #DAEC84; padding: 3px;
}
table.basic-table {
	margin: 5px;
}
table.basic-table td {
	background-color: #FFFFFF;
	padding: 3px;
} 

/*used for h2 app */
.appendix-center {
	text-align: center!important;
	margin-top: 25px!important;
	padding: 5px!important;
	border: 1px solid #666!important;

}

.return a {
	padding-left: 22px;
	float: right;
	background-image: url(../images/top-return-arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	background-color: #FFF;
	margin-top: 4px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 15px;
	font-size: 80%;
}.return a:hover {	background-image: url(../images/top-return-arrow-over.gif);
	background-repeat: no-repeat;
	background-position: left top;}
#title a {
	font-size: 80%;
	font-weight: bold;
	color: #C60;
	text-decoration: none;
}