/* site wide styles */

.hide {
   display: none;
}

body {
   background: url(../media/images/back9.jpg);
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: navy;
   margin-bottom: 0;
   margin-top: 10px;
   font-size: 0.95em;
} 

div#container{
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background: #FFF;
	padding-right: 5px;	
	padding-left: 5px;
	padding-top: 5px;
}


#toplogo{
   padding: 0;
   margin: 0;
   border: 0;
}


div#navtop {
   margin: 0;
   padding: 0;
}

div#navtop ul {
   list-style: none;
   width: 800px;
   margin: 0;
   padding: 0;   

}

#navtop li {
   float: right;
   text-align: center; 
   text-decoration: none;
}

#navtop li.last {
   border: 0;  
}

#navtop li a{
   font-size: 0.8em;
   text-decoration: none;
   color: #4169E1;
   display: block;
}

div#navtop li a:hover {
   text-decoration: underline;
}

div#navmain {
   background: #000;
   padding: 0;
   margin: 0;
   float: left;
   width: 800px;
   z-index: 10; 
   margin-bottom: 3px;
}

div#navmain a {
   color: #FFF; 
   font-size: 0.8em;
}

div#navmain ul {
   padding: 0;
   margin: 0;
   list-style: none;
   padding-left: 20px;
   
}

div#navmain li {
   padding: 0;
   margin: 0;
   position: relative;
   float: left;
} 

div#navmain a.navcurrent:hover {
   background: #000;
}

div#navmain li a:hover {
  color: #CCC;
}

div#navmain li a{display: block; padding: 0.25em 0.25em 0.25em 0.25em;
   text-decoration: none; 
   text-align:center;  } 
div#navmain>ul a {width: auto;}


div#container ul.mainpics {
   padding: 0;
   margin: 0;
   width: 800px;
   border: 1px solid red;
   list-style: none;
   border: none;
}

div#container ul.mainpics li {
   float: left;
   display: block;
   height: 100px;  
}

div#content {
   width: 800px;
   min-height: 450px;
   font-size: 0.85em;
}

*html div#content {
   height: 450px;
}

/* left menu */
div#left {
   width: 200px;
   float: left;
   border: 0;
   background: midnightblue;
   min-height: 99%;
}

*html div#left {
   height: 99%; /*for IE 5*/
}

div#leftnav {
   padding: 0;
   margin: 0;
   color: cornflowerblue;
}

div#leftnav ul {
   list-style: none;
   padding: 0;
   margin: 0;
   padding-bottom: 10px;
   border-bottom: 1px dotted;
   padding-top:5px;
   
}

div#leftnav li {
   margin: 0;
   padding: 0;
   padding-left: 5px;
   text-align: left;  
   font-weight: bold;
}

div#leftnav .eventdate {
   color: gold;
}

div#leftnav .eventdesc {
   color: #FFF;
   font-weight: normal;
   margin-bottom: 5px;
}

div#leftnav li a  {
   text-decoration: none;
   color:#FFF;
   font-weight: normal;
}

div#leftnav li a:hover {
   text-decoration: underline;
}

div#leftnav ul ul {
   margin: 0;
   padding: 0;
   border: 0;
   padding-bottom: 5px;
}

/* right main content */
div#rightother {
   float: left;
   margin-left: 5px;
   background: #FFF;
   padding-bottom: 10px;     
}

div#rightother p {
   padding-left: 7px;
   width: 550px; 
}

div#rightother table .prog {   
   width: 100%;

}

div#rightother .heading {
   padding: 0;
   margin: 0;
   background: navy;
   color: #FFF;
}

/* program descriptions table */
div#rightother .prog th {
   border-bottom: 1px solid navy;
}

div#rightother .prog td{
   border-bottom: 1px solid navy;
}
div#rightother th.learn, th.link {
   background: #CCC;
}

div#rightother .intro {
   background: #FFFF00;
}

div#rightother .love {
   background: #0099FF;
}

div#rightother .comp1 {
   background: lime;
}

div#rightother .comp2{
   background: darkorange;
}

div#rightother form {
   float: right;
   margin-right: 20px;
   padding-bottom: 7px;
}

div#rightother input {
   margin-left: 5px;
}

/*volunteer*/
div#rightother .volunteer li{
   padding-bottom: 7px;
}

div#rightcontent {
   width: 400px;
   float: left;
   margin-left: 5px;
   background: #FFF;

}

*html div#rightcontent, div#rightother {
   height: 50%;
}

div#rightcontent h4, h5{
   padding: 0;
   margin: 0;
   color: #D60000;
   font-style: bold;
   padding-top: 5px;
   padding-left: 7px;

}

.contact h5{
   padding: 0;
   margin: 0;
   color: blue;
   font-style: bold;
   padding-top: 5px;
   padding-left: 10px;
}

div#rightcontent img {
   padding-top: 5px;
}

.reg {
   margin: 0;
   padding: 0;
   margin-left: auto;
   margin-right: auto;
   width: 300px;
   text-align: center;
   padding: 5px;
}

.reg p {
   margin: 0;
   padding: 0;
}

.reg ul {
   list-style: none;
}

.regloc {
   width: 350px;
   background: #CCC;
   margin-left: auto;
   margin-right: auto;   
   padding: 10px;
   
}

.mainp {
   margin: 0;
   padding: 0;
   padding-top: 10px;
   padding-bottom: 2px;
   font-size: 1.1em;
   font-weight: bold;
   text-align: left;
   margin-left: 25px;
}

.descp {
   padding-bottom: 2px;
   text-align: left;
   margin-left: 32px;
}
   
#agm {
   background: beige;
   text-align: center;
   margin-left: 28px;
   margin-right: 10px;
   margin-bottom: 20px;
   color: navy;
}

.agminfo {
   padding: 0;
   margin: 0;
   font-size: 11pt;
   font-weight: bold;
}
.announce {
   margin-left: 25px;
}

.rightnew {
   background: #EEE;
   width: 400px;
   margin-right: 5px;
   
}

*html .rightnew {
   height: 49%;
}

/* sept registration */

div#rightreg {
  margin: 0;
  padding: 0;
  border: 1px solid #CCC;
  color: #AAA;
  min-height: 99%;
  background: #EEE;
  width: 190px;
  float: right;
  color: #D60000;
}

*html div#rightreg {
   height: 99%;
}

div#rightreg img {
   padding: 0;
   margin: 0;
   padding-top: 4px;
   margin-left: 3px;    
}

div#rightreg ul {
   padding: 0;
   margin: 0;
   padding-top: 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid #AAA;
}

div#rightreg li {
   margin: 0;
   padding: 0;
   margin-left: 20px;
   padding-left: -2px;
}

div#rightreg a {
   text-decoration: none;
   color: navy;
}

div#rightreg a:hover {
   text-decoration: underline;
}

div#rightnav {
   width: 190px;
   float: right;
   min-height: 99%;

}

*html div#rightnav {
   height: 99%;
}

div#rightnav ul {
   list-style: none;
   margin: 0;
   padding: 0;
   margin-bottom: 2px;
   color: #D60000;
   padding-top: 2px;
   padding-right: 2px;
   padding-left: 2px;
   padding-bottom: 10px;
   border: 1px solid #CCC;
}


div#rightnav li {
   margin: 0;
   padding: 0;
   padding-left: 5px;
   padding-right: 5px;
   text-align: left;  
   font-weight: bold;
   /*background: #393C8C;*/
   background: #FFF;
}
   
div#rightnav li li {
    border: 0;
}   
   
div#rightnav li a {
   text-decoration: none;
   color: navy;
   font-weight: normal;
}

div#rightnav a:hover {
   text-decoration: underline;
}

div#rightnav img {
   margin-left: 30px;
   margin-top: 5px;
   border: 0;
}

/* employment */

div#rightother .emplist {
   margin-left: 5px;
   margin-top: 10px;
}

div#rightother .emptable {
   width: 90%;
}

div#rightother .emptable th {
   text-align: left;
}

div#rightother .empdate {
   padding-left: 0px;
   width: 15%;
}


div#rightother .emplisting {
   padding-left: 0px;
}


/* links */

#logo {
   border: 0;
}


/* footer */
#footer {
   border-top: 1px solid #AAA;
   margin: 0; 
   font-size: 0.6em; 
   text-align: center;
   color: #AAA; 
   background: #FFF;  
   background-position: 0px 0px;
   clear: both; 
   padding-bottom: 3px;
} 

#footer p {margin: 0; padding: 0;}