/* front2.css
** HAM front page styles (new as of 2009 November)
** In transition to table-less layout.
** Base viewport: 970px wide
** Ref: basepage templates
** G Rogerson
*/

body {
background-color: #E0E0E0;
}

a:link {
text-decoration: underline;
color: #000099;
}
a:visited {
text-decoration: underline;
color: #400040;
}
a:hover {
text-decoration: underline;
color: #CC0033;
}
a:active {
text-decoration: none;
}

body,td,th {
font-family: Geneva, Arial, Helvetica, sans-serif;
}
.copyright {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
}

h1, h2, h3, h4, h5, h6 {
color: #000;
clear: both;
margin-bottom: 0;
margin: 1.5em 0 0em 0;  
}

h1 {
font-size:   20px;
margin-top: 0.25em;
}
h2 {
font-size:   18px;
}
h3 {
font-size:   16px;
}
h4 {
font-size:   14px;
}
h5 {
font-size:   12px;
}
h6 {
font-size:   12px; font-style: italic;
}


img {
border: none;
}

hr {
margin: 10px 0px;
clear: both;
}

p, ul, ol {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
font-style: normal;
text-align: left;
vertical-align: baseline;
color: #000;
text-transform: none;
}

/* Useful in p tags to prevent text-image wrap */
.clearme {
clear: both;
}

/* Page table */
table#pagetable {
width: 970px;
/*border: 1px solid white;*/
}


/* Banner section */

#top   { 
margin:0 auto; padding:0; color:#000000; 
float: left; width: 986px;
clear: left;
height: 121px;
border: none; 
background:#9dbfe1 url(../img/base/manlogo-h120px.gif); 
background-repeat: no-repeat; 
}
#top div.left  { 
margin:0; 
padding:7px 0 7px 100px; 
float: left; 
}
#top div.left h1 { 
margin:0; padding:0; 
font-size:27px; 
}


/* Top bar menu */

#highbar td {
width:  100%;
background-color:  #9dbfe1;
margin:   0px;
padding:  0px;
}

#topnav {
width:  100%;
background-color:  #9dbfe1; 
margin:   0px;
padding:  0px;
height:   28px;
border-top:    1px solid #4d749b;
border-bottom: 4px solid #A4C8ED;
}

#topnav ul {
margin: 0; 
padding: 0;
background-color:  #9dbfe1;
list-style-type:  none;
}

#topnav li {
list-style: none; 
float: left;
display: block;
width:  122px;
padding-left: 6px;
font-family:  Arial, Helvetica, sans serif;
font-size: 16px; 
line-height: 28px; 
white-space: nowrap;
background-color: #9dbfe1;
}
#topnav a {
display: block;
float: left;
width: 99px; 
padding: 0 16px;
text-decoration: none;
font-weight: normal;
background-color: #fff1c2;
color: #000;
}
#topnav a:hover { 
background-color: #a68a2f; 
}
#topnav #current, #topnav #current a {
color: #ffffff; 
background-color: #a68a2f;
}


/* Sidebar navigation extras */
  #side_nav_box {
   margin: 0;
   padding: 0;
   background-color: #dfefff;
  }
  #side_nav_box ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #efefff;
  }
  #side_nav_box li {
    margin: 4px 0 0 0;
  }
  #side_nav_box  a {
    display: block;
    width: 144px; 
    text-decoration: none;
    padding: 4px 2px;
    color: #000;
  }
  #side_nav_box  a:link {
    background-color: #dfefff;
  }
  #side_nav_box  a:visited {
    background-color: #dfefff;
  }
  #side_nav_box  a:hover {
    background-color: #ffee88;
  }
  #side_nav_box #current_side, #side_nav_box #current_side a { 
    color: #ffffff;
    background-color: #a68a2f; 
  }



/* sidebar common styles  */

.leftsidebar {
border-top: 2px solid white;
border-right: 2px solid white;
font-size: 12px;
background-color: #9dbfe1;
}
.rightsidebar {
border-top: 2px solid white;
border-left: 2px solid white;
font-size: 12px;
background-color: #9dbfe1;
}
.sidebar-head, .sidebar_head {
font-weight: bold;
font-size: 14px;
margin-top: 6px;
padding-left: 2px;
}

.sideup {
width: 150px; 
vertical-align: top; /* Pulls up graphics when text is taller than sidebars */
background-color: #A4C8ED;
}

/* Core content td */


.content {
width:   670px;
font-family: Arial, Helvetica, sans-serif;
padding: 5px 8px 0px 8px;
vertical-align: text-top;
background-color: #ffffff;
}

/* Align pic left of text, embedded in a paragraph typically. */
.picleft {
display: inline; /* Make IE 6/7 behave */
float: left; 
margin-right: 6px; /* Push text away from pic edge */
border: 0px;
}

/* Align pic right of text, embedded in a paragraph typically. */
.picright {
display: inline; /* Make IE 6/7 behave */
float: right; 
margin-left: 6px; /* Push text away from pic edge */
border: 0px;
}

div.note {
font-size: 12px;
margin: 8px 8px 8px 2em;
}

/* Suitable for commentary or note text in a bordered div */
.box_comment {
border: 2px solid #06f;
width:  70%; /*420px; */
padding: 4px;
margin: 8px 8px 8px 14%;
background-color:  #e0e7ff;

}

div.inote {
clear: both;
padding-top:  10px; /* Firefox spacing issue */
}

.center {  text-align: center; }

.ponk { /* highight text */
color: #400;
font-size: larger;
}