/* CSS Document */

/* Normalizes margin, padding 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin:0; padding:0;}*/

body {
min-width:760px;
background:/* url(greenverticalgradient.gif) repeat-x;*/#d3decf;
}

#wrapper {
width: 750px;
position: absolute;
top:0;
left:50%;
margin-left: -375px;
font:90% Arial, Helvetica, sans-serif;
/*border-left:black 1px solid;
border-right:black 1px solid;*/


}

#clear {
clear:both;
}


#branding {
background:url(LythrumsalicariaJMRe.jpg) no-repeat;
color:gray;
height:160px;

padding-left: 20px;
	padding-bottom: 30px;
	padding-top: 20px;
}

#header {
background:gray;
color:white;
font: italic 80% 'Lucida Grande',Verdana, Helvetica, sans-serif;;
padding:10px;
text-align:center;
}


#branding h1 {
top-margin:5px;
padding:0;
top:0;
letter-spacing:.2em;
font: bold 140%  "Georgia", Times, serif;/*'Lucida Grande',Verdana, Helvetica, sans-serif;*/
text-indent : -9999px;
}

#branding h2 {
font: 100% 'Lucida Grande',Verdana, Helvetica, sans-serif;
margin:0;
padding:0;
top:0;
bottom:0;
letter-spacing:.2em;
margin-left:-15px;
line-height:50%;
}

#branding p {
font: bold 90% "Georgia", Times, serif;
}

#content {
width:550px;
float:right;
margin-top:20px;
margin-bottom:30px;

}
#wrapper2 h3
{
font: 100% 'Lucida Grande',Verdana, Helvetica, sans-serif;
color: #555555;
}

#wrapper2 h2
{
font: 110% 'Lucida Grande',Verdana, Helvetica, sans-serif;
color: #555555;
}

#wrapper2 h1
{
font: 120% 'Lucida Grande',Verdana, Helvetica, sans-serif;
color: #555555;
}

#wrapper2 
{
margin:10px;
margin-bottom:30px;
}

#wrapper2 p
{
font: 85% arial, Helvetica, sans-serif;
}



#content h1 {
font: 120% 'Lucida Grande',Verdana, Helvetica, sans-serif;
color:#555555;
}

#latinname {
font: italic 115%  'Lucida Grande',Verdana, Helvetica, sans-serif;
color::#555555;
}

#content h2 {
font: 107% 'Lucida Grande',Verdana, Helvetica, sans-serif;
color: #555555;
}


h2 {
font: 115% 'Lucida Grande',Verdana, Helvetica, sans-serif;
color: #555555;
}

#content h3 {
font: 100% 'Lucida Grande',Verdana, Helvetica, sans-serif;
color:#555555;
}

#content h1, #content h2, #content p {
padding-right: 10px;
}

#content p {
font: 90%/1.2 Arial, Helvetica, sans-serif;
padding-right:10px;
}


#mainContent {
width:365px;
float: left;
}

#content ol {
font: 90%/1.2 Arial, Helvetica, sans-serif;
}

#content ul {
font: 90%/1.2 Arial, Helvetica, sans-serif;
}

#content ul.calendar {
font:normal 95%/1.2 Arial, Helvetica, sans-serif;
}

#content ul dd {
font-style:normal;
margin-top:10px;
padding:0;
}

#content ul dt {
font-style:normal;
margin-top:30px;
padding:0px;
}

#content ul.calendar dd a {
font:normal 120%/1.2 Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}


.mainImage {
float:right;
border: 1px black solid;
width:85px;
height:85px;
margin: 1% 2% 0;
}

.sideImage {
border:1px black solid;
width:10em;
height:10em;
margin:1% 2% 0;
}

.rightsideImage {
border:none;
margin:5% 5% 5%;
}

#clear {
clear:both;
}

#secondaryContent {
margin-left:45px;
width: 140px;
float: right;
}

#divider {
width:300px;
border-top:#006666 1px solid;
margin-top:40px;
margin-bottom:5px;
margin-left:10px;
}

/*#secondaryContent h1, #secondaryContent h2, #secondaryContent p {
padding-left:10px;
padding-right:10px;
}*/

#secondaryContent h1 {
	font: 120% 'Lucida Grande',Verdana, Helvetica, sans-serif;
	margin:1%;
	margin-bottom:5%;
	margin-left:7px;
	color:#555555;
}

#secondaryContent p {
	font: 90% Arial, Helvetica, sans-serif;
}



#firstCol {
width:14em;
float:left;
font: 90%/1.1 Arial, Helvetica, sans-serif;
margin-top:12px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
}

#firstCol p {
font:90%/1.2 Arial, Helvetica, sans-serif;
padding:0;

}

#firstCol h1 {
font: 130% 'Lucida Grande',Verdana, Helvetica, sans-serif;
color: #555555;
}

#firstCol h2 {
font: 110% "Georgia", Times, serif;
color: #555555;
}

#firstCol h3 {
font: 90% "Georgia", Times, serif;
color: #555555;
}

#firstColBox {
border: 2px solid #006666;
/*background:white;*/
padding-left:6px;
padding-right:5px;
padding-bottom:5px;
margin-bottom:5px;
}


#firstColBox p{
/*font: 90% "Georgia", "Times New Roman", Times, serif;*/
font-size:88%;
}


#firstColBox ul li{
/*font: italic 95% "Georgia", "Times New Roman", Times, serif;*/
font-size:95%;
}



#firstColBox h1 {
color:#006666;
margin-top:5px;
/*font: 130% Georgia, "Times New Roman", Times, serif;*/
}

#firstColBox p.definition {
font-size: 88%; /*"Georgia", "Times New Roman", Times, serif;*/
}

.caption {
font:italic 90% Arial, Helvetica, sans-serif;
margin-top:0;
margin-bottom:20px;
padding:0;

}
ul.research {
list-style:none;
}

ul.management {
list-style:none;
}

p.management {
font: 70%/1.2 italic Arial, Helvetica, sans-serif;
}

ul.contact {
list-style:none;
font: 98%/1.2 Arial, Helvetica, sans-serif;
}

ul.contact li {
margin-bottom:10px;
}

ul.resources {
list-style:none;
}

ul.resources li, ul.resources li ul li {
font:100% Arial, Helvetica, sans-serif;
}

#firstCol ul {

font: italic 90%/1.2 italic Arial, Helvetica, sans-serif;
list-style-type:none;
margin:0;
margin-left:5px;
padding:0;
}

#firstCol ul li {
margin-top:5px;
}

/* horizontal main menu navigation - based on a method from Richard Rutter */

a:visited {
text-decoration:underline;
border:none;
color:#006666;
}

a:link {
text-decoration:underline;
border:none;
color:#006666;
}

a:hover {
text-decoration:underline;
border:none;
color:#006666;
}

a:active {
text-decoration:underline;
border:none;
color:#006666;
}

#breadcrumbs {
clear:both;
font: 75% bold 'Lucida Grande',Verdana, Helvetica, sans-serif;
color:#999999;
margin: 10px 0 0 40px;
padding: 0;

}

#breadcrumbs a:visited {
text-decoration:none;
border:none;
color:#999999;
}

#breadcrumbs a:link {
text-decoration:none;
border:none;
color:#999999;
}

#breadcrumbs a:hover {
text-decoration:underline;
border:none;
color:#999999;
}

#breadcrumbs a:active {
text-decoration:none;
border:none;
color:#999999;
}

#content dl {

}

#content dt {
font:italic 90% 'Lucida Grande',Verdana, Helvetica, sans-serif;
margin:5px;
}


#content dd  {
font: 75% 'Lucida Grande',Verdana, Helvetica, sans-serif;
margin:5px;
margin-bottom:15px;
}



#mainNav
{
margin: 10px 0 0 0px;
padding: 0;
font: 90% bold 'Lucida Grande',Verdana, Helvetica, sans-serif;
color:#b1bcad;
width:750px;
}

li#nav_about {
left:35px;
}

li#nav_invasives {
left:70px;
}

li#nav_calendar {
left:105px;
}

li#nav_join {
left:140px;
}

li#nav_outreach {
left:175px;
}

li#nav_edrr {
left:210px;
}

li#nav_resources {
left:245px;
}

ul.weeds {
font: 90%/1.2 italic Arial, Helvetica, sans-serif;
}

ul.weeds li{
font: 90%/1.2 italic Arial, Helvetica, sans-serif;
}

ul.slidingmenu li a:visited {
	text-decoration:none;
	color:#8c838a;
	font: 90% "Lucida Grande",Verdana, Helvetica, sans-serif;
}

ul.slidingmenu li a:link {
	text-decoration:none;
	color:#8c838a;
	font: 90% "Lucida Grande",Verdana, Helvetica, sans-serif;
}



ul.slidingmenu li a:hover {
	text-decoration:none;
	color: #8c838a ;
	font: 90% "Lucida Grande",Verdana, Helvetica, sans-serif;
}

ul.slidingmenu li a:active {
	text-decoration:none;
	color:#8c838a;
	font: 90% "Lucida Grande",Verdana, Helvetica, sans-serif;
}

#mainNav ul.slidingmenu a#home {
	font-weight:bold;
}

ul.slidingmenu,
ul.slidingmenu ul,
ul.slidingmenu li,
ul.slidingmenu a { 
 padding-left:0px;
 padding-top:0;
padding-right:0;
  margin: 0;
  display: block;
}


/* use a fixed width for menu and submenus */
ul.slidingmenu
{
/*  width: 7em;*/
/*width:95px;*/
  
}

ul.slidingmenu ul {
width:135px;

}

ul.slidingmenu a {
  width: 100%;

}

/* make li's into clean, moveable blocks */
ul.slidingmenu li {
  list-style-type: none; 
  position: relative;
	float:left;
}

ul.slidingmenu li ul li {
  list-style-type: none; 
	display:block;
	float:none;
}

/* make sure any ul inside an li (a submenu) takes up zero normal flow */
ul.slidingmenu ul { 
  position: absolute;  
  top: 20px; 
  left: 5px; 
  display: none;
  background:gray;
  border:2pt solid gray;
  
}

ul.slidingmenu li ul li a:visited {
color:white;
font: 90% "Lucida Grande",Verdana, Helvetica, sans-serif;
border-bottom:1px solid #999999;
padding:0;
padding-top:3px;
padding-bottom:3px;

margin:0;
}

ul.slidingmenu li ul li a:link {
color:white;
font: 90% "Lucida Grande",Verdana, Helvetica, sans-serif;
border-bottom:1px solid #999999;
padding:0;
padding-top:3px;
padding-bottom:3px;

margin:0;

}

ul.slidingmenu li ul li a:hover {
color:white;
font: 90% "Lucida Grande",Verdana, Helvetica, sans-serif;
border-bottom:1px solid #999999;
text-decoration:underline;
padding:0;
padding-top:3px;
padding-bottom:3px;

margin:0;

}

ul.slidingmenu li ul li a:active {
color:white;
font: 90% "Lucida Grande",Verdana, Helvetica, sans-serif;
border-bottom:1px solid #999999;
padding:0;
margin:0;
padding-top:3px;
padding-bottom:3px;
}

#footer {
clear: both;
font:90% Arial, Helvetica, sans-serif;
margin:5px;
text-align:center;
}

#footer p {
font:80% Arial, Helvetica, sans-serif;
color:gray;
text-align:center;
margin:0;
padding:0;
}

#footer p a:hover, #footer p a:active, #footer p a:link, #footer p a:visited{color: gray; text-decoration: underline; font:100% Arial, Helvetica, sans-serif}

#footer p.menu a:hover, #footer p.menu a:active, #footer p.menu a:link, #footer p.menu a:visited{color: gray; text-decoration: underline; font:110% Arial, Helvetica, sans-serif}

#footerNav li
{	display: inline;
	margin: 0;
	padding: 0;
	width: auto;
	list-style:none;
	margin-left:30px;
}

#footerNav a
{
	color: gray;
	display: inline;
	width: auto;
	text-decoration: none;
	margin: 0;
	padding: 15px 15px;
	font:90% Arial, Helvetica, sans-serif;
/*	border-right: 1px solid green;*/
}

#footerNav li form, #footerNav li form a {
display:inline;
font:90% Arial, Helvetica, sans-serif;
color:gray;
}

#footerNav a:hover, #footerNav a:active {color: gray; text-decoration: underline; font:90% Arial, Helvetica, sans-serif}

#footerNav a.active:link, #footerNav a.active:visited
{
position: relative;
z-index: 102;
color: gray;
font-weight: bold;
font:90% Arial, Helvetica, sans-serif;
}

/* Highlighting the current page 

body.home #footerNav a#home, body.gallery #footerNav a#gallery, body.contact #footerNav a#contact { 
  color:#353834;
text-decoration: underline;
}
body.home #footerNav a:hover#home, body.gallery #footerNav a:hover#gallery, body.contact #footerNav a:hover#contact { 
  color: #353834;
}
*/

/*weed list table*/
table#weedlistTable
{
font: 80% Arial, Helvetica, sans-serif;
border-left:1px solid #C1DAD7;
width:100%;
empty-cells:show;
margin:1em auto 1em auto;
text-align:left;
padding:0;
clear: both;
background:white;
}

table#weedlistTable caption
{

text-align:center;
font-weight:bold;
caption-side:top;
margin-bottom:0.2em;
}

table#weedlistTable tbody tr td
{
vertical-align:top;
text-align:left;
border-right:  1px solid #C1DAD7;
border-bottom: 3px double #C1DAD7;
padding:2px 2px 4px 4px;
}

table#weedlistTable th
{
font-weight:bold;
color: #fff;
border: 1px solid #C1DAD7;
border-left: none;
text-align: left;
padding: 2px;
background: #006666 url(bg_header.jpg) no-repeat;
line-height:1.2em;
overflow:hidden;
padding: 3px 4px;
}

table#weedlistTable td.regions
{
width: 9em; 
}
		
table#weedlistTable td.latinName 
{
font-style:italic;
color:#006666;
}
		
table#weedlistTable td span.hidden
{
display: none;
}

table#weedlistTable td.regions span.regionBullet
{
font-weight: bold;
font-size: 1.2em;
line-height: .3em;
margin-right: 2px;
}

table#weedlistTable td.not-editable,
table#weedlistTable tr.not-editable
{
background: #eee;
}

th.sortable
{
color:#242424;
cursor:pointer;
}

table#weedlistTable a
{
color:#239;
}

th.sort-active,

table#weedlistTable th.sort-active
{
color:#ff0000;
}

table#weedlistTable td ul.weedlistRegions
{
margin: 0px;
padding: 0px;
list-style:none;
}

table#weedlistTable td ul.weedlistRegions li
{
margin: 0px;
padding: 0px;
margin-right: 8px;
list-style:none;
}


form#scientific p{
font-style:italic;
}