/* CSS Document created by erika bozinovski and chantel luxem.  © 2005 erika bozinovski and chantel luxem
work done as part of the ePICS course at UW-Madison. visit www.epics.wisc.edu for more information */


/* main page components --------------------------------------------------*/
body {
background-color: #FFFFFF;
}

#main {
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:25px;
background-color: #FFFF66;
}

#footer {
background-color: #000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFF66;
text-align:center;
vertical-align:middle;
font-size:10px;
}



/* navigation system ------------------------------------------------------*/
#navigation {
background-color: #990000;
vertical-align:top;
text-align:left;
padding-left:12px;
padding-top:10px;
}

.navlist {  /* class for items in the navigation list that are not links yet */
text-indent:6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFF66;
font-size: 14px;
line-height: 20px;
text-transform: lowercase;
text-decoration: none;
text-indent:none;
}

a.navlist { /* class for items in the navigation list that are links */
text-indent:6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFF66;
font-size: 14px;
line-height: 20px;
text-transform: lowercase;
text-decoration: none;
text-indent:none;
}

a.navlist:hover  {
text-indent:6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFF66;
font-size: 14px;
line-height: 20px;
text-transform: lowercase;
text-decoration: underline;
text-indent:none;
}



/* text styles -------------------------------------------------------------*/
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000066;
font-size: 15px;
font-style: normal;
font-weight: bold;
}

p { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 11px;
font-style: normal;
}

.blueSmallHead { /* a smaller version of the h1 tag above */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000066;
font-size: 12px;
font-style: normal;
font-weight: bold;
}

.paragraph {  /* a duplicate of p tag above, for use when needing to class another element, such as blockquote, etc. */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 11px;
font-style: normal;
}



/* link styles -------------------------------------------------------------*/
/* regular links in text */
a {  
color: #000066;
text-decoration: none;
}

a:hover {
color: #000066;
text-decoration: underline;
}

/* class for the anchor-links on the top of the programs page */
a.programsLink { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
text-decoration: none;
font-weight:bold;
}

a.programsLink:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
text-decoration: underline;
font-weight:bold;
}

/* class for the "back to top" links on the top of the programs page */
a.topLink {
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000066;
text-decoration: none;
}

a.topLink:hover {
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000066;
text-decoration: underline;
text-align:center;
}



/* image styles -------------------------------------------------------------*/
.image {  /* class definition for HTML-placed images that will float right on the page */
float: right; 
margin-bottom: 8px; 
margin-left:10px;
}

.centerImage {  /* class definition for HTML-placed images that will center themselves on the page */
horizontal-align: center;
align:center;
clear:both; 
margin-bottom: 8px; 
margin-left:10px;
}



/* page header components -----------------------*/
#headerMural {
background-image: url("../Images/FinalMuralTop.jpg");
}

#headerHistory {
background-image: url("../Images/HistoryHeader.jpg");
}

#headerPrograms {
background-image: url("../Images/ProgramsHeader.jpg");
}

#headerCommProjects {
background-image: url("../Images/ProjectsHeader.jpg");
}

#headerContact {
background-image: url("../Images/ContactUsHeader.jpg");
}

#headerInvolved {
background-image: url("../Images/GetInvolvedHeader.jpg");
}

#headerDonations {
background-image: url("../Images/DonationsHeader.jpg");
}

#headerCalendar {
background-image: url("../Images/CalendarHeader.jpg");/* to be changed out once image is acquired*/
}