/*    Ian Schaefer 2.0
     CSS Version:
    0.1 - March 2007
    0.2 - 1 May 2007
    0.2.1 - 9 May 2007 - Changed .linklist markup, Pixy trick on logo
    0.2.2 - 11 August 2007


     Colors:

    Dark blue: #3E3E67
    Light blue for borders: #D2D6EA;
    Gray Text: #555 and #777; was #666
*/

/* General styles & resets */

body {
    background: url(../images/page-bg5.png) repeat-x;
    text-align: center;
    font-size: 62.5%;
    margin: 0;
    padding: 0;
  /*   border: solid thick purple;     box  */   
}
p, blockquote, ul, li, dl, dt, dd, span, blockquote, cite, abbr, address, input, form {
    font-family: Tahoma, "Lucida Grande", Helvetica;
    font-size: 1em;
    line-height: 1.6em;
    text-align: left;
    color: #555;
}
td, th {
font: normal 0.8em/1.2em Tahoma, "Lucida Grande", Helvetica;
color: #222;
padding: 0.2em;
}
cite {
font-size: 0.8em;
font-style: normal;
vertical-align: top;
}
cite a {
text-decoration: none;
padding: 2px;
}
cite a:hover {
text-decoration: underline;
background: #cfcfff;
}
td {
vertical-align: top;
}
td cite {
font-size: 1em;
}

#SideColumn p, #SideColumn blockquote, #SideColumn ul, #SideColumn li, #SideColumn dl {
    color: #777;
}
p {
    clear: left;
}

dt, dd, ul, li {
    margin: 0;
    padding:  0;
}
#Content ul {
    margin-left: 1em;
    list-style: disc;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: georgia, "times new roman", serif;
    text-align: left;
    color: #3e3e67;
    font-weight: normal;        
}
h1 {
    font-size: 2.4em;
}
h2 {
    font-size: 2.0em;
}
#default h2 {
margin-bottom: 0em;
}

h3 {
    font-size: 1.8em;
}

h1 a, h2 a, h3 a {
    text-decoration: none;
}
h1 a:link, h2 a:link, h3 a:link {
    color: #3e3e67;
}
h1 a:hover, h2 a:hover, h3 a:hover {
    color: #3e3eff;
    text-decoration: underline;
}

a img {
    border: none;
}
a:link {
    color: #3e3e67;
}
a:visited {
    color: #3e3e67;
}
a:visited:hover {
    color: #3e3eff;
}
a:hover {
    color: #3e3eff;
}
 
/* Main Sections */

#Msg{ 
    position: static;
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
    color: red;
    /*top: 40px;
    left: 910px;     
    width: 300px;     */   
    height: 35x;    
  /*   border: solid thin #555;     */  
   background-color: lightgrey;
    padding: 0px;
    margin: 2px;
}


#Container {  
    width: 950px;
    margin-left: auto;
    margin-right: auto;
/* border: solid thin red;        box  */ 
}
#Header {
    position: relative;
    height: 30px;  
  /*   border: solid thin aqua;        box  */ 
}
#Logo {
    position: absolute;
    display: block;
    top: 11px;
    left: 0;
    width: 300px;
    height: 59px;
    background-image: url(../images/);
    text-indent: -9999em;
 /*   border: solid thin black;       box  */ 
}
#Logo:hover {
    background-image: url(../images/);
}
#Header a {
    text-decoration: none;
}
#Header li {
    list-style: none;
}

/* Navigation & Utilities */

#Nav, .section_list {
    position: absolute;
    top: 4px;
    left: 11px;
    margin: 0;
    padding: 0;
 /*  border: solid thin green;       box  */
}

#Nav li, #Utility li, .section_list li {
    display: inline;
    float: left;
}

#Nav li a, #Utility li a, .section_list li a {
    display: block;
    padding: 5px 12px;
    /*color: #67678a;    */
      color: white; /*  unselected text        */
    text-transform: uppercase;
    letter-spacing: .35em;
    border-right: 1px solid #D2D6EA;
}
#Header a.last {
    border: none;
}
#Nav li a:hover, #Nav li a.active {
    background: white url(../images/nav-active.gif) repeat-x;
    border-top: 1px solid #D2D6EA;
    padding: 4px 12px 6px;
     color: black; /* selected text         */
}
#Nav li a.last:hover, #Nav li a.active.last {
    border-right: 1px solid #D2D6EA;
}
#Nav li a.first:hover, #Nav li a.active.first {
    border-left: 1px solid #D2D6EA;
    padding-left: 11px;
}

#Utility {
    position: absolute;
    top: 11px;
    right: 11px;
 /*   border: solid thin purple;   box  */
}

#Utility li a {
    color: #fff;
    border-right-color: #fff;
}

/* Search */

#Search {
    position: absolute;
    top: 32px;
    right: 24px;
 /*   border:  solid thin purple ;   box  */ 
}
input {
    border: 1px solid #D2D6EA;
    padding: 4px;
    line-height: 1;
}
.searchButton { /*Same as main nav style*/
    padding: 4px;
    color: #67678a;
    text-transform: uppercase;
    letter-spacing: .35em;
    line-height: 1;
}
.searchButton:hover {
    background: url(../images/nav-active.gif) repeat-x;
    border-top: 1px solid #d2d6ea;
}
/* Content WHAT'S THIS FOR?????*/
/* #Content {
    padding: 0 9px 9px 9px;
  border:  solid thin purple     */              
}         
#Content img {                                                  
    padding: 3px;
    border: 1px solid #d2d6ea;
}
#Content img.silo {
border: none;
}    
  
 #Topper {
    position:relative;
    width: 674px;
   /* border-right: 1px solid #d2d6ea;  */
    padding-top: 2px;
    font-size: 1.2em;
    padding-bottom: 2em;
    padding-left: 13px;
    padding-right: 13px;
 /*    border-bottom: 1px solid #d2d6ea;   
 border:  solid thick green ;    
    background-color: lime;      box  */      
}       
          
#MainColumn {
    float: left; 
    width: 674px;
    min-height: 300px;
/* ie 6 needs: height: 300px */
    border-right: 1px solid #d2d6ea;
    padding-top: 9px;
  
    font-size: 1.3em;
    padding-bottom: 2em;
    padding-left: 13px;
    padding-right: 13px;
    border-bottom: 1px solid #d2d6ea;
/*     background: url(../images/pontiac_wheel-1024x768.jpg) no-repeat;  
  border:  solid thin green ;    
    background-color: yellow;     box  */      
}

#MainColumn #MainArticle, #MainColumn .comments-wrapper {
    font-size: 1.0em;
    padding-bottom: 2em;
    padding-left: 13px;
    padding-right: 13px;
    border-bottom: 1px solid #d2d6ea;
 /*     border:  solid thin green ;  box  
    background-color: lime;             */ 
}
#MainColumn #MainArticle p {
    clear: none;
}
#MainColumn #MainArticle p.note {
    clear: left;
}

#ArticleList {
    padding: 0 0; /* was: 0 13px */

}
#MainColumn #ArticleList #MainArticle {
    padding-left: 0;
    padding-right: 0;
border-bottom: none;
}
#MainArticle h1 {
    margin-bottom: 0;
}
.articleListItem {
    padding: 1em 26px; /* was: 1em 13px */
border-bottom: 1px solid #D2D6EA;
}
.articleListItem p {
    font-size: 1.2em;
}

.date {
    display: block;
    text-align: left;
    font: bold 9px/1 "lucida grande", tahoma, verdana, sans-serif;
    text-transform: uppercase;
    letter-spacing: .15em;
}
#MainArticle .date {
    text-indent: 2px;
}
.date a {
    letter-spacing: .35em;
}
#Content p.section {
    font: bold 9px/2em Tahoma, "Lucida Grande", Helvetica;
    text-transform: uppercase;
    letter-spacing: .35em;    
}
.section a {
    text-decoration: none;
}
.section a:hover {
    text-decoration: underline;
}

#SideColumn {
    position: relative;
    top: 5px;
    float: right;   
    width: 200px;
    padding-top: 9px;
    padding-bottom: 9px;
 /* border:  solid thin red ;     box  */    
    background-color: #FFFFC0;     
}
#SideColumn h3 {
    font-size: 1.4em;
    line-height: 1em;
}
.singleColumn {
    float: left;
    /*width: 218px;       */
    padding: 0 13px;
    min-height: 300px;
    font-size: 1.1em;
}
#SideColumn .singleColumn {
    padding: 0;
    font-size: 1em;
}
.singleColumn h3 {
    margin-bottom: 0;
}
.singleColumn p {
    margin: 0 0 0.5em 0;
    padding: 0;
}

#MainColumn h4, .singleColumn h4, .subheadlabel {
    font: normal;
    font-size: 1.4em;
   /* text-transform: uppercase;
    letter-spacing: 0.35em;     */
/*    background: #c8c86a;  
    background: #f8f8ec;     
     background: #FFFFC0;         */  
    padding: 0 2px;
    margin-bottom: 0;
    margin-left: -1px;
    margin-right: -1px;
   /* text-align: center;     */
    border: 1px solid #f5f5d9;
/*    color: #fff;*/
}
.singleColumn h4 {
    padding-top: 1px; /*This is dubious - need to test in IE6/7*/
}
#AboutMaxxsys h4 {
    font-size: 1.0em;
    margin-bottom: 1.5em;
    font-weight: bold;
}
.subheadlabel {
    margin: 0 13px;
}
h4.section a:link {
    /*color: #fff;*/
    font-weight: bold;
}
.singleColumn img {
    width: 100px;
    float: left;
    margin: 2px 7px 0 0;
}
 /*
#MainColumn img, #ArticleList img  {
    float: left;
    margin: 2px 11px 0 0;  remove for in line images*/
}
#default #MainColumn img, #ArticleList img  {
    float: left;
}
#default #MainColumn .singleColumn .mainImage {
    display: block;
    width: 210px;
    margin: 1em 0;                     
}
#Content ul.linklist, #Content ul.linkListFeatured {
    list-style: none;      
    margin-left: 0;
    padding: 1em 0;
}
#MainArticle .linklist {
    overflow: hidden;
}

ul.linklist li {           /*all ul link lists  */
/*    list-style: none;      removes ol numbering*/    
    margin: 1em 0;
    line-height: .8em;  
   /*  border:  solid thin fuchsia ;    box  home help page*/ 
}

#MainArticle .linklist li {     /*list text*/
    float: left;                
    width: 230px;
    margin: 0;
    padding: 0;
    list-style-type: none;
 /*   border:  solid thin purple ;   background-color: yellow;  box  home page*/    
}
ul.linklist a {                   /* link text  */
  /*   display: block;            affects inline anchor links*/      
    font: normal 13px/16px Tahoma, "lucida grande", helvetica, sans-serif;
    text-decoration: underline; 
    /* border:  solid thin red ;   background-color: lime;   box  home page help page*/ 
}
ul.linkListFeatured a {
    font: normal 1.4em georgia, "times new roman", serif;
    text-decoration: none;
}
ul.linklist a:hover {
    text-decoration: underline;
}
ul.linklist p {
    margin-top: 0;
    line-height: 16px;
}
ul.linklist br { /*This compensates for an errant <br> provided by Txp and which I need to remove*/
    height:0;
    line-height: 0;
    display: inline;
}
#Footer {
    clear: both;
    padding: 1em 20px 0;  
    font-size: 1.1em;
  /* border:  solid thin green ;  box  */        
}

#Accessibility {
    position: absolute;
    top: -10000px;
}
/* Comments */
.comments-wrapper {
    text-align: left;
}
.comments-wrapper label {
    display: block;
}
.remember label, .remember input {
    display: inline;
    vertical-align: middle;
}

/* Miscellaneous */

.searchResult strong {
    background: #ff7;
}
.searchResult dt {
    font-size: 1.2em;
}

a.moreLink {
    display: block;
    text-align: right;
    padding-right: 27px; /* room for an arrow icon or something */
    font: bold italic 10px Tahoma, "Lucida Grande", Helvetica, sans-serif;
/*letter-spacing: 0.35em;*/
/*text-transform: uppercase;*/
    text-decoration: none;
}
a.moreLink:hover {
    text-decoration: underline;
}
#MainColumn p.breadcrumb {
    font-size: 10px;
}
 
 /*button styling close windows, forms, etc.*/
.button:link, 
.button:visited { /* Top left corner, top edge */
position: absolute; top 50px; left: 25px;   
z-index: 100;
    height: 25px;
    padding-top: 5px;
    float:left;
    color:#ddd;
    background:#333 url(../images/page-bg3.png) repeat; 
    border: solid thin black;           
    font:1.0em/1.0 Georgia,serif;
    text-decoration:none;
}

.button:hover,
.button:focus, 
.button:active { /* Make the button more visible on :hover and :focus */
    outline:2px solid #ff0; /* Not supported by IE/Win :-( */
    color:#fff;
}