body { background: #ffffff; margin: 0; padding: 0; text-align: justify;}


.wrapper { min-width: 500px; }
          /* Allways good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

.wrapper {
        margin-top: 5px; 
        width: 100%;               /* total width */
}      

DIV[class=wrapper] { margin-top: 20px; }

.outer {
        border-left-width: 200px;  /* left column width */
        border-left-color: #C6C6A9;   /* left column colour */
        
        
        background-color: #ffffff; /* center column colour */
        
}
.left {
        width: 200px;              /* left column width */
        margin-left: -200px;       /* _negative_ left column width */
background: #C6C6A9;
}
.right {
        width: 100px;              /* right column width */
        margin-right: -100px;      /* _negative_ right column width */
}



.wide {
        background-color: #ffc;    /* header and footer colours */
}



.outer { width: auto; border-left-style: solid; background: transparent;}  
.inner { margin: 0; width: 100%;
        background: transparent url("/nacc_images/logobg.jpg") no-repeat center 
right; }
.left { float: left; position: relative; z-index: 12; }
.right { float: left; position: relative; z-index: 11; }
.center { float: left; width: 100%; position: relative; z-index: 10; background:
 transparent; }

.wide { width: 100%; position: relative; z-index: 13; }

.clear { clear: both; }

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.right p { padding-left: 10px; }
.center { margin: 0 -8px 0 -1px; }


a {
        text-decoration: underline;
        
        
        }
a:link {
        color: #1E5971;
        }

a:visited {


        color: #297999;
        }

 a:active {

        font-weight: bold;
        color: #1E5971;
        }

a:hover {
        color: #006699;
        }

h1, h2, h3 {
        margin: 0px;
        padding: 0px;
        font-weight: bold;
        }

#container {
        /* line-height: 140%; */
/*              margin-right: auto; */
/*      margin-left: auto; */
        text-align: left;
        padding: 0px;
        width: 100%;
        /* height: 100%; */
        
        }

#banner {
        font-family: Verdana, Arial, sans-serif;
        color: black;
        text-align: left;
        display: block;
        
        
        height: 135px;
        width: 100%;
        margin: 0px;
         background: url("/nacc_images/banner-bg.jpg") repeat; 
        /* background: */
        }

#banner-img {
        display: none;
        }


#banner a {
        color: #FFFFFF;
        text-decoration: none;
        }

#banner h1 {
        float: left;
        font-size: xx-large;
        background: transparent url("/nacc_images/header03.jpg") no-repeat top left;
        width: 100%;
        height: 135px;
        margin: 0px;        
}
#banner h1 span {
        display:none;
        }

#banner h2 {
        font-size: small;
        }


ul.navclass {
        z-index: 4000;
        margin: 0;
        padding: 0;
        line-height: normal;
        list-style: none; 
        width: 160px; /* Width of Menu Items */
        border: 1px solid #ccc;
        }

ul.navclass li {
        margin: 0px;
        position: relative;
        z-index:4000;
        }
        
 li ul {
        position: absolute;
        left: 159px; /* Set 1px less than menu width */
        top: 0;
        display: none;
        z-index: 4001;
        }

/* Styles for Menu Items */
ul.navclass li a {
       font-size: x-small;
        font-family: Verdana, Arial, Sans-serif;
        display: block;
        font-weight: bold;
        text-decoration: none;
        color: #eee;
        background: url("/nacc_images/banner-bg.jpg") repeat;
        padding: 5px;
        z-index: 4001;
        border-bottom: 1px solid #ccc;
        }

ul.navclass li a:visited { color: #fff ; } 

/* Fix IE. Hide from IE Mac \*/
* html ul.navclass li { float: left; height: 1%;  } 
* html ul.navclass li a { height: 1%; font-size: x-small; } 
/* End */

ul.navclass li a:hover {         border-bottom: 1px solid #ccc; padding: 5px; co
lor: #eee; background: #990000; z-index: 4000;} /* Hover Styles */
                
li ul li a { padding: 5px; z-index: 4001; } /* Sub Menu Styles */
                
li:hover ul, li.over ul { display: block; z-index:4001; border-bottom: 1px solid
 #ccc;} /* The magic */


.content {
        padding: 15px 15px 5px 15px;
/*        float: left; */

/*        background-image: url("rooted.gif") no-repeat top left;
         -moz-opacity:0.5;
        filter: Alpha(opacity='50');
*/
        color: #000000;
        font-family: Times New Roman, serif;
        font-size: small;
        z-index: 40;
        background: transparent;
        }

#important {
        float: right;
        background: #C6C6A9; 
        /* background: #297999; */
        position: relative;
        margin: 8px;
        padding: 0px;
        left: 12px;
        /* margin-right: auto; */
        width: 160px;
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
        z-index: 12;
}
#important ul {
 /*       list-style-type: circle; */
        
        
        /* line-height: 150%; */
}        

#important li {
        margin-top: 10px;
        padding-left: 3px;
        line-height: 150%;
}
#important h2 {
        color: #990000;
        text-align: center;
line-height: 150%;
        
        font-size: small;
        
        margin-top: 10px;
        
}
*/

.content p {
        color: #000000;
        background: transparent;
        font-size: small;
        text-align: left;
        /* z-index: 40;  */
        }

.content blockquote {
        line-height: 140%;
        }

.content li {
/*      line-height: 140%; */
        }

/* .content */

h2 {
        color: #990000;
        font-family: Verdana, Arial, sans-serif;
         font-size: 110%;
        
        text-align: left;
        font-weight: bold;
        
        /* z-index: 40; */

        
}

#title_inverted {

        color: #990000;
        font-family: Verdana, Arial, sans-serif;
         font-size: 120%;
        text-align: left;
        font-weight: bold;
        padding-bottom: 8px;
        z-index: 40;
}
/*.content */
h3 {
        color: #000000;
        font-family: Verdana, Arial, sans-serif;
        font-size: small;
        
        text-align: left;
        font-weight: bold;
        
        
        /* z-index: 40; */
        
        }

h4 {
        color: #000000;
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small; 
        
        text-align: left;
        font-weight: bold;
        
        
        /* z-index: 40; */
        
        }


.content p.posted {
        color: #999999;
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
/*        border-bottom: 1px solid #999999; */
        text-align: left;
        
        
        width: 100%
        margin-bottom: 25px;
        line-height: normal;
        padding: 3px;
        }

.sidebar {
        padding: 15px;
        background: transparent;
        }



#calendar {
/*      line-height: 140%; */
        color: #666666;
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
        
        
        
        padding: 2px;
        text-align: center;
        margin-bottom: 30px;
        }

#calendar table {
        padding: 2px;
        border-collapse: collapse;
        border: 0px;
        width: 100%;
        }

#calendar caption {
        color: #666666;
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
        
        text-align: center;
        font-weight: bold;
        
        text-transform: uppercase;
        
        letter-spacing: .3em;
        }

#calendar th {
        text-align: center;
        font-weight: normal;
        }

#calendar td {
        text-align: center;
        }

.sidebar h2 {
        color: #990000;
        font-family: Verdana, Arial, sans-serif;
        font-size: small;
        
        text-align: center;
        font-weight: bold;
        
        text-transform: uppercase;
        
        
        }

.sidebar ul {
        padding-left: 0px;
        margin: 0px;
/*        list-style: disc; */
/*      margin-bottom: 30px; */
        }

.sidebar ul ul {
        margin-bottom: 0px;
        }

.sidebar #categories ul {
        padding-left: 15px;
        }

.sidebar li {
        color: #000000;
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
        
        
        


        }

.sidebar #categories li {
        /* list-style-type: circle; */
        }

.sidebar img {
        border: 3px solid #FFFFFF;
        }

.photo {
        text-align: left;
        margin-bottom: 20px;
        }

.link-note {
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
/*      line-height: 150%; */
        text-align: left;
        padding: 2px;
        margin-bottom: 15px;
        }

#powered {
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
/*      line-height: 150%; */
        text-align: left;
        color: #666666;
        margin-top: 50px;
        }

#comment-data {
        float: left;
        width: 180px;
        padding-right: 15px;
        margin-right: 15px;
        text-align: left;
        border-right: 1px dotted #BBB;
        }

textarea[id="comment-text"] {
        width: 80%;
        }

.commenter-profile img {
        vertical-align: middle;
        border-width: 0;
        }
P { background: transparent; font-size: small;}

/* ======================================================
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/flyout_4level.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 {  font-size: x-small; font-family: Verdana, Arial, Sans-Serif; }
.menu ul { margin: 0pt; position: relative; z-index: 500; list-style-type: none; width: 160px;}
.menu li { background-color: #6699cc; float: left; }
.menu li.sub { background-color: #6699cc; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100;  margin-top: -1px; }
.menu a, .menu a:visited { border: solid #ccc; border-width:1px 0px 0 0px; display: block;  line-height: 2em; text-decoration: none;  width: 160px; color: #eee; padding-left: 1em; font-weight: bold; font-style: normal; font-variant: normal; text-transform: none; }
.menu a.last, .menu a:visited.last {border-width:1px;}
.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { width: 160px; }
* html .menu a:hover { color: #ffffff; background-color: #990000; position: relative; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: #eee; background-color: #990000; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #eee; background-color: #990000; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 12em; background-color: transparent; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }