/* 
Background Color : #EFF1F8
Work doctor blue: #00496d;
read work doctor but lighter than what we want: #006699
Light Blue: #83A3B2;
Beige: #D3CDBA;
Content Text: #4E4E4E;
Mid Sized links : #083643; (blue)
*/

/*Base Setup -------------------------------------------------*/

*, 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;
}

body {
background: #EFF1F8;
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-size:12px;
}


fieldset, img {
border:0 none;
}



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

a:link{
color: #00496d;
text-decoration: none;
border: none;
}

a:visited {
color: #4e4e4e;
text-decoration: underline;

}

a:hover{
text-decoration: underline;
}



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

#footer a:visited {
color: #fff;
text-decoration: none;

}

#footer  a:active {
color: #fff;
text-decoration: none;

}

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

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


h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
font-family: Verdana, Tahoma, Geneva, sans-serif;
}



h1 {
font-size: 2em;
font-weight: bold;
}

h1.learnmore {
font-size: 2em;
font-weight: bold;
color: #00496d;
margin-bottom: -5px;
}

h2 {
font-size: 1.4em;
font-weight: bold;
padding-bottom: 8px;
}

h2.blue {
color: #00496d;
}


h2.short {
color: #00496d;
padding: 0px;
line-height: 1em;
}

h2.indent{
padding-left: 20px;

}

h2.learnmore{
font-size: 1.5em;
font-weight: normal;
color: #000;
margin-bottom: 5px;

}

.heading {
font-size: 1.75em;
font-weight: bold;
padding-bottom: 5px;
color: #00496d;
}
h3{
font-size: 1.15em;

}

h3.italic{
font-size: 1em;
font-style: italic;
padding-bottom: 5px;
text-align: left;
}


h3.white{
color: #fff;
font-size: 1.5em;
font-weight: bold;
line-height: 1.5em;
}



h3.boxes {
font-size: 1.15em;
font-weight: bold;
color: #00496d;
line-height: 1.5em;
}





p {
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-size: 1em;
color: #3b3b3b;
line-height: 1.5em;
margin: 0 0 10px 0;
text-align: left;
} 

p.small{
font-size: .75em;
font-style: italic;
}


.darker{
color: #1b1b1b;
}


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


.list {
margin-left:15px;
padding-bottom:10px;
font-size: .90em;
}
.list li {
padding-bottom:10px;
list-style-type:square;
}


li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-bottom: 5px;
}

caption, th {
text-align:left;
}


table {
border-collapse:collapse;
border-spacing:0;
}

sup {
vertical-align:baseline;
}
sub {
vertical-align:baseline;
}

/* End Base Setup -------------------------------------------------*/

/*On to the Good Stuff -------------------------------------------------*/

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

#div {text-align:left;}



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

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

#topinfo {
width: 960px;
height: auto;
clear:both;
}

#logo {
width: 200px;
height: 100px;;
padding-left: 20px;
float: left;
}

#subheading{
width: auto;
height: auto;
color: #fff;
margin-top: 65px;
font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
font-size: 2em;
padding-right: 20px;
font-weight: bold;
float: right;
}



.nav_case {
width: 960px;
height: 35px;
margin-top: 10px;
clear:both;
padding-bottom: 10px;
background: url(../images/roundednav.png) no-repeat;
text-align: center;
}

/*
html>body .nav_case {
width: 960px;
height: 35px;
margin-top: 10px;
clear:both;
margin-bottom: 10px; 
}

*/

.navleft{
width: 5px;
height: 35px;
float: left;
}

.navcenter {
width: 932px;
height: 35px; 
float: left;
}

/* Hides from IE5-mac \*/
* html .navcenter {width: 935px;}
/* End hide from IE5-mac */ 


html>body .navcenter {
width:950px;
}


.navright{
width:15px;
height: 35px;
float: right;

}

html>body .navright{
width: 5px;
height: 35px;
float: right;

}


.nav{
width: 920px;
list-style: none;
font-size: 1.25em;
margin-top: 7px;
padding: 0px;
color: #fff;

}
.nav li {

display: inline;
padding: 0px 25px 0 25px;
}

.navfirst {
display: inline;
padding: 0px 25px 0 25px;

}

.navlast {
display: inline;
padding: 0;

}


.nav li a:link {
color: #fff;
text-decoration: none;
}

.nav li a:visited {
color: #fff;
text-decoration: none;

}

.nav li a:active {
color: #fff;
text-decoration: none;

}

.nav li a:hover {
color: #D3CDBA;
text-decoration: underline;

}







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

/*Content -------------------------------------------------*/

#center{
width: 960px;
height:auto;
min-height: 500px;
clear:both;


}


.topcurve{
width: 960px;
height: 10px;
background: url(../images/top_corners.gif) no-repeat #00496d;
color: #fff;
}



.bottomcurve{
width: 960px;
height: 5px;
background: url(../images/bottom_corners.gif) no-repeat #EFF1F8;
clear: both;
}




#content {
width: auto;
min-height: 300px;
height: 100%;
background: url(../images/biege_gradient.jpg) repeat-x #D3CDBA;
border-top: 1px solid #fdf6e1;
border-bottom: 1px solid #fdf6e1;
}

#blog_content {
width: auto;
min-height: 1200px;
height: 100%;
background: url(../images/biege_gradient.jpg) repeat-x #D3CDBA;
border-top: 1px solid #fdf6e1;
border-bottom: 1px solid #fdf6e1;

}

#blog_whitespace {
width: 90%;
min-height: 1200px;
height: 100%;
background-color: white;
margin-top: 35px;

}

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

#health_content {
width: auto;
min-height: 500px;
height: 100%;
background: url(../images/biege_gradient.jpg) repeat-x #D3CDBA;
border-top: 1px solid #fdf6e1;
border-bottom: 1px solid #fdf6e1;
}

#emp_content {
width: auto;
min-height: 300px;
height: 100%;
background: url(../images/biege_gradient.jpg) repeat-x #D3CDBA;
border-top: 1px solid #fdf6e1;
border-bottom: 1px solid #fdf6e1;
}

#content_lower{
width: auto;
min-height: 250px;
height: 100%;
background: url(../images/blue_gradient.jpg) repeat-x #83A3B2;
padding-bottom: 20px;
border-top: 1px solid #fdf6e1;
}

#school_lower{
width: auto;
min-height: 500px;
height: 100%;
background: url(../images/blue_gradient.jpg) repeat-x #83A3B2;
padding-bottom: 20px;
border-top: 1px solid #fdf6e1;
}

#health_lower{
width: auto;
min-height: 500px;
height: 100%;
background: url(../images/blue_gradient.jpg) repeat-x #83A3B2;
padding-bottom: 20px;
border-top: 1px solid #fdf6e1;
}

#emp_lower{
width: auto;
min-height: 275px;
height: 100%;

background: url(../images/blue_gradient.jpg) repeat-x #83A3B2;
padding-bottom: 20px;
border-top: 1px solid #fdf6e1;

}


#longpage_content {
width: auto;
height: 100%;
min-height: 700px;
background: url(../images/blue_gradient.jpg) repeat-x #83A3B2;
padding-bottom: 20px;
border-top: 1px solid #fdf6e1;
border-bottom: 1px solid #fdf6e1;

}

#problem_content {
width: auto;
height: 1350px;
background: url(../images/biege_gradient.jpg) repeat-x #D3CDBA;
padding-bottom: 20px;
border-top: 1px solid #fdf6e1;
border-bottom: 1px solid #fdf6e1;
}



#speeches_content {
width: auto;
height: 1050px;
background: url(../images/blue_gradient.jpg) repeat-x #83A3B2;
padding-bottom: 20px;
border-top: 1px solid #fdf6e1;
}

#contact_content {
width: auto;
height: 750px;
background: url(../images/biege_gradient.jpg) repeat-x #D3CDBA;
padding-bottom: 20px;
border-top: 1px solid #fdf6e1;
border-bottom: 1px solid #fdf6e1;

}

#expert_content {
width: auto;
height: 1050px;
background: url(../images/biege_gradient.jpg) repeat-x #D3CDBA;
border-top: 1px solid #fdf6e1;
border-bottom: 1px solid #fdf6e1;
}

#expert_lower{
width: auto;
min-height: 400px;
height: 100%;
background: url(../images/blue_gradient.jpg) repeat-x #83A3B2;
padding-bottom: 20px;
border-top: 1px solid #fdf6e1;
}


#indiv_lower{
width: auto;
min-height: 500px;
height: 100%;

background: url(../images/blue_gradient.jpg) repeat-x #83A3B2;
padding-bottom: 20px;
border-top: 1px solid #fdf6e1;

}
#speech_text {
width: 30%;
height: 200px;
text-align: left;
margin: 0 0 0 100px;
padding-top: 25px;
border-top: 1px solid #fdf6e1;
border-bottom: 1px solid #fdf6e1;

}


#terms {
width: 90%;
height: 100%;
margin:0 auto;
padding-top: 25px;
text-align: left;
}


/*End Content -------------------------------------------------*/


/*Top banner CSS -------------------------------------------------*/

#intro {
width: auto;
height:240px;
background:  white ;

}

#intro_main {
width: auto;
height:240px;
background: url(../images/headers/WD_window.jpg) no-repeat white ;

}

#intro_solutions {
width: auto;
height:240px;
background:url(../images/headers/WD_consulting.jpg) no-repeat white ;

}

#intro_problem {
width: auto;
height:240px;
background:url(../images/headers/WD_bullying.jpg) no-repeat white;

}

#intro_text {
width: 400px;
height: 150px;
text-align: left;
padding: 20px 10px 0px 65px;
float: left;

}


.pushpic {
width:300px;
height:auto;
min-height: 50px;
float: right;
}

.video{
width: 40%;
height:auto;
padding-right: 20px;
float: right;
}


#people {
width: auto;
height: 150px;
background: white;
padding-bottom: 20px;
}

#about {
width: auto;
height: 220px;
background: url(../images/headers/WD_namies.jpg) no-repeat white;
padding-bottom: 20px;
}

#contact {
width: auto;
height: 170px;
background: url(../images/headers/WD_checkmark.jpg) no-repeat white;

}

#people_health {
width: auto;
height: 170px;
background:url(../images/headers/WD_healthcare_small.jpg) no-repeat white;

}

#people_school {
width: auto;
height: 170px;
background:url(../images/headers/WD_schools_small.jpg) no-repeat white;

}


#people_emp {
width: auto;
height: 170px;
background:url(../images/headers/WD_employer_small.jpg) no-repeat white;

}

#people_indiv {
width: auto;
height: 170px;
background:url(../images/headers/WD_indiv_small.jpg) no-repeat white;
}




a.learnmore {
font-size:  1.15em;
font-weight: bold;
color: #00496d;
text-decoration: none;
}


.learnmore {
font-size:  1.15em;
font-weight: bold;
color: #00496d;
text-decoration: none;
}



/*Top banner CSS -------------------------------------------------*/

/*Center Content-------------------------------------------------*/

.left{
width: 50%;
height: auto;
float:left;
padding-bottom: 20px;
}

.right{
width: 50%;
height: auto;
float: left;
padding-bottom: 20px;
}

.fullspan{
width: 100%;
height: auto;
clear: both;
padding-top: 50px;
}

.left_text {
width: 300px;
text-align: left;
padding-left: 50px;
padding-top: 25px;
}


.right_text{
width: 300px;
text-align: left;
padding-left: 50px;

padding-top: 25px;

}

/*Center Content-------------------------------------------------*/

/*Consultation Bar -------------------------------------------------*/

#consultation {
width: auto;
height: 35px;
color: #fff;
background: url(../images/nav_center.gif) repeat-x;
margin:0;
padding:0;
}

.consult_center{
width: 750px;
height:20px;
padding-top: 8px;
float: left;
font-weight: bold;
}

.consult_button {
width: 137px;
height: 27px;
display: inline;
margin-top: 3px;
float: left;


}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 140px;
}

a.consult_button {
    background: url(../images/consultation_button.png) no-repeat;
    color: #444;
    font-weight: bold;
    display: block;
    float: left;
	width: 137px;
	height: 27px;   
    text-decoration: none;
}

a.consult_button span {
    background: url(../images/consultation_button.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 0px;
} 

a.consult_button:active {
    color: #000;
    font-weight: bold;
    outline: none; /* hide dotted outline in Firefox */
}

a.consult_button:hover {
    font-weight: bold;
    color: #000;
} 

/*Consultation Bar -------------------------------------------------*/

/*Audience Bar -------------------------------------------------*/

#audiences {
width: auto;
height: 50px;
color: #fff;
margin:0;
padding:0;
background-color: #00496d;
}

.audiences_center{
width:960px;
height:100%;
margin: 0 auto;
font-weight: bold;
}


.aud_box{
width: 190px;
height: 50px;
float: left;
padding: 0 20px 0 20px;
}
.aud_boxfirst {
width: 190px;
height: 50px;
float: left;
padding-left:60px;

}

.aud_boxsecond {
width: 190px;
height: 50px;
float: left;
padding: 0 10px 0 20px;

}

.icon {
width: 40px;
height: 50px;
float: left;
text-align: left;
padding-top: 1px;
}


.icon_school {
width: 50px;
height: 30px;
float: left;
text-align: left;
padding-top:10px;
}

.icon a {
text-decoration: none;
outline: none; /* hide dotted outline in Firefox */

}

.icon_txt{
width: 160px;
height: 40px;
float:left;
width: 140px;

}

.icon_title{
width: 150px;
font-size: 1.15em;
font-weight: bold;
text-align: left;
padding-top: 8px;
}

.icon_contact {
color: #00496d;
width: 140px;
font-size: 1.15em;
font-weight: bold;
text-align: left;
padding-top: 8px;

}

.icon_subtitle {
width: 140px;
font-size: .9em;
font-weight: normal;
text-align: left;

}

.icon_title a {
    color: #fff;
    font-weight: bold;   
    text-decoration: none;
}
 
.icon_title a:hover {
    color: #D3CDBA;
    font-weight: bold;   
    text-decoration: none;
}

.icon_title a:visited {
    color: #fff;
    font-weight: bold;   
    text-decoration: underline;
}


/*Audience Bar -------------------------------------------------*/
/*Testimonials -------------------------------------------------*/

.testimonial {
width: 740px;
height: auto;
clear: left;
margin: 0 auto;
padding-top: 20px;
}


p.quote {
font-size: 1.25em;
color: #000;
font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
padding:10px 20px 10px 35px;
line-height: 1.5em;
}

p.author {
color: #00496d;
font-size: 1em;

font-family: Verdana, Tahoma, Geneva, sans-serif;text-align: right;
margin-top: -20px;
margin-right: 45px;
line-height: 1em;

}



.bqstart {
color: #00496d;
float:left;
font-size:700%;
height:35px;
width: auto;
margin-top: -10px;
font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}

.bqend {
color:#00496d;
float:right;
font-size:700%;
height:20px;
width: auto;
margin-top: -10px;
margin-left: 10px;
font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}


/*End Testimonials -------------------------------------------------*/
/*Contact Page -------------------------------------------------*/

.leftcolumn {
width: 45%;
height: auto;
margin: 20px 5px 20px 15px;
float: left;
padding: 10px 10px 30px 20px;
border: 1px solid #929292;
text-align: left;
background: #ccc6b5;
}

.rightcolumn {
width: 40%;
height: auto;
margin: 20px 5px 20px 20px;
float: left;
padding: 20px;
text-align: left;
border: 1px solid #929292;
background: #ccc6b5;
}


#topleft{
width: 185px;
height: 50px;
float: left;
padding: 10px 0px 0px 5px;

}

#topright{
width: 185px;
height: 50px;
float:left;
padding: 10px 0px 0px 5px;

}

#bottomleft{
width: 185px;
height: 50px;
float: left;
padding: 10px 0px 0px 5px;
}

#bottomright{
width: 185px;
height: 50px;
float: left;
padding: 10px 0px 0px 5px;
}


.heading_rule {
width: auto;
height: auto;
border-bottom: 1px solid #929292; 
margin-bottom: 20px;
}

.box_icon {
width: 40px;
height: 50px;
float: left;
text-align: left;
padding-top: 1px;

}


.box_icon_school {
width: 48px;
height: 45px;
float: left;
text-align: left;

}

html>body .box_icon {
width: 40px;
height: 50px;
float: left;
text-align: left;
padding-top: 1px;
padding-right: 10px;
}



.box_txt{
width: 160px;
height: 40px;
float:left;


}

.box_title{
width: 150px;
font-size: 1.15em;
font-weight: bold;
text-align: left;
padding-top: 8px;
}

.box_contact {
color: #00496d;
width: auto;
font-size: 1.15em;
font-weight: bold;
text-align: left;
padding-top: 8px;

}

.box_subtitle {
width: auto;
font-size: .9em;
font-weight: normal;
text-align: left;

}

.box_title a {
    color: #fff;
    font-weight: bold;   
    text-decoration: none;
}
 
.box_title a:hover {
    color: #D3CDBA;
    font-weight: bold;   
    text-decoration: none;
}

.box_title a:visited {
    color: #fff;
    font-weight: bold;   
    text-decoration: underline;}
    
    
    
    
    
    
/*The Form-------------------------------------------------*/
#form {
text-align: left;
width: 90%;
height: 100%;
margin:0 auto;
padding-top: 25px;
}



em {
color: #8c0704;
font-size:0.75em;
font-style: italic;
}

textarea.styled {
	width: 300px;
	height: 120px;
	border: 1px solid #929292;
	padding: 5px;
	margin-top: 10px;
	font-family: Tahoma, sans-serif;
}


.contactform input {
	border: 1px solid #fff;
	height:18px;
}


.checkboxes {
width: auto;
height: 75px;
padding-left: 40px;
}


.formcontent {
width: auto;
padding-left: 40px;
padding-bottom: 30px;

}



/*Website feedback Form-------------------------------------------------*/
.websitefeedback{
text-align: left;


}

.contactForm {

}
.contactForm fieldset {
background: #fff;
border: 1px solid #3E4A49;
}

.contactForm legend {
color:#B4DE73;
margin-left:20px;
padding:0 10px;
}

.contactForm ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}
.contactForm ul li {
background:transparent none repeat scroll 0 0;
clear:both;
padding-bottom: 10px;
color: #00496d;
}
.contactForm ul label {
display:block;
float:left;
width:auto;
font-size: 1.25em;
}

.contactForm .txtField:hover, .txtField:focus, .txtField:active {
background:#fff none repeat scroll 0 0;
border:1px solid #000;
}

/*The Form-------------------------------------------------*/

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




#footer_content{
width: 960px;
margin:0 auto; 
text-align:center;

}

.footer_text {
font-size: .75em;
color: #fff;
padding-top: 3px;
}





/*  
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; min-height: 100%;}


#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;}
	
#blog_footer {
	margin-top: 20px; /* negative value of footer height */
	height: 150px;
	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 */


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