/* ClientStyles */
body 
{
    background:#fff url(../Images/pages.jpg) repeat-y;
    font-family: Geneva, Tahoma, sans-serif;
    text-align:center;
}
*
{
    margin: 0;
    padding: 0;
}
#wrapper
{
    width:60em;
    /*background-color: #E2E6E0;*/
    background-color:#fff;
    margin: 20px auto 0 66px;
    position:relative;
}
#branding
{
    background-color:#fff;
    padding: 10px 0 10px 0;
}
#branding a
{
    position:absolute;
    text-decoration:none;
    color:#000;
    font-size:0.8em;
}
#branding a:link, #branking a:visited
{
    color:#000;
}
#branding a:hover
{
    color:#0f0;
}
#branding a:active
{
    color:#1bb498;
}
#navbar, #PageNav
{
    margin-left:11em;
    margin-right:10em;
    height:1.3em;
    padding-left:2px;
}
#navbar ul, #PageNav ul
{
    list-style-type:none;
}
#navbar li
{
    float:left;
    position:relative;
}
#PageNav li
{
    float:left;
}
#navrbar a, #navbar a:link, #navbar a:visited, #PageNav a, #PageNav a:link, #PageNav a:visited
{
    font-size:80%;
    background-color:#000;
    color: #FFF;
    text-decoration: none;
    display:block;
    height:1.6em;
    padding: 0.3em 0.4em 0.3em 0.4em; /* 0.3 em 0.4em 0.3em 0.4em */
    border-right:solid 1px #ddd;
    text-align:center;
    line-height:1.6em;
    outline-style:none;
}
#navbar a:hover, #navbar a:active, #navbar li.selected a:link, #navbar li.selected a:visited, #PageNav a:hover, #PageNav a:active
{
    color: black;
    background-color: yellow;
}
/*Drop-Down Menu Style */
#navbar li ul
{
    position:absolute;
    z-index:100;
    visibility:hidden;
}
/* Make drop-down visible on navbar hover */
#navbar li:hover ul, #navbar li a:hover ul
{
    /* IE6 hack */
    visibility:visible;
    top:1.6em;
    left:0;
}
/* Applies to links on the drop-down menu */
#navbar li:hover ul li a, #navbar li a:hover ul li a
{
    /* IE6 hack */
    background-color:#000; /* Remove background image */
    color:#fff; /*--000 */
    text-align:left;
    display:block;
    width:10em;
    padding: 0 0 0 1em;
    height:auto;
}
#navbar li:hover ul li a:hover, #navbar li a:hover ul li a:hover
{
    /* IE6 Hack */
    background:yellow;
    color:#000;
}
/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px; 
  border-collapse:collapse; 
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}
#leftcolumn
{
 width:9em;
 float:left;
 font-size: 90%
}
#leftcolumn ul, #rightcolumn ul
{
   list-style: none;
    margin: 0;
    padding: 0; 
}
#leftcolumn li, #rightcolumn li
{
    border-bottom: 1px solid #ED9F9F;
}
#leftcolumn li a:link, #leftcolumn li a:visited
{
    display: block;
    padding: 0.4em 0 0.4em 0;
    color: #FFFFFF;
    border-left:12px solid #711515;
    border-right:1px solid #711515;
    background-color: #CD0000;
    text-decoration: none;
}				
#leftcolumn li a:hover 
{
color: black;
background-color: yellow;
}
#rightcolumn
{
    width:10em;
    float:right;
    font-size: 90%;
}
#rightcolumn li a:link, #rightcolumn li a:visited
{
    display: block;
    padding: 0.4em 0 0.4em 0;
    color: #FFFFFF;
    border-left:1px solid #711515;
    border-right:12px solid #711515;
    background-color: #CD0000;
    text-decoration: none;
}
#rightcolumn li a:hover 
{
color: black;
background-color: yellow;
}

#imagecontents
{
    margin-left:9em;
    background-color:#ccc;
    color:#000;
    padding:20px 5px 10px 5px;
}				
#contents
{
    margin-left:9em;
    margin-right:10em;
    background-color:#fff; /* ccc */
    color:#000;
    padding:20px 5px 10px 5px;
}
/* Applies to h1 elements in the content divison */
#contents h1, #contents h2, #contents h3, #branding h2, #imagecontents h1, #imagecontents h2, #imagecontents h3
{
    font-family: "Apple Chancery", "Brush Script MT", "Monotype Corsiva", cursive;
    color:#45322F;
}
/* Applies to all lists in the content divison */
#contents ul, #contents ol, contents p
{
  text-align:left;
  font-size:0.8em;
  line-height:1.25em;
}
#contents ul, #contents ol
{
    padding: 5px 0px 5px 30px;
}
#contents table, #imagecontents table
{
    border: 0px;
    border-spacing:2px;
    padding:2px;
    width:100%;
    margin: 0 0 15px 0;
}
#contents img
{
    border:0px;
    margin: 1px;
}
#imagecontents img
{
    width:95%;
} 
#footer
{
    clear:both;
}
#footer address
{
  margin-top: 2em;
  padding-top: 1em;
  border-top: thick solid red;
  font-size: 0.7em;
  font-family:Verdana Tahoma;
}
@media print
{
/* Start printer friendly styles*/
    /* Set wrapper to fill page width */
    #wrapper{
    width:100%;
    }

    /* Hide leftcolumn, navbar,and footer */
    #leftcolumn,
    #rightcolumn,
    #navbar,
    #footer{
    display:none;
    }
    
    /* Get rid of content div margins and
    padding. Use a different font for print */
    #contents{
    margin:0;
    padding:0;
    font-family:'Century Schoolbook', Times, Serif;
    font-size:1em;
    }
/*End of printer styles*/
}