/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-image: url('../images/bg.jpg');
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position: bottom;
}

a {
	color: #004000;
	text-decoration: none;
	border-bottom: thin dotted;
}

a.bookmark, a.bookmark:hover {
	border-bottom: none;
	color: #000000;
}

a:hover {
	border-bottom: thin solid;
}

.banner {
	position: relative; /*fixes this for group image*/
}

.bannerimage, .bannerimage2 {
	position: absolute;
	bottom: 0;
	right: 20px;
}

.bannerimage2 {
	right: 260px;
}

.header {
	background: #004000;
	color:#F0C008;
}

.footer {
	text-transform:uppercase;
	font-size: 0.5em;
	text-align: center;
}

.footer a {
	color: #F0C008;
}

.menu {
	background-color: #004000;
	background-image: url('../images/menu.png');
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

.menu ul, .menu ul li, .menu ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu ul {
	position: relative;
	z-index: 597;
	float: left;
}

.menu ul li {
	vertical-align: middle;
	background-color:#FFFFFF;
	float: left;
}

.menu a {
	text-decoration: none;
	border: none;
	display: block;
	color: #F0F0F0;
	background: #004000 url('../images/menu.png') repeat-x;
	padding: 0.5em 1em;
}
	

.menu ul li:hover > a, #menu ul li.hover > a, a.selected {
	background: #F0C008 url('../images/menu_hover.png') repeat-x;
	border: none;
}

.menu ul li.hover, .menu ul li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}

.menu ul ul {
	visibility: hidden;
	position: absolute;
	/*top: 100%; Opera no like, others don't care */
	left: 0;
	z-index: 598;
	/*width: 100%;*/
}

.menu ul ul li {
	float: none;
	width: 140px;
}

.menu ul ul ul {
	top: 1px;
	left: 99%;
}

.menu ul li:hover > ul {
 visibility: visible;
}

.trans {
	/*background: rgba(255, 255, 255, 0.6);*/
	/*filter:alpha(opacity=55);*/
	background-image: url('../images/trans.png');
}

#article, #newsletter {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.5em;
}

#newsletter {
	text-align: justify;
}

#newsletter h1 {
	color: #004000;
	font-size: 2em;
	font-weight: bold;
	margin-left: 50px;
	position: relative;
}

#newsletter .issueDate {
	text-align: right;
	font-style: italic;
}
	

#article h1, #newsletter h2 {
	color: #004000;
	font-size: 1.5em;
	padding:0.2em;
	background: #F0C008 url('../images/articleHead.png') repeat-x;
}

#mugshot h1 {
	position: relative;
}

#mugshot img {
	position: absolute;
	right: -250px;
}

#article .date {
	text-align: right;
	font-size: 0.8em;
	font-style: italic;
}

#article p {
	margin: 0;
	padding: 0;
	margin-bottom: 0.8em;
}

#teaser, #calendar, #cal {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #004000;
}


#teaser h1, #calendar h1 {
	font-size: 1.6em;
	border-top: 2px solid #004000;
	border-bottom: 1px solid #004000;
}
#teaser h2, #calendar h2 {
	font-size: 1.2em;
}

#calendar h3 {
	font-size: 1.2em;
}

.dateRange {
	font-weight: bold;
	padding-left: 2em;
}

#calendar h2 {
	padding: 2px;
	background: #FDD864;
	background: #F0C008 url('../images/articleHead.png') repeat-x;
}

.displaycontent {
	background-color: /*#F0C008*/ #FFFFFF;
	padding: 3px;
}

.leftpic {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.rightpic {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.centered {
	text-align: center;
}

#bulletin, #cal{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #004000;
}

#cal {
	font-size: 0.7em;
}

#bulletin h1, #cal h1 {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.3em;
	border-top: 2px solid #F0C008;
	border-bottom: 2px solid #F0C008;
	padding-top: 5px;
	padding-bottom: 5px;
}

#bulletin h2, #cal h2 {
	font-size: 1.2em;
}

#cal h2 {
	padding: 2px;
	background: #FDD864;
	background: #F0C008 url('../images/articleHead.png') repeat-x;
}

#cal h3 {
	font-size: 1.2em;
	/*font-style: italic;
	margin-left: 1em;*/
}

#bulletin p, #cal p {
	/*text-align: justify;
	/*margin-left: 2em;*/
}

.sig {
	text-align: right;
	font-style: italic;
}

.container_12 .prefix_half {
	padding-left: 40px;
}

.container_12 .grid_3andahalf {
	display:inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width:260px;
}

#websiteStatus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
}

#websiteStatus h1 {
	font-size: 1.2em;
	color: #004000;
	border-top: 2px solid #004000;
	border-bottom: 1px solid #004000;
}

#websiteStatus h2 {
	font-size: 1em;
}

#websiteStatus p {
	padding-left: 50px;
}

#calendar textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#ads {
	text-align: center;
}