/* CSS Document */

body { 
	margin: 0px;
	font-family: arial, helvetica, sans-serif;
}

h1 {
  margin-top: 0.5cm;
  font-size: medium;
}

h2 {
  margin-top: 0.5cm;
  font-size: small;
  font-style: italic;
}

h3 {
  margin-top: 0.5cm;
  font-size: small;
  font-style: italic;
  color: #000066;
}

h4 {
  margin-top: 0.5cm;
  font-size: 80%;
  color: #000066;
}

td {
	font-family: arial, helvetica, sans-serif;
	color: #000000;
}

td.contentbox {
	color: #000000;
	font-family: arial, helvetica, sans-serif;
}

/* Footer */
#footer {
	font-family: arial, helvetica, sans-serif;
	background-color: #DDEEFF;
	color: #FF0000;
	font-size: 100%;
	padding: 3px;
	text-align: right;
	border: 1px solid #000066;
}




/* Link in banner for skipping all navigation blurb for page readers */
.skiplink {
display:none;
}

.blueside {
	background-color: #DDEEFF;
}

/* Top nav format */


#navbar ul{ 
font-family: arial, helvetica, sans-serif;
color: #fff;
background-color: #000066;
} 
#navbar li {display: block;} 

#selected {
	background: #006600;
	text-align: center;
	width: 16.5%
}

#selected a {
	color:#ffffff;
}


.normal {
	background: #000066;
	text-align: center;
	width: 16.5%
}
.normal a {
	color:#ffffff;
}


 /*  For news/events boxes */

.hottopics {
	text-align:left;
	vertical-align: top;
	border: 1px solid #416792;
	width: 135px;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #DDEEFF;
}

#collectordiv {
	float: right;
	width: 135px;
	padding: 5px;
	vertical-align: top;
}

.hottitle {
  font-weight: bold;
  font-size: 80%;
}

.hottext {
  font-size: 80%;
}

.hottext a{
  text-decoration: none;
}

.hottext a:hover{
  text-decoration: underline;
}

.morelink {
  font-size: 70%;
  font-weight: bold;
  text-align: right;
 }
 
 /* Images */


.imageLeft {
	text-align: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 0px;
}

.imageRight {
	margin-left: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 0px;
}

.imageCenter {
   display: block;
   text-align: center;
}
.imageContainer {
	width: 200px;
	float: left;
}

.imageText{
   border: 2px solid #DDEEFF;
     text-align: center;
   font-size: small;
   font-style: italic;
   	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 180px;
  }

.imageBordered {
	border: 0px solid #000000;
}


/* Text for global links in banner */
.headertext {
    color:#ffffff;
	font-size: 80%;
	font-weight: bold;
}

.headertext:visited, .headertext:link, .headertext:active { 
	 color: #FFFFFF; text-decoration: none;
}
.headertext:hover { 
	 color: #FFFFFF; text-decoration: underline;
}


#navcontainer ul{
margin: 0;
padding: 0;
list-style-type: none;

}

#navcontainer li {
	display: block;
}

#navcontainer li a{
display: block;
color: #FFFFFF;
background-color:#000066;
width: 8em;
padding: 3px 21px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
}


#navcontainer a:hover{
background-color: #ff0000;
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
}

#navcontainer a:hover.reddish {
	background: #006600;
	color: #ffffff;
}

#navcontainer li li a{
display: block;
color: #FFFFFF;
background-color: #336699;
width: 8em;
padding: 3px 12px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
v-align: bottom;
}
	


#navcontainer li li li a{
color: #ffffff;
background-color: #6699CC;
width: 8em;
padding: 3px 3px 3px 26px;
text-decoration: none;
border-bottom: 1px solid #FFFFFF;
font-family: Arial,Helvetica,sans-serif;

}


#navcontainer .reddish {
	background: #0000CC;
	color: #ffffff;
}

.picturegallery {
	color: #000000;
	background-color: #DDEEFF;
	vertical-align: top;

}