/* CSS Document */
/* Woodward Communications, Inc. */

body { background:#2e2e2e url(../images/back.jpg) repeat-x; margin:0px;}

#container
{
	margin: 0 auto 0 auto;
	width: 960px;
	font-size: 12px;
	line-height: 17px;
	font-family: "Lucida Grand", Arial, Geneva, Verdana, Helvetica, sans-serif;
	color: #444;
	background:#ffffff;
	
}

#header { width: 960px; }
.wcilogoprint {display:none; width:300px; height 120px;}



/*************************************************************
NAVIGATION
************************************************************/

#mainnav 
{
        width: 960px;
        height: 78px;
        margin: 0px 0px 0px 0px;
        padding: 0px;
       background: url("../images/navback_full.gif") repeat-x;
}


#mainnav ul
{
        width: 930px;
        margin: 0px 0px 0px 18px !important;
        margin: 0px 0px -5px 18px;
        padding: 0px;
        list-style-type: none;
        z-index:400;
}

#mainnav li
{
        display: inline;
        float: left;
        margin: 16px 0 0 0; /*pushes nav doen to align with background*/
        padding: 0px;
}


#mainnav li a:link, a:visited /*this hides the bottom border on all links*/
{
        border:0;
}




        
  /*************************************************************/      
        

#leftcol { float: left; width:250px; margin: 35px 0 0 0;}
#leftcol.sidehome 
{
	width:300px; 
	margin: 15px 0 0 0;
	padding:6px 0 6px 0;
	
}


#content
{
	width: 600px;
	float:left;
	margin: 35px 20px 20px 20px; 
	background: url("../images/headerrule1.gif") no-repeat 0 23px;/*this is the rule under each header*/
	
}


#footer
{
	width: 960px;
	display: block;
	clear:both;
}

b {color:#555}
b.big {font-size:16px;}
.contacttop {background:#eeeeee; padding:3px;}
.borderbottom td {border-style:solid; border-width:0 0 1px 0; border-color:#ddd; padding:3px;}
.borderbottomwht td {border-style:solid; border-width:0 0 1px 0; border-color:#ccc; padding:3px;}
.grayback {background: url("../images/grayback.jpg") repeat-x;padding:6px;}
.graybackshort {background: url("../images/graybackshort.jpg") repeat-x;padding:6px;}
.margin30 {margin-left:30px;}
.marginless20 {margin-top:-20px;}
.small {font-size:10px;}
.rightphoto {margin-right:-60px; margin-left:10px;}
.give {font-size:11px; width:600px;}




/*************************************************************
SUB NAVIGATION
************************************************************/

#sidenavs 
{
	width:200px; 
	background: url(../images/back_sidenavs.jpg) no-repeat; 
	display:block; list-style-type: none;
	padding:6px 0 6px 0;
	
}

.submenu
{ 
	font-size:11px;
 list-style-type: none;
 padding:20px 20px 20px 20px !important;
margin:0px;
 width: 150px; 
	display:block;
	
}

.submenu li{ line-height: 25px; font-weight: bold; border-bottom: 1px solid #52B1DA; margin:0px;} 
.submenu li.first{ border-top: 3px solid #52B1DA; } 
.submenu li a:link, .submenu li a:active, .submenu li a:visited { color: #B3E2FA; padding-left:15px; text-decoration: none; font-weight:bold;} 
.submenu li a:hover{ background: url(../images/nav_arrow_lt.gif) no-repeat 0 3px; color: #fff;} 

/******SIDE PAGE HIGHLIGHTS*******/
body.compoverview ul.submenu li a.companybtn, 
body.history ul.submenu li a.historybtn,
body.locations ul.submenu li a.locationsbtn,
body.board ul.submenu li a.boardbtn,
body.senior ul.submenu li a.seniorbtn,
body.esop ul.submenu li a.esopbtn,
body.eocc ul.submenu li a.eoccbtn,
body.busoverview ul.submenu li a.busoverbtn,
body.newspapers ul.submenu li a.newsbtn,
body.freepapers ul.submenu li a.freebtn,
body.online ul.submenu li a.onlinebtn,
body.radio ul.submenu li a.radiobtn,
body.printing ul.submenu li a.wpsbtn,
body.mags ul.submenu li a.magsbtn,
body.agency ul.submenu li a.agencybtn,
body.careerover ul.submenu li a.careerbtn,
body.openings ul.submenu li a.openingsbtn,
body.benefits ul.submenu li a.benefitsbtn,
body.giveover ul.submenu li a.givebtn,
body.foundation ul.submenu li a.foundation,
body.givecomm ul.submenu li a.community,
body.giveind ul.submenu li a.industry,
body.executive ul.submenu li a.execbtn,
body.unit ul.submenu li a.mgmtbtn,
body.email ul.submenu li a.notifybtn

{ color: #fff; background: url(../images/nav_bullet.gif) no-repeat; margin-left:-20px; padding-left:35px;}



/*************************************************************
CAREERS listing on homepage
************************************************************/

#careershome 
{
	width:255px;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	display:block;
	margin:0 20px 20px 40px;
}


ul.fancy { list-style: none; margin:0px 0 0 15px; padding: 0; display:block;  }
ul.fancy li{  padding: 0 0 0 15px; background: url(../images/bullet.gif) no-repeat 0 6px;} 

/*ul {  list-style-image: url(../images/bullet.gif); }*/
ul.double li {   padding: 0 0 0 15px; background: url(../images/bullet.gif) no-repeat 0 6px; margin-bottom:5px; }

/*************************************************************
NEWS listing on homepage
************************************************************/

#newshome 
{
	width:255px;
	font-size:12px;
	line-height:15px; 
	display:block;
	margin:0 20px 20px 40px;
}

.date {color: #67891E; font-size:10px;}

#newshome a:link, #newshome a:active, #newshome a:visited {color: #555; text-decoration:none;font-weight:normal;}
#newshome a:hover {color: #333; text-decoration:underline;}



#homecontent
{
	width: 635px;
	float:right;
	margin: 35px 0px 20px 5px; 
	padding: 0;
	background: url(../images/vertrule.gif) no-repeat;
	}
	
#homecontent p
{
	margin: 0px 200px 0px 25px; 
	padding: 0;}
	
.hmphotoside {margin: 0px 0px 0px 40px; }

#content.news {width:430px;float:left;}
#morenews {font-size:11px; width:200px;border-left:1px solid #ddd; margin: 45px 20px 20px 5px; padding-left:10px; float:left;}


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


#copyright {font-size:11px; background:#2e2e2e; padding:1px 15px; color:#999999;} 

.copyrightcontact {margin-left:680px;}

/*************************************************************
UNIVERSAL STYLES - LINKS, UNORDERED LISTS
************************************************************/

a:link, a:active, a:visited  {color: #0788B3; text-decoration:underline;font-weight:normal;}
a:hover {color: #006699; text-decoration:underline;}

a:focus { outline: none;}



INPUT, textarea, select, checkbox, option	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; border:1px solid #aaa; background-color:#eeeeee; }
.submit {color:#ffffff; background-color:#1D7CAC; font-weight:bold; height:23px;
/*border: 3px double #C4DCE9;
border-top-color:#AFD9EE;
border-left-color:#AFD9EE;
border-right-color:#0A4C6E;
border-bottom-color:#0A4C6E;*/
}

      
/*************************************************************
PAGE HIGHLIGHTS - WHERE AM I? also displays appropriate side navigation 
************************************************************/



body.business a.business,
body.careers a.careers,
body.company a.company,
body.contact a.contact,
body.strategy a.strategy,
body.support a.support 
{ border-style: solid;
  border-width: 0 0 3px 0;
  border-color:#52B1DA;}
        
/*submenu is set to display:none on all pages in stylesheet. Each page has a body class 
which is connected to the submenu classes below. For example, if I am on a "Business" page, 
the submenu class .subbusiness is set to display:block*/


 
.submenu { display: none;}

body.company .submenu.subcompany  { display: block;}
body.contact .submenu.subcontact { display: block;} 
body.strategy .submenu.substrategy  { display: block;}
body.support .submenu.subsupport { display: block;}
body.business .submenu.subbusiness { display: block;}
body.careers .submenu.subcareer  { display: block;} 
  

.footerprint { display: none;}