/* 
 Default CSS Document for screen 2 Columns
*/
@import ("reset.css");

* {
            margin: 0;
     padding: 0;
}
body {           
         background: #fff;
     color: #000;
  font-family: "Lucida Grande", "Lucida sans", sans serif;
        font-size: 62.5%;
      line-height: 1.8em;
   text-align: center;
}

h1 { font-size: 1.8em; font-weight: bold; color: #2078FF; padding: 22px 0 0 16px; }
body#home h2 { background: url(../images/bg_h2.jpg) left top no-repeat; width: 239px; height: 26px; line-height: 26px; font-size: 1.4em; font-weight: bold; color: #333; padding: 0 0 0 12px; }
body#sub h2, body#extra h2 { background: url(../images/bg_h2-sub.jpg) left top no-repeat; width: 239px; height: 26px; line-height: 26px; font-size: 1.4em; font-weight: bold; color: #333; padding: 0 0 0 12px; }
h3 { width: 210px; font-size: 2em; font-weight: bold; color: #2078FF; line-height: 1.5em; padding: 0 8px 10px 8px; }
  h3 span { color: #333; }
       h3 a { color: #2078FF; text-decoration: none; }
                   h3 a:hover { text-decoration: underline; }
p, li {font-size: 1.2em;}
p {padding: 7px 0 7px 0;}
li {list-style: none;}
img {border: 0;}

div#container {
       background: #E4EFFF;
            margin: 0 auto;
         text-align: left;
         width: 852px;
           border-top: 18px solid #2078FF;
}
div#header {
 background: #fff;
     height: 96px;
}
       div#header div#logo {
                     position: relative;
                  top: 34px;
                 left: 38px;
                 width: 151px;
                       height: 35px;
            }
       div#header div#header-contact {
                float: right;
               padding: 16px 64px 0 0;
         }
                   div#header div#header-contact p {
                         color: #333;
                          font-weight: bold;
                            line-height: 1.5em;
               }
                               div#header div#header-contact p span a {
                                             color: #333;
                                      text-decoration: underline;
                             }
                                           div#header div#header-contact p span a:hover {
                                                    text-decoration: none;
                                              }
                               div#header div#header-contact p em {
                                      font-style: normal;
                                        color: #2078FF;
                                    }
div#topnav {
       height: 26px;
            position: relative;
      z-index: 100;
}
div#content {
        clear: both;
   background: url(../images/bg_content-home.gif) left bottom repeat-y;
            width: 816px;
           margin: 33px auto;
}
          body#sub div#content {
                  background: #e4efff none;
           }
       body#extra div#content {
                background: url(../images/bg_content.gif) left bottom repeat-y;
       }
div#primary-content {
    float: right;
   background: #fff;
     width: 816px;
            padding-bottom: 12px;
}
   div#primary-content p {
                  padding-left: 16px;
              font-size: 1.4em;
          }
                   div#primary-content p a {
                            font-weight: bold;
                            color: #FF9900;
                    }
       body#extra div#primary-content {
              float: right;
               width: 544px;
           }
                   body#extra div#primary-content p {
                                   line-height: 1.4em;
                                  padding-left: 0;
                    }
                               body#extra div#primary-content p span {
                                               font-weight: bold;
                                        color: #2078ff;
                                 }
                               body#extra div#primary-content p a {
                                            font-weight: bold;
                                     color: #000;
                          }
       body#sub div#primary-content {
                 background: #fff url(../images/corner_topright.gif) right top no-repeat;
                 padding: 0 0 20px 0;
            }
                   body#sub div#primary-content p {
                          float: left;
                             padding: 18px 0 0 50px;
                                 width: 514px;
                       }
                   body#sub div#primary-content div.full p {
                           width: 784px;
                                   padding: 18px 16px 0 16px;
                        }
                                    body#sub div#primary-content p span {
                                         font-weight: bold;
                                        color: #2078FF;
                                }
                   body#sub div#primary-content ul {
                         float: left;
                             padding: 20px 0 0 40px;
                  }
                               body#sub div#primary-content ul li {
                                      list-style: none;
                                             background: url(../images/bullet.gif) left 7px no-repeat;
                                      padding-left: 12px;
                                      font-size: 1.4em;
                                          font-weight: bold;
                                        line-height: 1.8em;
                                  }
                                           body#sub div#primary-content ul li.no-bullet {
                                                      background: none;
                                                   font-weight: bold;
                                                    color: #2078ff;
                                                         padding-left: 0;
                                            }
       body#home div#primary-content {
             float: left;
                 width: 544px;
           }
            div#primary-content div#main-image {
                   position: relative;
                  width: 544px;
                       height: 201px;
          }
                   div#primary-content div#main-image img {
                                    position: absolute;
                            top: 0;
                                   left: 0;
                       }
div#secondary-content {
      float: left;
     background: #fff;
     width: 251px;
           padding-bottom: 20px;
}
   body#home div#secondary-content div.thumbnail-crop {
                      width: 117px;
                       height: 83px;
                        overflow: hidden;
    }
       body#home div#secondary-content div.item {
                   position: relative;
                        width: 233px;
                       margin: 0 auto;
                     padding: 12px 0 7px 0;
                    border-bottom: 1px solid #666;
                   word-wrap: break-word;
      }
                   body#home div#secondary-content div.item p {
                                    padding: 0 0 0 2px;
                          line-height: 1.4em;
                      }
                               body#home div#secondary-content div.item p a {
                                     color: #000;
                                      text-decoration: none;
                                              font-weight: bold;
                         }
                                           body#home div#secondary-content div.item p a:hover {
                                                   text-decoration: underline;
                                       }
                   body#extra div#secondary-content div.item p {
                                    padding: 5px 0 0 10px;
                                font-size: 1.4em;
                      }
                   body#home div#secondary-content div.item img.thumb {
                         padding: 10px 0 0 0;
                        }
                               body#home div#secondary-content div.item p.more {
                                           position: absolute;
                                        bottom: -1px;
                                               right: -2px;
                                       background: url(../images/more.jpg) left top no-repeat;
                                           width: 72px;
                                     height: 21px;
                                                font-size: 1.2em;
                                              line-height: 21px;
                                         text-align: center;
                             }
                                           body#home div#secondary-content div.item p.more a {
                                                    color: #333;
                                                  text-decoration: none;
                                              }
            body#sub div.grouping, body#extra div.grouping {
                       clear: both;
   }
                   body#extra div.grouping {
                                  padding: 30px 15px 55px 15px;
                  }
                               body#extra div.grouping p {
                                           font-size: 1.4em;
                                          font-weight: bold;
                            }
       body#sub div.item, body#extra div.item {
              position: relative;
                  left: 8px;
                        clear: both;
               float: left;
                 width: 217px;
                       margin: 22px 12px 22px 0;
                  padding: 0 8px 7px 0;
                      border-top: 1px solid #666;
 }
       body#extra div.item {
                        margin: 04px 12px 0 0;
        }
                   body#sub div.item img, body#extra div.item img {
                                    padding: 0 8px;
                                width: 117px
                        }
       body#sub div.section {
             float: left;
                 width: 251px;
           }
                   body#sub div.section p {
                             width: 500px;
                       }
                               body#sub div.section p a {
                                      font-weight: normal;
                                                color: #2078FF;
                                }
       body#sub div.description {
                  float: left;
                 width: 560px;
           }
       body#extra div.description {
                        position: relative;
                  left: 16px;
                 float: left;
                 width: 500px;
                       padding-bottom: 20px;
        }
                   body#sub div.description p a, body#extra div.description p a {
                               color: #000;
                          text-decoration: underline;
                           font-weight: normal;
                     }
       body#sub div.info {
             float: left;
                 width: 500px;
           }
            body#home div#secondary-content {
                     float: right;
   }
div#footer {
        clear: both;
            background: #2078FF;
         height: 43px;
}
       div#footer ul {
                     float: right;
   }
                   div#footer p, div#footer ul {
                                   padding: 0 20px 0 25px;
                  }
                   div#footer p, div#footer ul li {
                                float: left;
                             font-size: 1em;
                                 line-height: 43px;
                 }
                   div#footer p, div#footer ul li, div#footer p a, div#footer ul li a {
                                 color: #fff;
                            text-decoration: none;
                      }
                   div#footer ul li a {
                           padding: 0 5px;
                    }
                               div#footer ul li a:hover {
                                          text-decoration: underline;
                           }

.clear { clear: both; }
.half { float: left; width: 250px; }
.underline { border-bottom: 1px solid #666; }

/* -------------------------------------------------------------------------- */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu { background: url(../images/tab.jpg) left top repeat-x; width: 100%; height: 26px; position: relative; z-index: 100; font-weight: bold; font-size: 12px; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; text-align: center;}
.menu ul ul {width:142px;font-size: 12px}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li { float: left; width: 142px; position: relative; }
/* style the links for the top level */
.menu a { display: block; text-decoration: none; color:#fff; width:142px; height:26px; line-height: 26px;}

.menu ul li.toplevel a:hover { background: url(../images/tab.jpg) left bottom no-repeat; }
.menu ul li.toplevel ul li.sublevel a { background: #fff; color: #444; border-left: 1px solid #0E4DB5; border-right: 1px solid #0E4DB5; padding: 5px 10px; width: 120px; }
.menu ul li.toplevel ul li.sublevel a:hover { color: #2078FF; background: #fff; }
.border { border-bottom: 1px solid #0E4DB5; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:26px;left:0; width:142px;}


/* position the third level flyout menu */
.menu ul ul ul{left:142px; top:-1px; width:142px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-142px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a {height:auto; line-height:1em; padding:5px 10px; width:128px;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}