/*
    $Id: style.css 263 2008-12-06 00:36:08Z cunnie $
*/
body { font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; 
    background-color: #808080;
/*  2008.10.10 cunnie - background image looks lame; maybe revisit later */
/*  
    background-image:url(/images/stiped_background.jpg);
    background-repeat:repeat-x;
    background-position:top left;
    background-attachment: fixed; */
    border-width: 0;
    padding: 0;
    margin: 0;
}
table { border-collapse: collapse; }
td { vertical-align: top;
    padding: 0;
}
ul { 
    margin: 0; 
    padding: 0 0 0 16px; /* 16 px left */
}

/* 2008.09.22 right_nav is for the navigation columns on the right per Sha */
ul.right_nav li {
    margin: 0 0 0 1em;
}
.med {  font-size: 10px; color:#003564}

/* The following style once had a purpose, but
   later became deprecated; I didn't remove it
   in case it becomes re-purposed. */
div.outer_box_0 {
}

/* 5 px padding at the top; this should have been accomplished
   with a simple either margin on the inner box or padding on the outer
   box, but that had the unforeseen consequence of moving the 
   gradient down 5px and exposing the background tile; it looked goofy.
*/
div.outer_box_1 {
    padding: 5px 0 0 0;
}

/* thin white line surrounding */
div.outer_box_2 { 
    border-width:1px;
    border-style:solid;
    border-color:white;
/*  background: #808080; */
    height: 100%;
    margin: 0 auto;
}

div.outer_box_2 { width: 778px; }
#pg_splash div.outer_box_2 { width: 578px; }

/* transparent box inside thin white line */
div.outer_box_3 {
/*  
    border-width:2px 2px 3px 2px;
    border-color: #808080;
    border-style:solid; 
    padding: 0;
    background: white; 
*/
    border-width: 0;
    padding:2px 2px 3px 2px;
    margin: 0;
}

/* text and stuff needs white background */
div.outer_box_4 {
    background: white;
    color: gray;
}

div.footer, #footer_ref {
    font-size: x-small;
    text-align: center;
    color: white;
}
#footer_ref {
    font-weight: bold;
}

#left_splash_td a, #right_splash_td a {
    font-weight: normal;
}
#left_splash_td img, #right_splash_td img {
    color: white;
    border: 0; /* deprecated; works for ie6 */
}
#left_splash_td { padding: 50px 25px 50px 50px; }
#right_splash_td { padding: 50px 50px 50px 25px; }

div.arda_banner { 
    color:#c01; 
    text-align:left; 
    font-size: medium; 
    font-weight: bold; 
    padding: 0 10px 5px 10px;
    display: block;
    position: relative;
    padding: 5px 10px 5px 10px;
/*
    border-width: 1px; border-color: #f00; border-style:solid;
    background: purple;
*/
}

div.arda_banner td {
    padding: 0;
    border-width: 0px; border-color: #8f8; border-style:solid; 
    vertical-align: bottom; 
}

div.arda_sub_banner { text-align:left; font-size: small; font-weight: bold; padding: 5px 10px 5px 10px;}
div.arda_sub_sub_banner { text-align:left; font-size: small; font-style: italic; padding: 0 10px 5px 10px;}
/* 2008.09.04 cunnie - intranav navigates w/in a given page */
.arda_text, .intra_nav { text-align:left; font-size: small; padding: 0 10px 5px 10px;}
.arda_text { text-align: left;  }
.intra_nav { text-align: right; font-weight: bold }
/* 
   2008.07.21 text color should be slightly darker than the real arda red (#ec2029)
   2008.08.29 cunnie - 
*/
a { text-decoration: none; font-weight: bold; }

/* 2008.08.29 cunnie - this is the trick to make the current
   page on the navbar be highlighted with a different color
*/

#pg_about	li#nv_about a,
#pg_careers	li#nv_careers a,
#pg_contact	li#nv_contact a,
#pg_design_services li#nv_design_services a,
#pg_exec_team	li#nv_exec_team a,
#pg_index	li#nv_index a,
#pg_news	li#nv_news a,
#pg_products	li#nv_products a,
#pg_support	li#nv_support a { color: #c00010; }

/* 2008.08.29 cunnie - now we exclude the drop-downs (the sub-navbars) from
   this rule; also set the defaults for all anchors within the page
*/

#pg_about	li#nv_contact   a:link,   
#pg_about	li#nv_contact   a:visited, 
#pg_about	li#nv_exec_team a:link,   
#pg_about	li#nv_exec_team a:visited,
#pg_design_services	li#nv_asics a:link,   
#pg_design_services	li#nv_asics a:visited, 
#pg_design_services	li#nv_ip    a:link,   
#pg_design_services	li#nv_ip    a:visited,
a:link, a:visited { color: #505050; }

#pg_about	li#nv_contact   a:hover,   
#pg_about	li#nv_exec_team a:hover,   
#pg_design_services	li#nv_asics a:hover,   
#pg_design_services	li#nv_ip    a:hover,   
a:hover   { text-decoration: none; color: #c00010; }

.floatright, .floatleft, .floatright_frame, .floatleft_frame { margin: 10px 10px 0 0; }
.floatright, .floatright_frame { float: right; }
.floatleft,  .floatleft_frame { float: left; }
.floatleft_frame, .floatright_frame { border: 1px solid gray; padding: 1px; }
.subscript   { font-size:x-small; vertical-align:bottom; }
.superscript { font-size:x-small; vertical-align:top; }
/*
    2008.07.29 drop-down menus
*/
#nav {
    position: relative;
    left: 0;
    z-index: 3;
}

/* need to reset padding otherwise dropshadow doesn't line up */
ul#nav { padding-left: 0; }

#nav ul, #nav li {
    position: static;
    margin: 0; 
    /* font-size:  13px; */
    font-size:  small; 
    font-weight: bold; 
    list-style: none;
    z-index: 3;
    background: white;
    height: 20px;
}

#nav li {
    border-width: 1px 0px 1px 1px; border-color: gray; border-style: solid;
    width: 81px;
    padding: 0 0 0px 0;
    float: right;
    text-align: center;
    z-index: 4;
}

#nav ul {
    border-width: 0;
    padding: 0 0 0 16px;  /* back to regular padding */
}

#nav li li {
    float: none;
    text-align: left;
    border-width: 0;
    width: auto;
    z-index: 4;
}

#nav li ul {
    display: none;
    width: 10em;
    border-width: 0;
    height: auto;
    z-index: 4;
}

/* sfhover is only invoked via javascript under ie6 */
#nav li:hover ul, #nav li.sfhover ul {
    border-width: 2px; border-color: gray; border-style:solid;
    background: white;
    display: block;
    position: relative;
    top: 0;
    left: -2px;
    z-index: 4;
}

#nav li:hover li {
    border-width: 0;
}