/*
$id .main.css
*/

body
    {
    background-color: #FFF;
    height: 100%; /* 100 % height */
    font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
    font-size: 9.5pt;
    line-height: 1.5em;
    text-align: center;
    color: #333;
    margin-top:25px;
    }

p
    {
    line-height: 1.5em
    }

a:link
    {
    color: blue
    }

a:visited
    {
    color: blue
    }

a:hover
    {
    color: red;
    background-color: yellow
    }

a[class = "external"]
    {
    padding-right: 16px;
    background: transparent url("/.img/external.gif") no-repeat center right;
    }
a[ href $='.pdf'] {
   padding: 1px 0 1px 20px;
   background: transparent url("/.img/pdf.gif") no-repeat center left;
}

a[href $='.doc'] {
   padding: 1px 0 1px 20px;
   background: transparent url("/.img/doc.gif") no-repeat center left;
}

a[href $='.ppt'] {
   padding: 1px 0 1px 20px;
   background: transparent url("/.img/ppt.gif") no-repeat center left;
}

a[href $='.xls'] {
   padding: 1px 0 1px 20px;
   background: transparent url("/.img/xls.gif") no-repeat center left;
}

div.spacer {clear:both; height:10px}
/* *** */
div#pageContainer {
width:960px;
text-align:left;
margin: 1% auto;
background-color:#FFFFFF;
}
/* *** */
div#loginPanel {
    width:50%;
    float:right;
    padding:0px;
    background-color:#DDDDDD;
}
div#loginPanel ul {
padding: 0;
margin: 4px 0 4px 0;
background-color: #DDDDDD;
color: #FFFFFF;
float: left;
width: 100%;
}
div#loginPanel ul li { display: inline;
padding: 0.2em 0em;
background-color: #DDDDDD;
color: red;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}
div#loginPanel ul li.lastLink {border:0; color:#000;padding: 0.2em 1em;}
div#loginPanel ul li a
{
padding: 0.2em 1em;
color: red;
text-decoration: none;
}
div#loginPanel ul li a:hover
{
background-color: red;
color: #fff;
}
/* *** */

div#byLine {
    width:50%;
    float:right;
    padding:0;
    background-color:#FFF;
    margin-top: -24px;
    margin-right:-13px;
    font-size:1.5em;
    color:#666
}

/* *** */
div#topBanner {margin-left:-20px;z-index:3; margin-bottom:-14px}

/* *** */

div#mainNavigation {
    width:100%;
    clear:both;
    padding:0;
    background-color:#DDDDDD;
    height:2.25em;
    z-index:2;

}
div#mainNavigation ul {
padding: 0;
margin:4px 0 4px 0;
background-color: #DDDDDD;
color: red;
float: left;
width: 100%;
}
div#mainNavigation ul li { display: inline;
padding: 0.2em 0em;
background-color: #DDDDDD;
color: red;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}
div#mainNavigation ul li.lastLink {border:0}
div#mainNavigation ul li a
{
padding: 0.2em 1em;
color: red;
text-decoration: none;
}
div#mainNavigation ul li a:hover
{
background-color: red;
color: #fff;
}
/* *** */
p#breadCrumb {margin:0 5px 0 0; text-align:right;font-size:8pt;}
/* *** */
div#main_row_1 {
    margin-top:15px;
    border-top:1px solid #333;
    clear:both;
}
/* *** */
div#main_row_2 {
    margin-top:3px;
    border:0;
    clear:both;

}
div#main_row_2 h3 {margin-bottom:-.5em; font-weight:500}
/* *** */
div#main_row_3
{
    margin-top:3px;
    border:0;
    clear:both;
}
div#main_row_3 h3 {margin-bottom:-.5em; font-weight:300}

/* *** */
div#main_row_4 {margin-top:150px; border-top:1px solid #333; padding:0px 0 15px 0; clear:both;}
div#main_row_4 h3 {margin:10px 0 -5px 15px; font-weight:300; clear:both}
div#main_row_4 div#recentWork {clear:both; margin-top:15px}
div#main_row_4 div.recentWorkImg {float:left; margin-left:15px; }
div#main_row_4 img {border:1px solid #999}

div#main_row_4 a:link {color:#555}
div#main_row_4 a:visited {color:#555}
div#main_row_4 a:hover {color:blue; background-color:yellow}

div#recentWork a {font-size:9pt}

/* *** */
div#footer
{
    clear:both;
    margin-top:20px;
    background-color:#DDDDDD;
    text-align:right;
}

div#footer p {padding:5px}

div#footer p a
{
color: red;
text-decoration: none;
}
div#footer p a:hover
{
background-color: red;
color: #fff;
}
/* ********************************************* */

.roundedCorners {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;

}
/* hack for IE */

.rounded-corners {
    behavior: url(/.css/border-radius.htc);
    border-radius: 4px;
    position: relative; display:block; zoom:1;
}

/* *** */
img.icon {vertical-align:middle; border:0;}
/* *** */
/* ********************************************* */
form#accountLogin {margin: 25px 0 25px 0;}
form#accountLogin p span {width:8em; float:left;}
form#accountLogin p input.textBox {width:175px; border:1px solid #666}
form#accountLogin p input.subButton {margin-left:7.75em}

/* *** */
div#sideBarAddresses {width:256px; float:left;}
div#sideBarAddresses h5 {margin-bottom:0px;padding-left:40px}
div#contactAddresses p#mainContact { border:1px solid #666666; padding:3px 0 3px 20px; width:655px}
div#contactAddresses span {width:8em; float:left}
div#sideBarAddresses address {font-style:normal; margin-top:0;  padding-left:50px}
div#sideBarAddresse div#postal {padding-left:20px}
div#contactAddresses div#location {float:left}
/* *** */
form#newPwdForm p span {width:10em; float:left;}
form#newPwdForm p input.textBox {width:200px; border:1px solid #666}
/* *** */

form#contactForm {margin: 20px 0 25px 0; clear:both;}
form#contactForm p span {width:8em; float:left;}
form#contactForm p input.textBox {width:200px; border:1px solid #666}
form#contactForm p textarea.textArea {width:675px;border:1px solid #666}
form#contactForm p input.smallBox {width:20px; border:1px solid #666}
form#contactForm p input.subButton {}
/* *** */
div.error_message {color:red; clear:both; margin:0 0 0 256px; background-color:#EFEFEF; padding:2px 0 2px 10px}
/* *** */
form#pwdRecover p input.textBox {width:200px; border:1px solid #666}