body {
 margin: 20px 0px;
 text-align: center;  
 background: #e5e5e5 url('../images/background.jpg') repeat-x;
 font-family: arial;
 font-size: 14px;  
 line-height: 20px;
 color: #555;
}

h1 {
 font-size: 25px;
 line-height: 1em;   
}

h2 {
 font-size: 20px;
 line-height: 1em;   
}

h3 {
 font-size: 15px;
 line-height: 1em;
 margin-bottom: 0px;   
}

h4 {
 font-size: 12px;
 line-height: 1em;
 margin-bottom: 0px;   
 margin-top: 0px;    
}


#container {
 width: 980px;   
 margin: 0px auto;
 text-align: left;
}

#capper {
 width: 929px;
 height: 43px;
 padding: 0px 28px;
 background: url('../images/headercap.png') no-repeat center;   
}

#capper .welcome {
 float: left;
 height: 28px;   
 margin-top: 15px;
 margin-left: 15px;
 color: #fff;
 font-weight: bold;
}

#capper .welcome a, #capper .welcome a:visited {
 color: #fff;
}

#capper .scroller {
 float: left;
 height: 43px; 
}

#search {
 float: right;
 height: 43px;   
 text-align: right;
 margin-top: 12px;
 margin-right: 12px;
 position: relative;
 width: 231px;
 height: 21px;
}

#search .searchfield {
 position: absolute;
 left: 0px;
 top: 0px;                                         
 width: 147px;
 height: 16px; 
 padding: 5px 0px 0px 5px;
 border: none;
 background: url('../images/searchbg.png');
 color: #555;
 font-size: 11px;
 
}

#search .searchbutton {
 position: absolute;
 right: 0px;
 top: 0px;
}

#banner {
 width: 980px;
 height: 210px;
 background: url('../images/bannerbg.png') no-repeat;   
 position: relative;
}    

#banner .bannerimage { 
 position: absolute;
 bottom: 4px;
 left: 5px;
}

#mainnav {
 margin: 0px auto;
 width: 899px;
 height: 33px;    
 background: url('../images/navbg.png') no-repeat; 
 padding: 10px 10px 0px 20px;  
}

#mainnav a {
 color: #fff;
 font-weight: 800;   
 text-decoration: none;
 margin-right: 20px;
}

#content {
 width: 970px;
 background: #fff url('../images/contentgradient.png') repeat-x;   
 border-left: 5px solid #fff;
 border-right: 5px solid #fff;      
}

#footer {
background: url('../images/contentfooter.png') no-repeat;       
width: 980px; 
height: 8px;  
}

#credit {
 font-size: 11px;
 text-align: right;
 padding-right: 40px;
 width: 940px;  
 margin-top: 10px; 
}












/*Example CSS for the two demo scrollers*/

#pscroller2{
width: 480px;
height: 25px;
padding: 15px 0px 0px 0px;
margin-left: 20px;
}

#pscroller2 a{
text-decoration: none;
color: #fff;
}

#contentcontainer {
 padding: 25px 20px 10px 30px;   
 width: 665px; 
 float: left;
}

#memberscontainer {
 padding: 25px 20px 10px 30px;   
 width: 920px; 
 float: left;       
}



#rightcol {
 float: right;
 width: 220px;
 margin: 15px 30px 0px 0px; 
}

#membersnav {
 float: left;
 width: 180px;   
 margin-right: 25px;
 border-right: 1px solid #ccc;
 font-size: 12px;         
}

#memberscontent {
 float: left;
 width: 710px; 
 margin-bottom: 30px;   
}

#memberslist {
 width: 700px;
 border-collapse: collapse;
 font-size: 11px;
}

#memberslist a, #memberslist a:visited {
 color: blue;
}

#memberslist td {
 border: 1px solid #ccc;
 padding: 5px;
}

#memberslist thead td { 
 background: #e5e5e5;
 font-weight: bold;
}

#memberslist .action_cell {
 width: 40px;   
 text-align: center;
}

#memberslist .eventname_cell {
 width: 300px;   
}

#memberform td {
 font-size: 11px;   
}

#memberform input {
 height: 13px;   
}

#memberform select {
 height: 19px; 
 padding: 0px 0px 3px 0px;
 font-size: 10px;
}

.sidebox {
 width: 214px;
 position: relative;
 padding: 46px 0px 12px 0px;  
 margin-bottom: 10px;
}

.newsletterbox {
 font-size: 11px;   
}

.sidebox_content {
 width: 194px;
 background: url('../images/sidebox_bg.png') repeat-y;   
 position: relative;
 padding: 0px 10px;
}

.sidebox_events_header {
 position: absolute;
 top: 0px;
 left: -2px;   
}

.sidebox_newsletter_header {
 position: absolute;
 top: 0px;
 left: 0px;   
}


.sidebox_footer {
 position: absolute;
 bottom: 0px;
 left: 0px;   
}

.upcoming_eventitem {
 font-size: 11px;
 margin: 10px 0px; 
 float: left;  
}

.clear {
 clear: both;   
 height: 0px;
 width: 0px;
}

.eventcontainer {
 margin-top: 10px;
 padding-bottom: 10px;
 border-top: 1px solid #e5e5e5;   
 font-size: 12px;
}

.eventdescription {
 margin-left: 20px;
 margin-top: 10px;   
}

#success {
 background: #e5e5e5;
 padding: 9px;   
 display: inline-block;
 width: 450px;
 border: 3px solid #ccc;
}

#error {
 background: #f5f5f5;
 color: #ff0000;
 padding: 9px;   
 display: inline-block;
 width: 450px;
 border: 3px solid #ff0000;
}

.homepage_newsitem {
 margin-bottom: 20px;
}

.splashnewslink {
 color: black;
 font-size: 15px;
 text-decoration: none;
}

.splashnewslink:hover {
 color: #444;
 text-decoration: underline;
}











    .qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}
    .qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;}.qmmc a {float:left;display:block;white-space:nowrap;}.qmmc div a {float:none;}.qmmc div {visibility:hidden;position:absolute;}    

    /*"""""""" (MAIN) Container """"""""*/
    #qm0
    { 
        background-color:transparent;
    }


     /*"""""""" (MAIN) Items """"""""*/
    #qm0 a
    {
      margin: 0px 20px 0px 0px;
      padding: 0px;
      border: none;
    }


    /*"""""""" (MAIN) Hover State """"""""*/
    #qm0 a:hover
    { 
      /* Nothing Required */
    }


    /*"""""""" (MAIN) Active State """"""""*/    
    body #qm0 .qmactive, body #qm0 .qmactive:hover
    { 
        /* Nothing Required */
    }


    /*"""""""" (MAIN) Parent Items """"""""*/
    #qm0 .qmparent
    {
        background-image:url(images/arrow_down.gif);
        background-repeat:no-repeat;
        background-position:95%;
    }


    /*"""""""" [SUB] Containers """"""""*/
    #qm0 div
    {
        background-color: #046585;
        padding:0px;
        font-size: 12px;
        border-bottom: 5px solid #06a3d5;
        margin-top: 14px;
       
    }

    
    /*"""""""" [SUB] Hover State """"""""*/
    #qm0 div a:hover
    {
        background-color: #e9e9c6;
        color: #000;
    }


    /*""""""""[SUB] Active State """"""""*/
    body #qm0 div .qmactive, body #qm0 div .qmactive:hover
    {
        background-color: #ffffff;
    }


    /*"""""""" [SUB] Parent Items """"""""*/
    #qm0 div .qmparent 
    {
        background-image:url(images/arrow_right.gif);    
    }


    /*"""""""" [SUB] Items """"""""*/
    #qm0 div a
    {        
        background-color: #046585;
        padding:2px 40px 2px 5px;
        color: #fff;
        padding: 5px 20px 5px 10px;
        text-decoration: none;
    }