/*********** Heywood Williams Style Sheet 2007 **********/
/****************** Created 28.03.07 ********************/
/***************** By : Terry O'Leary *******************/
/****************** Design Portfolio ********************/
/********************************************************/
/********************** Content *************************/
/**********   1. Default html styles        *************/
/**********   2. Template Structure Styles  *************/
/**********   3. Navigaton Styling          *************/
/**********   4. Main content area styling  *************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/

/********************************* 1. Default HTML Styles **************************************/
body{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
small{
font-size:0.8em;
color:#999999;
}
th{
font-size:0.8em;
color:#999999;
border-bottom:2px solid #87A2D3;
text-align:right;
}
td{
font-size:0.8em;
color:#666666;
text-align:right
}

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

/**************************** 2. Template Structure Styles **************************************/
#main{
width:800px;
margin:auto;
}
#banner{
width:800px;
height:122px;
}
#banner_left{
float:left;
width:200px;
background:url(../../images/logo_hw.gif) 75px 15px no-repeat;
/*border-bottom:15px solid #AEAEAE;*/
height:105px;
}
#banner_right{
float:right;
width:580px;
/*border-bottom:15px solid #DEDEDE;*/
height:105px;
font-size:0.7em;
}
#banner_right ul{
padding:0px;
margin:0px;
list-style:none;
float:right;
width:190px;
margin-top:25px;
}
#banner_right li{
margin-bottom:4px;
}
#banner_right a{
padding:6px;
text-decoration:none;
color:white;
display:block;
padding-bottom:2px;
}
#banner_right a:hover{
color:#333333;
}
.lasalle{
background:url(../../images/yellow_corner.gif) 175px 22px no-repeat #EFE8C7;
padding:3px;
padding-top:0px;
}
.hardware{
background:url(../../images/light_blue_corner.gif) 176px 18px no-repeat #B2C3E3;
padding:3px;
padding-top:5px;
padding-bottom:6px;
}
#right_col{
width:190px;
float:right;
/*to delete */
/*background: url(../../images/light_blue_large_corner.gif) 170px 280px no-repeat #B2C3E3;*/
margin-top:5px;
}
#hardware{
padding:5px;
padding-top:15px;
width:180px;
height:590px; /*to delete */
background: url(../../images/light_blue_large_corner.gif) 172px 547px no-repeat #B2C3E3;
font-size:0.7em;
}
#hardware h3{
margin:0px;
padding:0px;
font-size:1.1em;
}
#hardware p{
margin-top:0px;
margin-bottom:80px;
}
#hardware img{
margin:0px;
padding:0px;
margin-bottom:5px;
}
#nthamerica{
padding:5px;
padding-top:15px;
width:180px;
height:590px; /*to delete */
background: url(../../images/yellow_lrg_corner.jpg) 172px 547px no-repeat #EAE0B4;
font-size:0.7em;
}
#nthamerica h3{
margin:0px;
padding:0px;
font-size:1.1em;

}
#nthamerica p{
margin-top:0px;
margin-bottom:100px;

}
#nthamerica img{
margin-bottom:5px;
}

/*************************** 3. Navigation styling ************************************/
#nav{
width:200px;
float:left;
height:300px; /*to delete */
margin-top:20px;
}
#nav ul{
list-style:none;
padding:0px;
margin:0px;
font-size:0.8em;
}
#nav li{
margin:0px;
padding:0px;
margin-bottom:2px;
border:1px solid white;
}
#nav a{
display:block;
text-decoration:none;
color:#333333;
padding:4px;
background:url(../../images/dark_gray_corner.gif) 183px 12px no-repeat #DEDEDE;
border:1px solid white;
}
#nav a:hover{
color:white;
background:url(../../images/light_gray_corner.gif) 183px 12px no-repeat #AEAEAE;
}
#nav .active {
background:url(../../images/light_gray_corner.gif) 183px 12px no-repeat #AEAEAE;
color:white;
}
#nav .sub_nav{
background:#AEAEAE;
color:#333333;
font-size:1.1em;
border:1px solid #aeaeae;
}
#nav .sub_nav_two{
background:#AEAEAE;
color:#333333;
font-size:1.1em;
margin-top:0px;
border:1px solid #aeaeae;
padding-left:45px;
}
#nav ul ul ul{
margin:0px;
padding:0px;
}
#nav #sub_nav_head{
color:white;
background:#AEAEAE;
margin-bottom:-5px;
bordeR:none;
}
#sub_nav_head a:hover {
background:#AEAEAE;
}
#nav ul ul{
margin-top:4px;
}
#nav ul ul li{
margin:0px;
display:inline;
border:none;
}
#nav ul ul a{
padding:3px;
padding-left:25px;
margin:0px;
}
#nav ul ul a:hover{
color:white;
background:#AEAEAE;
margin:0px;
}
#nav ul ul a#last{
padding-bottom:20px;
background:url(../../images/light_gray_corner.gif) 183px 34px no-repeat #AEAEAE;
border:none;
font-size:1.1em;
}
#nav ul ul a#last_corp{
padding-bottom:20px;
background:url(../../images/light_gray_corner.gif) 183px 22px no-repeat #AEAEAE;
border:none;
font-size:1.1em;
}
#nav ul ul a#last_group{
padding-bottom:20px;
background:url(../../images/light_gray_corner.gif) 183px 22px no-repeat #AEAEAE;
border:none;
font-size:1.1em;
}
#nav ul ul a#last_about{
padding-bottom:20px;
background:url(../../images/light_gray_corner.gif) 183px 22px no-repeat #AEAEAE;
border:none;
font-size:1.1em;
}
/******************************************************************************************/

/************************************ 4. Main content *************************************/
#main_content{
margin-top:10px;
width:380px;
/*to delete */
float:right;
padding:10px;
font-size:0.8em;
color:#666666;
}
#main_content h1, #corp_gov_main_content h1{
font-size:1em;
font-weight:bold;
margin:0px;
padding:0px;
margin-bottom:-10px;
color:#666666;
}
#main_content h2, #corp_gov_main_content h2{
font-size:1em;
color:#999999;
font-weight:lighter;
}
.section_header{
color:#87A2D3;
}
#main_content h3, #corp_gov_main_content h3{
font-size:0.7em;
padding:0px;
margin:0px;
margin-top:20px;
color:#999999;
}
#main_content p, #corp_gov_main_content p{
padding:0px;
font-size:0.8em;
font-weight:lighter;
line-height:15px;
}
#main_content ol, #corp_gov_main_content ol{
margin-right:15px;
font-size:0.8em;
color:#666666;
line-height:18px;
}
#main_content ul, #corp_gov_main_content ul{
margin-right:15px;
font-size:0.8em;
color:#666666;
line-height:18px;
}
#main_content ol ol, #corp_gov_main_content ol ol{
font-size:1em;
color:#666666;
}
#main_content ol p, #corp_gov_main_content ol p{
font-size:1em;
}
#main_content a, #corp_gov_main_content a{
text-decoration:none;
color:#87A2D3;
}
.reduced{
font-size:0.8em;
margin-top:0px;
margin-bottom:0px;
}
#main_content a:hover, #corp_gov_main_content a:hover{
color:#666666;
}
.img_border{
border:1px solid #666666;
margin:5px;
}
.interim{
height:155px;
margin-top:20px;
padding:10px;
border:1px dashed #87A2D3;
}
#footer{
clear:both;
padding:0px;
font-size:0.8em;
font-weight:lighter;
line-height:15px;
margin-top:10px;
color:#999999;
width:800px;
height:20px;
}

#footer p{
font-size:0.8em;
font-weight:lighter;
line-height:15px;
margin-top:10px;
color:#999999;
}

#footer a{
font-size:0.8em;
font-weight:lighter;
line-height:15px;
margin-top:10px;
color:#999999;
text-decoration:none;
}

#footer a:hover{
font-size:0.8em;
font-weight:lighter;
line-height:15px;
margin-top:10px;
color:#999999;
text-decoration:underline;
}

.pdf{
margin:5px;
margin-left:-2px;
}
.right_advisor{
float:right;
clear:right;
width:200px;
}
.left_advisor{
float:left;
clear:left;
width:160px;
}
.roman{
list-style:lower-roman;
}
.alpha{
list-style:lower-alpha;
}
.tab_border{
border-top:2px solid #87A2D3;
border-bottom:2px solid #87A2D3;
}
.tab_border_btm{
border-bottom:2px solid #87A2D3;
}
.tab_border_thick{
border-bottom:4px solid #87A2D3;
}
/* corp gov section header */
#corp_gov_main_content{
margin-top:10px;
width:560px;
clear:right;
/*to delete */
float:right;
padding:10px;
font-size:0.8em;
color:#666666;
padding-right:0px;
display:block;
}
.about_hw{
color:#000000;
padding:10px;
background:url(../../images/blue_flap.jpg) right bottom  no-repeat #87A2D3;
}
.about_lasalle{
color:#000000;
padding:10px;
background:url(../../images/cream_flap.jpg) right bottom  no-repeat #E7CF92;
}
.about_hw p{
color:white;
}
.about_lasalle p{
color:white;
}
.arrow{
margin:10px;
}
#performance{
font-size:0.9em;
font-weight:bold;
color:#666666;
margin-bottom:20px;
}
#graph{
float:left;
}
#keydates td{
text-align:left;
border-bottom:1px dotted #CCCCCC;
}
#contact td{
text-align:left;
}
.small{
font-size:0.8em;
}
.Errors{
color:red;
}
#reference{
background:#AEAEAE;
padding-left:25px;
padding-right:60px;
padding-top:3px;
padding-bottom:2px;
font-size:1.1em;
}
#share_price{
background:url(../../images/dark_gray_corner.gif) bottom right no-repeat #EFEFEF;
padding:0px;
margin-top:15px;
font-size:0.7em;
color:#999999;
padding:4px;
}
#share_price h1{
font-size:1.1em;
color:#666666;
font-weight:lighter;
margin:0px;
padding:5px;
padding-left:0px;
}
.black{
color:#333333;
font-weight:bold;
}
#hr-thick hr
{
border-bottom=solid;
border-bottom-width:medium;
border-bottom-color:#000000;
}
.keydate{
text-align:left;
border-bottom:1px dotted #CCCCCC;
padding-top:5px;
padding-bottom:5px;
}
.factoids{
width:130px;
border:1px solid #999;
padding:15px;
height:60px;
float:right;
margin-top:20px;
margin-left:20px;
}
.factoids p{
padding-top:0px;
margin-top:0px;
font-size:11pt;
}
.factoids h2{
font-size:18pt;
}