/*Style sheet for use with prototype design for UUFLG website   */
/*Style sheet generated from initial input information provided */
/*by Harry Campbell, using text markup from Sarah Mozelle       */
/*Style Sheet assembled and updated by Adrienne Gormley         */
/*Initiated 18-Mar-07, updated mm/dd/yy                         */

body {
   text-align: center;
   margin: 0 auto;
   padding: 0;
   background-color: #fff;
   color: #008;
   font: 100% Arial, Helvetica, Verdana, sans-serif;   
   behavior: url(csshover2.htc);
   }/* Win IE 6 and lower behavior call */

/* the container includes most of the page's content */

#container {
   margin: 1em 0 0;
   min-width: 700px;
   max-width: 850px;
   padding: 0;
 /*  background: transparent url(images/header_collage2.jpg) 50% 0 no-repeat; */
   background: transparent url(images/UUFLG_group_3.jpg) 50% 0 no-repeat;
   border: 1px solid white;
   }
.clearFloat {
   clear: both;
   }

#pageHeader {
   margin-top: 3em;
   margin-bottom: 0.2em;
   text-align: center;
   min-width: 700px;
   }

#pageHeader h1 {
   font: 210% Arial, Helvetica, Verdana, sans-serif;
   color: #008;
   margin-top: 3.5em;
   }

#serviceInfo {
   margin: 0 auto;
   padding: 0;
   text-align: center;
   font-family: Georgia, "Times New Roman", Times, serif;
   color: #a00;
   background: transparent;
   }
   
/* The following section is the navigation menu for the site */

* {
   margin: 0;
   padding: 0;
   }

#mainNav {
   width: 100%;
   min-width: 830px;
   float: left;
   border-top: 1px solid #008;
   border-bottom: 1px solid #008;
   font-size: 0.8em;
   background-color: #ccf;
   color: #008;
   margin-top: 1.5em; 
   }

#mainNav ul {
   margin: 0 0 0 30px;
   }

#mainNav li {
   float: left;
   position: relative;
   padding:  0.25em 1em;
   list-style-type: none;
   background-color: #ccf;
   color: inherit;
   border-right: 1px solid #008;
   font-weight: bold;
   }

#mainNav li:first-child {
   border-left: 1px solid #008;
   }

#mainNav li:hover {
   background-color: #aaf;
   color: inherit;
   }

#mainNav ul li ul {
   margin: 0;
   position: absolute;
   width: 12em;
   left: -1px;
   top: 1.61em;
   z-axis: 200;
   }

#mainNav ul li ul li {
   width: 100%;
   border-left: 1px solid #008;
   border-right: 1px solid #008;
   border-bottom: 1px solid #008;
   }

#mainNav ul li ul li:first-child {
   border-top: 1px solid #008;
   }

body #mainNav ul li ul {
   display: none;
   }

#mainNav ul li:hover ul {
   display: block;
   }

#mainNav a {
   display: block;
   text-decoration: none;
   color: #008;
   background-color: inherit;
   font-weight: bold;
   }

#mainNav a:hover {
   background-color: #aaf;
   color: inherit;
   }

* html #mainNav ul {
   float: left;
   display: inline;
   border-left: 1px solid #008;
   margin-left; 15px;
   }
   
* html a {
   display: block;
   }



/* Side Navigation Menu */

#sideNav {
   text-align: right;
   float: left;
   width: 9em;
   margin: 4em 0.3em 0;
   }
   
#sideNav ul {
   list-style-type: none;
   border-top: 1px solid #008;
   }    
   
#sideNav li {
   border-bottom: 1px solid #008;
   border-left:  1px solid #008;
   border-right:  1px solid #008;
   color: inherit;
   background-color: #ccf;
   }         

#sideNav li a {
   display: block;
   text-decoration: none;
   font-size: 80%;
   font-weight: bold;
   padding: 0.3em;
   color: #008;
   background: inherit;
   display: block;
   }
   
#sideNav a:hover {
   background-color: #bbf;
   color: inherit;
   }

sup {
   font-size: 60%;
   }

/* This section contains all the changeable content of the site */   
#content {
   text-align: left;
   margin: 0 1em 0 12em;
   }
   
#content h3 {
   text-align: center;
   font: 200% Georgia, 'Times New Roman', Times, serif;
   margin: 0;
   padding: 0.5em 0;
   color: #a00;
   background: inherit;
   } 

#content p {
   padding-bottom: 0.5em;
   }

#content h4 {
   padding: 1em 0 0;
   }

#content a {
   color: #060;
   background-color: inherit;
   }
   
#content a:hover {
   color: #a00;
   background-color: #bbf;
   }   
   
p {
   margin: 0;
   padding: 0.5em 0;
   }

.principles {
   margin-left: 2em;
   }

.symbolism {
   font-style: italic;
   font-weight: bold;
   background-color: inherit;
   color: #008;
   margin: 0 4em;
   padding: 0.5em 0;
   }
   
.baseList {
   background-color: inherit;
   color: #008;
   margin-left: 2em;
   padding: 0.5em 0;
   }

.symbolism span {
   font-variant: small-caps;
   color: #f00;
   background: inherit;
   }
   
.faq {
   margin: 0;
   padding: 0.3em 0;
   }
   
.faq dt {
   font-weight: bold;
   font-color: blue;
   font-variant: small-caps;
   padding: 0.3em 0;
   }
   
.faq dd {
   padding: 0.2em 0;
   }
   
.pullquote {
   margin: 0.5em 4em;
   padding: 0.5em;
   text-align: center;
   font:  bold italic 90% Georgia, Times, "Times New Roman", serif;
   }

#building {
   width: 400px;
   height: auto;
   text-align: center;
   border: 3px solid #ddd;
   margin-bottom: 0.5em;
   }

address {
   border-top: 2px solid #bbb;
   text-align: left;
   margin-top: 1em;
   padding-bottom: 1em;
   }
   
address img {
   float: right;
   height: 70px;
   background: transparent;
   color: inherit;
   }

#findus p {
   font: 70% Arial, Helvetica, Verdana, sans-serif;
   }
   
#findus p span {
   font-weight: bold;
   color: #a00;
   font-variant: smallcaps;
   }
   
.hours dt {
   font-weight: bold;
   font-variant: small-caps;
   padding-top: 0.5em;
   }

.hours dd {
   margin-left: 2em;
   margin-bottom: 0.8em;
   font-weight: normal;
   }

.dlist dt {
   font-weight: bold;
   font-variant: small-caps;
   padding-top: 0.5em;
   }

.dlist dd {
   margin-left: 2em;
   padding: 0.3em 0;
   font-weight: normal;
   }

.dlist2 {
   margin-bottom: 1em;
   }

.dlist2 dt {
   font-weight: bold;
   font-variant: small-caps;
   padding-top: 0.5em;
   }
.dlist2 dd {
   margin-left: 2em;
   padding: 0;
   font-weight: normal;
   }

.staffing {
   font: bold 120% Georgia, "Times New Roman", Times, serif;
   font-variant: small-caps;
   color: #a00;
   background: inherit;
   margin: 0.5em 0 0;
   }

.peopleList {
   margin: 0;
   padding: 0;
   }

.peopleList dt {
   font-weight: bold;
   font-variant: small-caps;
   }

.peopleList dd {
   margin-left: 2em;
   padding: 0.3em 0;
   }
   
.subList {
   margin: 0.5em 1em;
   padding: 0.5em 0;
   list-style-type: lower-alpha;
   }
   
.unList {
   margin: 0.5em 1em;
   padding: 0.2em 0;
   list-style-type: circle;
   }
   
#victoria {
   float: left;
   margin: 1.5em 1.5em 1em 0;
   width:  200px;
   border: 3px ridge #ddd;
   }
   
.sunday {
   margin-left: 1em;
   padding-bottom: 1em;
   }
      
.sunday h4 {
   text-align: left;
   font: bold 110% Georgia, Times, "Times New Roman", serif;
   }

.sunday h5 {
   text-align: left;
   font: 110% Georgia, Times, "Times New Roman", serif;
   color: #a00;
   background: inherit;
   }
   
.sunday li {
   list-style-type: none;
   margin-left: 1em;
   }
 
.nList {
   list-style-type: none;
   padding: 0.5em 0;
   margin-left: 1em;
   }

#announceList {
   margin-left: 2em;
   padding: 0.5em 0;
   }
   
#announceList li {
   padding:  0.5em 0;
   }
   
#special {
   float: right;
   width: 20em;
   background-color: #ddf;
   color: #a00;
   border: 3px ridge #008;
   padding: 0.3em;
   margin: 0 0 0.5em 0.5em;
   }

#special img {
   float: left;
   width: 120px;
   padding-top: 1em;
   }

#special h4 {
   font: bold 100% Georgia, "Times New Roman", Times, serif;
   font-variant: small-caps;
   text-align: center;
   color: #008;
   background: inherit;
   }

#special span {
   color: #008;
   background: inherit;
   font: 100% Georgia, "Times New Roman", Times, serif;
   }

.challenge {
   margin: 0.3em 1em;
   padding: 0.3em;
   background-color: #ddf;
   color: inherit;
   border: 6px ridge #008;
   }

.challenge h4 {
   text-align: center;
   font: bold 120% Georgia, Times, "Times New Roman", serif;
   font-variant: small-caps;
   }
   
.challenge h5 {
   text-align: center;
   font: bold 100% Georgia, Times, "Times New Roman", serif;
   padding-bottom: 0.5em;
   }

.challenge p {
   margin: 0;
   padding: 0.5em 0;
   }
   
.challenge p span {
   font-weight: bold;
   font-variant: small-caps:
   }

.subchallenge {
   margin: 0.3em 1em;
   padding: 0.3em;
   border: 3px double #008;
   }

#socialActionSub {
   margin: 0;
   padding: 0;
   font-size: 70%;
   color: green;
   background: inherit;
   }

#nonprofit {
   text-align: center;
   margin: 0;
   padding-bottom: 0.3em;
   }

/* The following section is for formatting of the bylaws on the website */

.bylaws1 {
   list-style-type: upper-roman;
   font-weight: bold;
   font-variant: small-caps;
   }
   
.bylaws2 {
   list-style-type: none;
   font-weight: normal;
   font-variant: normal;
   padding-bottom: 0.5em;
   margin-left: 0.5em;
   }   
   
.bylaws3 dt {
   font-weight: normal;
   font-variant: normal;
   }
   
.bylaws3 dd {
   font-weight: normal;
   font-variant: normal;
   margin-left: 2em;
   padding-bottom: 0.4em;
   }
   
 /* The following section will be for formatting the information on the
 
 facilities rentals page */
 
.roomInfo {
   float: left;
   margin: 0.3em;
   padding: 1em;
   background-color: #ddf;
   color: inherit;
   border: 3px ridge #008;
   width: 91%;
   } 

.roomInfo2 {
   float: left;
   margin: 0.3em;
   padding: 1em;
   background-color: #ddf;
   color: inherit;
   border: 3px ridge #008;
   width: 42%;
   } 


.roomDesc {
   font-weight: bold;
   }

.roomInfo img, .roomInfo2 img {
   border: 2px ridge #ddd;
   height: 140px;
   }
   
.newRow {
   clear: left;
   }

#reportMenu {
   padding-bottom: 1em;
   }

.report h4 {
   font: bold 110% Georgia, "Times New Roman", Times, serif;
   text-align: center;
   font-variant: small-caps;
   padding-top: 1em;
   color: #a00;
   background: inherit;
   }

.report table {
   margin-left: 0 0 1em 2em;
   width: 100%;
   border: none;
   cell-spacing: 0.5em;
   font-size: 90%;
   }

.report table caption {
   text-align: center;
   font-size: inherit;
   }

.report table caption span {
   font-weight: bold;
   text-size: 110%;
   font-size: inherit;
   }

.report td span {
   text-align: left;
   font-weight: bold;
   }

.report th {
   text-align: center;
   vertical-align: bottom;
   font-size: inherit;
   }

.report td {
   text-align: left;
   font-size: inherit;
   vertical-align: top;
   }

.profit {
   list-style-type: lower-alpha;
   margin-left: 1em;
   }

#plHeader {
   text-align: center;
   font: bold 100% Georgia, 'Times New Roman', Times, serif;
   color: #a00;
   background: inherit;
   padding: 1em 0;
   }

.plTable {
   margin-left: 0 0 1em 2em;
   width: 100%;
   border: none;
   cell-spacing: 0.5em;
   }

.plTable th{
   padding: 0 0.3em;
   text-align: right;
   }

.plTable td{
   padding: 0 0.3em;
   }
.plNumber {
   text-align: right;
   }

.chalTable {
   border: 1px solid #008;
   border-spacing: 0;
   border-collapse: collapse;
   margin-left: 0 0 1em 2em;
   width: 100%;
   cell-spacing: 0.5em;
   font: 90% Arial, Helvetica, Verdana, sans-serif;
   }

.chalTable caption {
   font-weight: bold;
   padding: 0 0 0.3em 0;
   margin-bottom: 1em;
   }

.chalTable th{
   padding: 0 0.2em 0.3em;
   text-align: center;
   border: 1px solid #008;
   }

.chalTable td{
   padding: 0 0.2em 0.3em;
   border: 1px solid #008;
   vertical-align: top;
   }

.chalTable td ul {
   margin-left: 1em;
   }

#logo1 {
   float: left;
   width: 120px;
   }

.entertainment {
   font: 100% "Comic Sans MS", sans-serif;  
   }

.entertainment span {
   font-variant: small-caps;
   color: #a00;
   background: inherit;
   }

.bio {
   
   }

.bio img {
   float: left;
   height: 130px;
   border: 3px ridge #ddd;
   margin: 0.3em 0.7em 0.3em 0;
   }

.bio p {
   margin: 0;
   padding: 0 0 0.3em 0;
   }

.evenTag {
   float: left;
   width: 100px;
   height: auto;
   padding: 0 0.3em 0.3em 0;
   }

.recycle {
   float: left;
   width: 50px;
   height: auto;
   padding: 0 0.3em 0.3em 0;
   }

.re {
   font-variant: small-caps;
   font-weight: bold;
   color: #a00;
   background: inherit;
   }
 
#challenge span {
   font-variant: small-caps;
   color: #a00;
   background: inherit;
   }
   
.dlist dd span {
   font-variant: small-caps;
   color: #a00;
   background: inherit;
   }

.actionItem img {
   float: left;
   width: 100px;
   margin: 0.3em 0.5em 0.5em 0;
   border: 2px ridge #ccc;
   }

#green {
   color: green;
   background: inherit;
   }
   
#announceList img {
   float: left;
   width: 50px;
   margin: 0.3em 0.5em 0.5em 0;
   }

#cal {
   padding: 1em;
   margin: 0;
   }