/*
border-bottom: 1px solid #9b9b91;
*/

/*Base Setup -------------------------------------------------*/
@import url("http://www.healthyworkplacebill.org/blog/wp-content/themes/default/style.css");

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

* {margin: 0;} 

body {
background: url(http://workplacebullying.org/multi/img/backgroundgradient_green.jpg) repeat-x;
background-color: #d3d6d8;
color: #404A34;
font-family:Georgia, Times New Roman,Franklin Gothic Medium, Times,  serif;
font-size:13px;
}


p {
font-size: 1.1em;
line-height: 1.5em;
margin: 1em 0;
text-align: justify;
font-family:Georgia, Times New Roman,Franklin Gothic Medium, Times,  serif;
}



b {
font-weight: bold;
font-size: 1.05em;
color: #6D111A;
}



.image_block {
    width: 650px;
    height: 156px;
    position: relative;
    margin: 0 auto;

}

.image_block a img {
position: absolute;

}


img.floatleft { 
    float: left; 
    padding: 10px 15px 10px 0px; 
}
img.floatright { 
    float: right; 
    padding: 10px 0px 10px 15px; 
}



fieldset, img, a img {
border:0 none;
}


#wrap{
width: 960px;
background-color: #e4e4e4;
margin:0 auto; 
text-align:center;
}

#div {text-align:left;}

.border {
background-color:  #556100;
height: 5px;
width: auto;
clear: both;
overflow:hidden;
display: block;
}

/*Links ---------------------------------------------------*/

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

a:visited {
color: #cc9900;
text-decoration: underline;

}

a:hover{
color: #6699ff;

text-decoration: underline;
}
/*Links ---------------------------------------------------*/

h1{
font-size: 1.25em;
padding-bottom: 8px;	
}


h2{
font-size: 1.15em;
color: #36451c; 
padding-bottom: 5px;
}

h2.faq{
font-size: 1.20em;
color: #36451c; 
padding-bottom: 5px;
padding-top: 3px;
padding-left: 3px;
border-bottom:1px solid #9B9B91;
background: #e4e4e4;
}


h3 {
font-size: 1em;
padding-bottom: 5px;

}

h3.italic {
font-style: italic;
font-weight: normal;
padding-top: 5px;
font-size: 1em;

}

/* Pargraph styles -------------------------------------------------*/
p.letter {
width: 600px;
font-size: 1em;
line-height: 1.5em;
margin-left: 25px;
text-align: justify;
}


.indent {
margin-left: 50px;
}


.sig {
font-size: 1em;
line-height: 1em;
margin:0px;
padding-bottom: 5px;
}


/* Lists -------------------------------------------------*/

ul {
margin-left: 20px;
margin-bottom: 20px;

}


li {
list-style: square;
padding-bottom: 10px;

}

/* Lists -------------------------------------------------*/

/* The Table -------------------------------------------------*/

.sponsors table {
	font: 1.15em Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	background-color: aqua;
	width: 320px;
	}

.sponsors th {
	text-align: left;
	}

.sponsors tr.yellow td {
	border-bottom-color: #4e4e4e;
	border-top-color: #4e4e4e;
	border-top: 1px solid;
	border-bottom: 1px solid;
	background: #FFC;
	}

.sponsors td {
	border-bottom: 1px solid #CCC;
	padding: 5px 5px 5px 5px;
	}

.sponsors td:first-child {
	width: 190px;
	}

.sponsors td+td {
	border-left: 1px solid #CCC;
	text-align: center;
	}

	

/* Start the Legend -------------------------------------------------*/

table {
padding-bottom: 20px;

}

td {
padding-left: 10px;
}






/* The Header -------------------------------------------------*/

#header{
height:150px;
width: 960px;
text-align:left;
background-color: #e1e0d0;
background: url(../images/header_image.jpg) no-repeat;
}

.headerlinks {
width: 270px;
height: 40px;
float: right;
padding: 10px 10px;
}


#logo {
width: auto;
height: auto;
padding: 30px 0 0 20px;
float: left;
}

#subheading{
width: auto;
height: auto;
color: #36461D;
font-size: 1.25em;
padding-top: 20px;
padding-left: 20px;
font-weight: bold;
clear: left;
}


#coordlogin {
width: 140px;
height: 25px;
background-color: #36451C;
float: right;
padding: 5px 5px 0 5px;
margin-top: -10px;
text-align: center;
font-weight: bold;
}


#coordlogin  a:link{
color: #fff;
text-decoration: none;
border: none;
}

#coordlogin  a:visited {
color: #e4e4e4;
text-decoration: underline;

}

#coordlogin  a:hover{
color: #fff;
}




#content {
width: auto;
height: auto;
background-color: #e1e0d0
}


/* BUTTONS -------------------------------------------------*/
.txtarea {
display: inline;
float: left;

}

.buttons a, .buttons button{
    display:inline;
    float:right;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons:hover, .buttons a:hover{
    background-color:#556100;
    border:1px solid #36451c;
    color:#f5ffcb;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* Join the campaign button-------------------------------------------------*/

.join_button {
width:250px;
height: 50px;
background: #ffd372 url(../images/join_button_gradient.gif) repeat-x;
font-size: 1.5em;
padding: 5px;
border: 1px solid #9b9b91;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #6D111A;
text-align: center;
font-weight: bold;
}


.join_button a {
color: #6D111A;

}


.join_button:hover, .join_button a:hover {
 color: #a7410a;
 text-decoration: none;
}



/* First page help with campaign button-------------------------------------------------*/

a.buttonaction {
background: #cccccc;
display:block;
color:#36451c;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:191px;
border: 1px solid #4e4e4e;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

a:hover.buttonaction {
color:#36451c;
background: #adbc72;
border: 1px solid #000;

}

.help_button {
margin-left: 75px;
}

/* The Header -------------------------------------------------*/

/* Navigation ------------------------------------------------*/


#navcontainer {
width:960px;
height:auto;
background: #fff;
text-align: left
}


#minitabs {
	margin: 0;
	height:75px;
	}

#minitabs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

	
#minitabs span {
color:#000000;
display:block;
color: #404A34;
font-size: 1.15em;
font-style: normal;
font-weight: bold;
padding-bottom: 10px;
padding-top: 10px;
}


#minitabs a:link, #minitabs a:visited {
	float: left;
	width: 149px;
	height:75px;
	padding-left: 10px;
	text-decoration: none;
	color: #7b7a83;
	font-style: italic;
	font-size:1em;
	border-right: 1px solid #D3D6D8;
	}

#minitabs a.active:link, #minitabs a.active:visited, #minitabs a:hover {
	border-bottom-color: #647A4F;
	border-bottom: 4px solid;
	color: #647A4F;
	height:71px;
	}






/* End Navigation ------------------------------------------------*/

/* The Map ------------------------------------------------*/

#map {
width: 60%;
height: 390px;
padding-top: 10px;
float: left;
background: #fff;
}


/* Get Involved ------------------------------------------------*/
#getinvolved {
width: 40%;
height: 390px;
float: left;
background: #fff;
padding-top: 10px;
background: url(../images/handsimage.jpg) no-repeat;
background-color: #fff;
}

.involvedtext {
width: 90%;
height: auto;
}

.involvedtext h1 {
font-size: 2em;
}

#box_newsletter {
width: 250px;
height: 80px;
background:url(../images/yellowgradient.jpg) repeat-x #FFD372;
padding: 10px;
margin-top: 30px;
border: 1px solid #9b9b91;
text-align: left;
float: left;
}






/* The Ads ------------------------------------------------*/

#ads {
width:960px;
height:100px;

}
/* Latest News ------------------------------------------------*/

#bottomleft {
width: 63%;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
float: left;
text-align: left;
border-right:1px solid #9b9b91;
}


.header{
width: 94%;
height: 31px;
color: #fff;
font-size: 1.5em;
background-color: #36451c;
border:1px solid #9b9b91;

}



.title{
width: auto;
height: auto;
padding-top: 3px;
padding-left: 10px;
}

.whitebox {
width: 94%;
height: auto;
color: #404A34;
margin-top: 5px;
margin-bottom: 15px;
background-color: #fff;
border: 1px solid #9b9b91;
padding-bottom: 30px;
}


.feeditem{
width: 90%;
height: auto;
padding: 10px 0px 20px 0px;
margin-left: 20px;
background: #fff;
border-bottom: 1px dotted #4e4e4e;
}


p.date {
color:#4E4E4E;
font-variant:small-caps;
padding-bottom:5px;
}


.blogmore{
float: right;
font-weight: bold;

}

/* Front Page Sidebar ------------------------------------------------*/


#bottomright {
width: 33%;
height: auto;
margin-top: 20px;
float: left;
padding-left: 20px;

}

.aboutdesc {

width: auto;
height: auto;
text-align: left;
color: #404A34;
padding: 5px 5px 20px 5px;
border-bottom:1px solid #9b9b91;
}


.readmore {
float: right;
margin: 10px 10px 20px 0px;
}






/* The Twitter Plugin -------------------------------------------------*/

.tweet {
margin-left: -10px;

}

#twitter_div {
margin: 0px;

}

#twitter_update_list {
font-family:Georgia, Times New Roman,Franklin Gothic Medium, Times,  serif;
color: #000;
width: 275px;
text-align: left;
background-color: #adbc72;
padding: 10px;
border: 1px solid #9b9b91;
float: right;
display: inline;
margin-right: 20px;
}


 

#twitter_update_list  li {

  margin-bottom: 10px;
  text-align: left;
  list-style: none;
  font-size: 1.15em;
  padding-bottom: 5px;
  border-bottom:1px dotted #4e4e4e;
  text-indent:0px;
   }
  
 #twitter_update_list  li a {

 color: #4e4e4e;
 font-size: .75em;
   list-style: none;

   } 
      
      
/* The Twitter Plugin -------------------------------------------------*/


/* IE 6 warning -------------------------------------------------*/

#ie-message {
background:#C00;
text-align:center;
border-bottom:1px solid #900;
color: #fff;
position:relative;
top:0;
padding:5px;
width:100%;
}
#ie-message a {
color: #fff;
}

/* States Page -------------------------------------------------*/

div.group_field {float:left;margin-right:5px;}


#advocate {
width: auto;
height: auto;
padding: 10px;
margin-top: 10px;
}


#advocate h2{
	color:#36451C;
	font-size:1.15em;
	padding-bottom: 0px;
	}

#news_index {
/* float: left; */
position: relative;
left: -100px;
top: 0px;
width: 934px;
text-align: center;
background-color: #fff;
padding-left: 25px;
/* margin-right: 60px; */
/* padding-right: 25px; */
padding-top: 25px;
padding-bottom: 80px;
}

#tags_index {
/* float: left; */
/* position: relative; */
/* left: -45px; */
/* top: 0px; */
width: 800px;
text-align: center;
background-color: #fff;
padding-left: 25px;
/* margin-right: 60px; */
padding-right: 25px;
padding-top: 25px;
padding-bottom: 50px;
}
	
#statelist {
background:  #fff no-repeat;
width: 302px;
height: 450px;
color: #404A34;
border: 1px solid #9b9b91;
margin-bottom: 30px;
margin-top: 20px;
padding: 10px;
}	

	
	
#statelist a:link{
color: #36461D;
text-decoration: none;
border: none;
font-size: 1.15em;
}

#statelist a:visited {
color: #404A34;
font-size: 1.15em;
text-decoration: none;

}

#statelist a:hover{
color: #ba8d3a;
font-size: 1.15em;
text-decoration: none;

}

.greenbar {
width: 322px;
height: 31px;
color: #fff;
font-size: 1.5em;
background-color: #36451c;
border:1px solid #9b9b91;
margin-bottom: 5px;
}	
	
	
#canada {
background: url(../images/canada_ad.gif) #fff no-repeat;
width: 322px;
height: 200px;
color: #404A34;
border: 1px solid #9b9b91;
margin-bottom: 30px;
}

.canadanames {
width: auto;
height: auto;
margin-top: 125px;
}


#state_sidebar {
width: 24%;
height: auto;
background-color: #fff;
border: 1px solid #9b9b91;
text-align: left;
float: left;
display: inline;
margin: 10px 0px 50px 10px;
}


#state_volunteer {
width: 100%;
height: 50px;
background-color: #FFd372;

border-top: 1px solid #9b9b91;

}

#state_volunteer h2 {
padding-top: 15px;
color: #000;
text-align: center;
}


.sidebar_content {
padding: 10px;
}


.sidebar_content h2 {
border-bottom: 1px solid #9b9b91;
margin-bottom: 10px;
margin-top: 10px;
}


.sidebar_content h1 {
font-size: 2em;
border-bottom: 1px solid #9b9b91;
margin-bottom: 20px;
}


.titleheader {
background-color: #adbc72;
width: auto;
height: auto;
text-align: center;
}
.titleheader h1 {
font-size: 2em;
border-bottom: 1px solid #9b9b91;
color: #000;
padding: 10px;
}

.state_content {
width: 665px;
height: auto;
background: #fff;
margin: 10px 0px 40px 10px;
float: left;
border: 1px solid #9b9b91;
text-align: left;
padding: 15px;
display: inline;
}

.state_content h1 {
border-bottom: 1px solid #9b9b91;
margin-bottom: 20px;
font-size: 1.65em;
}



.state_content p {
margin-bottom: 20px;


}


.stateflag {
padding-bottom: 20px;
border-bottom: 1px solid #9b9b91;
padding-left: 16px;
}


#historyindent {
margin:20px;
}

.socialnet {
text-align: left;
padding-top: 5px; 

}

/*State sidebar Links ---------------------------------------------------*/

#state_sidebar a:link{
color: #36461D;
text-decoration: none;
border: none;
}

#state_sidebar a:visited {
color: #75804f;
text-decoration: none;
}

#state_sidebar a:hover{
color: #ba8d3a;
text-decoration: underline;
}

#state_sidebar a:active {
color: #ba8d3a;
text-decoration: underline;

 } 
 

.statedropdown{
margin: 20px;

}
 
/*Links ---------------------------------------------------*/

/* Volunteering  -------------------------------------------------*/


.volunteer table {
	width: 650px;
	height: auto;
	padding-bottom: 10px;
	}


.volunteer p{
	margin: 0;
	}


.volunteer h2{
	color:#36451C;
	font-size:1.15em;
	padding-bottom: 8px;
	}

.volunteer td {
	width: 570px;
	height: auto;
	vertical-align: top;
	}

.volunteer td:first-child {
	width:auto;
	height: 80px;
	vertical-align: top;
	padding: 3px 5px 0px 5px;
	margin-top: -20px;
	}




/* Start Forms -------------------------------------------------*/


.cssform p{
width: 450px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


/* End Forms -------------------------------------------------*/


/* The footer -------------------------------------------------*/




#footer_content{
width: 960px;
margin:0 auto; 
text-align:center;
border-top: 5px solid #404A34;

}

.footer_text {
font-size: 1em;
color: #fff;
padding-top: 20px;
text-align: center;
}

#footer a:link{
color: #fff;
text-decoration: none;
border: none;
}

#footer a:visited {
color: #36461D;
text-decoration: underline;

}

#footer a:hover{
color: #ba8d3a;
text-decoration: underline;
}

#footer-bottom {
color: #ffffff;
background-color: #657441;
text-align: center;
padding-bottom: 25px;
width: 960px;
position: relative; 
top: -19px;
}

#footer { position: relative;
/* 	margin-top: -115px; /* negative value of footer height */
	height: 115px;
	clear:both;
	background-color: white;
	color: #000;
	text-align: center;
	border-top: 1px solid #657441;
	width: 960px;
top: -19px;

	} 


/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; }

#main {
height: 100%;
width: 960px;
/* padding-bottom: 75px;  /* must be same height as the footer */
background-color: #e1e0d0;}

#blog {
height: auto;
width: 960px;
background-color: #e1e0d0;
}  

#blogcontent {
padding-left: 100px;
padding-right: 100px;
/* padding-bottom: 50px; */
/* padding-top: 20px; */
} 

/* #footer {position: relative; */
/* 	margin-top: -65px; /* negative value of footer height */
/* 	width: 960px; */
/* 	height: 75px; */
/* 	background-color: #657441; */
/* 	clear:both;}  */


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


a.white:link{
color: #fdfcff;
text-decoration: none;
border: none;
}

a.white:visited {
color: #FFFFFF;
}

a.white:hover{
text-decoration: underline;
}

/* The footer -------------------------------------------------*/