/* CSS Document */

/* Forms
-------------------------------------------------------------- */

/* hForm
-------------------------------------------------------------- */
form.hform p { margin: 0 0 .5em; }
form.hform p label { float: left; width: 100px; }

form.hform p input { }
form.hform p select {  }

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { margin-left: 0; text-align: left;}
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }


/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }

form.vform p.checkbox label { display: inline; border: none; }




/* Navigation
-------------------------------------------------------------- */

/* Vertical dropdown menu
-------------------------------------------------------------- */

#nav ul { list-style:none; padding: 0; margin: 0; }
#nav ul li {float: left; position: relative; padding: 0; margin:0; height: 180px;}
 
#nav ul li a { display: block;  width: 23px; height:180px; text-indent: -999em; color: #666; }

#nav ul li a.start { background: url(../img/start.png) no-repeat; margin-left: 10px;}
#nav ul li a.start:hover, #nav ul li a.start-selected { background: url(../img/start-on.png) no-repeat; margin-left: 10px;}

#nav ul li a.future-events { background: url(../img/future-events.png) no-repeat; margin-left: 10px;}
#nav ul li a.future-events:hover, #nav ul li a.future-events-selected  { background: url(../img/future-events-on.png) no-repeat; margin-left: 10px;}

#nav ul li a.past-events { background: url(../img/past-events.png) no-repeat; margin-left: 10px;}
#nav ul li a.past-events:hover, #nav ul li a.past-events-selected { background: url(../img/past-events-on.png) no-repeat; margin-left: 10px;}

#nav ul li a.pictures { background: url(../img/pictures.png) no-repeat; margin-left: 10px;}
#nav ul li a.pictures:hover, #nav ul li a.pictures-selected  { background: url(../img/pictures-on.png) no-repeat; margin-left: 10px;}

#nav ul li a.contact { background: url(../img/contact.png) no-repeat;  margin-left: 10px;}
#nav ul li a.contact:hover, #nav ul li a.contact-selected { background: url(../img/contact-on.png) no-repeat;  margin-left: 10px; }



/* Vertical menu
-------------------------------------------------------------- */