/* colors 
Namie Blue - #0071bc
Dark Blue - #004f83
Visited Link Blue - #100d4e
Dark Gray - #4e4e4e 
Background Gray - #D3D6D8
Light Blue -#83bfdf
*/

/* Base Structure-------------------------------------------*/

* {
margin:0;
padding:0;
}

body { 
text-align: center;
background:url(../img/backgroundgradient.jpg) repeat-x;
background-color: #d3d6d8;
font-size: 13px;
font-family:Georgia, Times New Roman,Franklin Gothic Medium, Times,  serif;

  }
a img {border: none;} 

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


img, div, a, input { behavior: url(../iepngfix.htc) }


#container {
margin:auto;
height: auto;
width: 960px;
text-align: left;
margin-bottom: 30px;
background-color: #fff;
}


.border {
background-color: #0071BC;
height: 5px;
width: auto;
clear: both;
overflow:hidden;
}



#content {
width: 625px;
max-width: 645px;
height:auto;
min-height: 600px;
padding: 15px 25px 20px;

float:left;
border-right: 1px solid #D3D6D8;

}

#content_accordion {  

width: 625px;
max-width: 645px;
height: 1000px;
min-height: 600px;
padding: 15px 25px 20px;

float:left;
border-right: 1px solid #D3D6D8;
}


#human {
visibility:hidden;
display:none;
}

/*Buttons ------------------------------*/

.button {
    display:block;
    padding:5px 10px 6px 7px; /* Links */
	margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:1em;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
}

.button:hover {
    background-color: #0071bc;
    border:1px solid #c2e1ef;
    color: #fff;
   
}



/*End Buttons ------------------------------*/



.imgborder{
width: 400px;
background-color: #e7ebed;
border: 1px solid #4e4e4e;
float: right;
margin: 15px;
}


.imgborderleft{
width: 400px;
background-color: #e7ebed;
border: 1px solid #4e4e4e;
float: left;
margin: 15px;
}


.caption {
border-top: border: 1px solid #4e4e4e;;
font-style: italic;
color: #000;
padding: 5px;

}

/* Header -------------------------------------------------*/
#header {
height:155px;
width:auto;
background-color: #004f83;
background: url(../img/WBI_header_nologo.jpg) no-repeat;
background-repeat: no-repeat;
}

#headersearch {
height:30px;
width: auto;
text-align: right;
background:url(../img/backgroundgradient.jpg) repeat-x;
color: #ffffff;
font-weight: bold;
padding-bottom: 5px;
}




.headerlinks {
width: 350px;
height: auto;
float: right;
padding-top: 10px;
}

.headersearch{
width:265px;
height: auto;
float: right;
padding-top: 5px;
}

#headersearch a:link {
color: #ffffff;
font-weight: bold;

}

#headersearch a:visited {
color: #0071bc;
}

#headersearch a:hover{
text-decoration: underline;
}


.google{
padding-top: 3px;

float: left;
}

.searchsubmit{
float: right;
padding-top: 1px;
}

#headerlogo {
height: 80px;
padding-left: 40px;
padding-top: 42px;
}

#headerquote {
height:auto;
text-align: left;
font-size: 1.5em;
color: #fff;
padding-left: 60px;
padding-bottom: 5px;

} 


#bookheader {
width: 100px;
height: auto;
float: right;

margin-right: 30px;
margin-top: 18px;

}

#adheader

{
width: 350px;
height: auto;
float: right;

margin-right: 30px;
margin-top: 20px;

}

/* end Header------------------------------------------------ */
/*Search Buttons ------------------------------*/

.buttonsearch {
    display:block;
    padding:2px 5px 2px 5px; /* Links */
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:1em;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    float: right;
 
}

buttonsearch:hover {
    background-color: #0071bc;
    border:1px solid #c2e1ef;
    color: #fff;
   
}



/*Search End Buttons ------------------------------*/


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


#navcontainer {
width:960px;
height:auto;

}


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

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

	
#minitabs span {
color:#000000;
display:block;
color: #0071BC;
font-size: 1.25em;
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: #2ea1dc;
	border-bottom: 4px solid;
	color: #83bfdf;
	height:71px;
	}






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


/* Form Styling ------------------------------------------------*/



#form {
 
 padding: 10px;
 height: 25px;
 list-style: none;
 width: auto;
 height: auto;
}

/* website feedback styling */


.contactForm {

}
.contactForm fieldset {
}
.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: #0071bc;
}
.contactForm ul label {
display:block;
float:left;
padding:3px 0;
width:160px;
font-size: 1.25em;
}

.contactForm .txtField:hover, .txtField:focus, .txtField:active {
background:#EDFFD1 none repeat scroll 0 0;
border-color:#67A800;
}
em {
color:#83bfdf;
font-size:0.75em;
font-style: italic;
}

textarea#styled {
	width: 400px;
	height: 120px;
	border: 1px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
}


.contactForm input {
	border: 1px solid #cccccc;
	height:18px;


}

/* Form Styling ------------------------------------------------*/

/* Research Unordered List */

.researchbuttons {


padding-bottom: 8px;
padding-top: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.researchbuttons ul {
list-style-type: none;
text-decoration: none;

}

.researchbuttons ul li {
color: black;
}

/* End Research Unordered List */




/*side bar css ---------------------------------------------------*/



#sidebar {
width: 260px;
height: auto;
min-height: 600px;
float: left;
position: relative;
padding: 20px 10px 5px 0px;
display: inline;
}

#search_sidebar {
width: 260px;
height: auto;
min-height: 600px;
float: left;
position: relative;
padding: 42px 10px 5px 0px;
display: inline;
}

#sidequote {
width:260px;
height:auto;
border-top: 1px solid #D3D6D8;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 15px;
}

#search_sidequote {
width:260px;
height:100px;
border-top: 1px solid #D3D6D8;
padding-top: 70px;
padding-left: 10px;
padding-bottom: 15px;
}


#newsletter {
width:260px;
height:120px;
border-top:  1px solid #D3D6D8;
padding-top: 25px;
padding-left: 10px;


}


#pullquote {
width:260px;
height:auto;
padding-bottom: 30px;
border-top: 1px solid #D3D6D8;
padding-top: 30px;
padding-left: 10px;
font-size: 1.35em;
line-height: 1.5em;
color: #4e4e4e; 
}

.bqstart {
     float: left;
     height: 35px;
     margin-top: -10px;
     padding-top: 45px;
     margin-bottom: -40px;
     font-size: 700%;
     color: #66ccff;
 }

 .bqend {
     float: right;
     height: 20px;
     margin-top: -40px;
     padding-top: 40px;
     font-size: 700%;
     color: #66ccff;
 
 }
 
 h3.pullquote {
 font-style: italic;
font-weight: normal;
font-size: .75em;
}



#socialnetworking{
width:260px;
height:120px;
border-top:  1px solid #D3D6D8;
padding-top: 25px;
padding-left: 10px;
}
/*side bar css ---------------------------------------------------*/





/*Content Styling*/


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

a:link{
color: #0071BC;
text-decoration: none;
font-weight: 200;
border: none;
}

a:visited {
color: #0071BC;
}

a:hover{
text-decoration: underline;
}

a:active {color: #0071BC;}


/*End Blue Links ---------------------------------------------------*/

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

a.white:link{
color: #fff;
text-decoration: none;
font-weight: bold;
border: none;
}

a.white:visited {
color: #7fc5e6;
font-weight: bold;

}

a.white:hover{
text-decoration: underline;
font-weight: bold;

}




/*End White Links ---------------------------------------------------*/


/*Headings ---------------------------------------------------*/


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

h1.blue {
color: #0071BC;
}

h1.hr{
font-size: 1.5em;
border-bottom:1px solid #4e4e4e;
padding-bottom:3px;
margin-bottom: 8px;}

h2{
font-size: 1.25em;
color: #0071BC; 
}

h2.black{
font-size: 1.25em;
color: #000; 
}

h2.list{
padding-top: 5px;

}

h2.hr {
border-bottom:1px solid #4e4e4e;
padding-bottom:3px;
margin-bottom: 5px;
}

h2.questions {
font-size: 1.15em;
color: #4e4e4e;
margin-bottom: 8px;
border-bottom:1px dotted #DEDEDE;
}

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

}

h3.black {
font-style: normal;
font-weight: bold;
padding-bottom: 5px;
font-size: 1em;
}

h1.smallcaps {
font-variant: small-caps;
color: #0071BC;
padding-bottom: 3px;
font-size: 1.75em;
}

h3.subhead {
font-style: italic;
font-size: 1em;
color: #4e4e4e;
padding-bottom: 5px;

}

h3.comments {
font-variant: small-caps;
font-style: normal;
font-size: 1.5em;
color: #0071BC;
border-bottom:1px dotted #DEDEDE;
padding-bottom: 3px;
margin-bottom: 25px;
}


h3.smallcaps {
font-variant: small-caps;
font-style: normal;
color: #000;
padding-bottom: 3px;
font-size: 1.25em;
}

h3.lggray  {
font-style: normal;
font-size: 1.25em;
color: #4e4e4e;
padding-bottom: 5px;
}
/*End Headings ---------------------------------------------------*/

/*Paragraphs ---------------------------------------------------*/


p {
font-size: 1.15em;
line-height: 1.25em;
margin: 1em 0;
text-align: justify;
font-family: Times New Roman,Franklin Gothic Medium, Times,  serif;
}
p.right{
text-align: right;

}

p.navhead {
font-size: 1.5em;
padding-bottom:4px;
margin: 0px;

}


p.navsub{
font-style: italic;
margin: 0px;

}




p.footer{
text-align: left;
line-height: 1em;
padding-bottom: 5px;
margin: 0px;
}

p.nojustify{
font-size: 1em;
line-height: 1.25em;
margin: 1.25em 0;
text-align:left;

}


/*End Paragraphs ---------------------------------------------------*/

/*Start Success Stories ---------------------------------------------------*/
.sucess {
 border: 3px solid #91d4f8;
 width: 95%;
 height: auto;
 padding: 8px;
 color: #4e4e4e;
 word-spacing: .5px;
 line-height: 1.5em;
}

.carrot{
background: url(../img/carrot.gif) no-repeat;
width: auto;
height: auto;
margin-top: -3px;
margin-left: 25px;
padding-bottom: 20px;
}

.carrotmid {
background: url(../img/carrot.gif) no-repeat;
width: auto;
height: auto;
margin-top: -3px;
margin-left: 175px;
padding-bottom: 20px;
}



.carrotright{
background: url(../img/carrot.gif) no-repeat;
width: auto;
height: auto;
margin-top: -3px;
margin-left: 325px;
padding-bottom: 20px;
}



.sucesstext{
color: #7d7d7d;
font-size: 1.15em;
font-weight: bold;
}


/*End Success Stories ---------------------------------------------------*/


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

.orderedlist {
padding-left: 25px;
font-size: 1em;
}

.orderedlist li {
padding-bottom: 10px;


}


.navlist {
width: 130px;
height:20px;
float:left;
margin-left:0px;
}

.navlist li {
border:1px solid #FFF;
background-color: #0071bc;
color: #fff;
padding: 5px;
padding-left: 10px;
list-style-type: none;
font-size: 1.25em;

}

.navlist a:link {
color: #fff;
text-decoration: none;

}

.navlist li:hover {
background-color: #004f83;
text-decoration: none;

}

.navlist li:active {
background-color: #004f83;
}


.navlist a:visited {
color: #83bfdf;
text-decoration: none;
}


.contact {
list-style-type: square;
padding-bottom: 10px;
margin-left:15px;
}



.linklist {
list-style-type: square;
padding-bottom: 10px;
margin-left:15px;
 }
 
 
 .linklist li {
padding-bottom: 10px;


}
 
.nobullet {
list-style-type: none;
padding-bottom: 10px;
margin-left:20px;
color: #000;
 }
 
 
 .nobullet  li {
padding-bottom: 10px;


}


.researchlist {
list-style-type: none;
padding-bottom: 10px;
margin-left:20px;
 }
 
 
 .researchlist  li {
margin-bottom: 20px;
line-height: 1.5em;

}


.radiobutton {
width: 20px;
height: 25px;
margin-top: 3px;
margin-right: 5px;
float: left;
text-decoration: none;
background: white;
background-color: white;
}
 
/*Lists ---------------------------------------------------*/




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

div.box .input-text{
border:1px solid #D3D6D8;
color: #666666;
height: 30px;
}

div.box label{
display:block;
margin-bottom:10px;
color:#555555;
}

div.box label span{
display:block;
float:left;
padding-right:6px;
width:70px;
text-align:right;
font-weight:bold;
}



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







/* Highlight Boxes--------------------------------------------- */


#headbar {
width:100%;
height: 15px;
background-color: #004f83;
margin-bottom: 5px;
}

#infohighlight {
width: 95%;
height:120px;
background-color: #0071BC;
margin-bottom: 15px;
padding: 15px;
color: #ffffff;
}

#imagebox {
margin-top: 8px;
margin-left: 5px;
width: 250px;
height: 110px;
float: left;

}



#imageboxtransparency {
width:auto;
height: 90px;
border:5px solid white;
filter:alpha (opacity=50);
-moz-opacity:.50;
opacity:.50;
-khtml-opacity: 0.5;
}


#quotebox {
width: 300px;
height: 120px;
float: left; 
position: relative;
padding-left: 30px;
}

.lighter {
background-color: #D3D6D8;

}

/* Highlight Boxes--------------------------------------------- */




/* This is the cols for the target page------------------------------ */


#columnone {
width: 30%;
height:400px;
padding-left: 10px;
float:left;
}

#columntwo {
width: 30%;
height:400px;
padding-left: 10px;
float: left;
}


#columnthree {
width: 30%;
height:auto;
padding-left: 10px;
float:left;
padding-bottom: 20px;
}

/* This is the cols for the target page------------------------------ */

#employers{
width: 49%;
height: 25px;
background-color: #0071bc;
border-top: 5px solid #fff;
padding-top: 3px;
text-align: center;
float: left;
font-size: 1.5em;

}

#unions {
width: 49%;
height: 25px;
background-color: #0071bc;
border-top: 5px solid #fff;
text-align: center;
padding-top: 3px;
float: right;
font-size: 1.5em;
}


/* Table on audio page------------------------------ */


table {
border:1px solid #D3D6D8;
width:475px;
font-size: 1em;

}

th {
height:17px;
color:#fff;
padding:5px 10px 5px 10px;
background-color: #0071bc;
margin-bottom: 

}

td {
padding:8px 10px 25px 10px;
}


/* End Table on audio page------------------------------ */


/* Divs for suggested readings page------------------------------ */
#book {
width: auto;
height: 175px;
}

.book img {
float: left; 
margin: 0px 10px 5px 15px; 
border: 1px solid #4e4e4e;
}

.booktext{
float: right;
width: 60%;
padding: 0px 10px 10px 0px;
}


/* Divs for suggested readings page------------------------------ */


/* Media Page------------------------------ */


#mediaentry {
width: 190px;
height:150px;
border: 1px #000000 solid;
float: left;
margin: 5px;
}

.mediaphoto {
width:165px;
height:75px;
margin:auto;
background-color: gray;
border: 1px #000000 solid;
margin-bottom: 5px;
margin-top: 10px;

}


.mediaentrytext {
width:165px;
height:auto;
margin:auto;
padding-top: 10px;
}

.mediasubentry {
font-size: .80em;


}

/*media appearances styling  --------------------------------*/


.item{
width: auto;
height: auto;
padding-bottom: 5px;


}


.mediaapprfeed{
width: auto;
height: 20px;
color:#fff;
padding:5px 10px 5px 10px;
background-color: #0071bc;


}

.program{
width: 58%;
height: auto;
float: left;
font-size: 1.25em;
}

.source{
width:20%;
float: left;
font-size: 1.25em;

}

.date{
width:15%;
height: auto;
float: left;
font-size: 1.25em;
padding-left: 30px;
}

.highlight {
width: auto;
height: auto;
padding-top: 10px;
clear: left;
}


.apprtitle {
width: 53%;
height: auto;
float: left;
padding-right: 5px;
}

.apprsource{
width: 20%;
float: left;
margin-bottom: 10px;
}

.apprdate{
width:23%;
height: auto;
float: right;
text-align: right;

}




/* Media Page------------------------------ */

/*Online Store------------------------------ */

.storeentry {
width: 185px;
height:250px;
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-bottom: 1px dotted #4e4e4e;

}


.storephoto {
width: inherit;
height:170px;
border-bottom: 1px dotted #4e4e4e;
margin-bottom: 3px;

}


/*Online Store------------------------------ */

/* this stuff makes the footer work------------------------------*/

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

body > #container {height: auto; min-height: 100%;}

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

#footer { position: relative;
	margin-top: -175px; /* negative value of footer height */
	height: 175px;
	clear:both;
	background-color: #0071BC;
	color: #ffffff;
	text-align: center;
	border-bottom: 1px solid #D3D6D8;
	text-align: center;
	padding-bottom: 30px;
	} 
	
#footer a:link{
color: #fff;
text-decoration: none;
border: none;
}

#footer a:visited {
color: #7fc5e6;
}

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


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 */


#footerlogo{
	height: 80px;
	clear:both;
	color: #000000;
	background-color: #ffffff;
	text-align: center;
	border-top: 1px solid #D3D6D8;
	border-bottom: 1px solid #D3D6D8;
	margin-bottom: 30px;
	margin-top: -5px;
	padding:10px;
	text-align: center;
}

/* this stuff makes the footer work------------------------------*/