html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

body {
   font : 76%/1.6em Verdana, Arial, Helvetica, sans-serif;
	color : #3c434c; 
	text-align: center;
	background: #4f576c;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
.noprint {
	display: none;
}
img.framed {
	border: 1px solid #d3ccc0;
	padding: 3px;
}
a:link, a:visited {
	text-decoration: none;
	color: #0000ff;
}
a:hover {
	text-decoration: underline;
	color: #3c434c;
}
a.more:link, a.more:visited {
	font-size: 0.9em;
	padding: 0 22px 3px 0;
	background: none;
}
h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #3c434c;
	margin-bottom: 15px;
}
h2, h4 {
	color: #336;
	font-weight: bold;
	font-size: 1.2em;
}
h2.tag {
	font-size: 1.1em;
}
h2.subhead {
	margin-bottom: 10px;
}
h3 {
	color: #336;
	font-size: 1.1em;
}
h3.directory {
	width: 90%;
	font-variant: small-caps;
	border: 1px solid #c4c9d4;
	padding: 3px 0 3px 10px;
	background: #e8eaee;
	font-weight: bold;
}
h5 {
	font-size: 0.9em;
	font-weight: normal;
	color: #4d5192;
	line-height: 1.3em;
}
h5.captiontext {
	text-align: right;
	font-style: italic;
	margin-right: 10px;
}
h6 {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 3px;
}
p {
	margin-bottom: 10px;
}
p.narrow {
	width: 500px;
}
p.video {
	padding-top: 10px;
}
ul li {
	list-style: none;
}
ul.contact {
	margin: 7px 10px 7px 30px;
}
ul.contact li {
	list-style: circle;
	padding: 0 0 5px 0;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	margin-left: 20px;
	text-align: left;
	background: #fff;
	padding-top: 15px;
	position: relative;
} 

#header {
	width: 100%;
	height: 105px;
	position: relative;
	margin: 0 auto;
	border-bottom: 1px solid #dadee4;
}
#header img.logo {
	float: left;
	margin: 25px 0 10px -20px;
}

#rotary {
	float: right;
	width: 120px;
	margin: -10px 10px 0 0;
	text-align: center;
}
#tagline {
   float: right;
	margin: 67px 80px 0 0;
}
#main_img {
   position: relative;
   width: 960px;
	height: 178px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 2px;
}
#navcontainer
{
background: #c4c9d4;
width: 955px;
margin: 0 auto;
padding: 3px 0;
border-top: 1px solid #ffc;
position: relative;
padding-left: 5px;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 12px;
float: right;
}

ul#navlist li
{
display: block;
float: left;
width: 13%;
text-align: center;
}

ul#navlist li a {
display: block;
width: 100%;
padding: 2px 0 4px 0;
border-width: 1px;
border-color: #ffc #748199 #748199 #ffc;
border-style: solid;
color: #000;
background: #c4c9d4;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a#current {
border-color: #748199 #ffc #ffc #748199;
background: #aab1c1;
color: #545f72;
cursor: default;
}

ul#navlist li a:hover
{
color: #fff;
background: #aab1c1;
text-decoration: none;
border-color: #748199 #ffc #ffc #748199;
}

#content {
	position: relative;
	width: 980px;
	padding: 10px 0 15px 0;
}
#main {
	width: 90%;
	display:block;
	margin: 20px 20px 15px 0;
}
.img_right, .item_right {
	float: right;
	margin: 5px 5px 5px 20px;
	display: inline;
	text-align: center;
}
.item_right {
	width: 250px;
	border: 1px solid #e8eaee;
	padding: 5px;
	margin: 0 20px 20px 0;
}
.item_right p {
	text-align: left;
	font-size: 0.9em;
	padding: 0 5px 0 10px;
	margin: 3px;
	line-height: 1.4em;
}
.img_right h6 {
	padding-bottom: 0;
	margin-bottom: 0;
	font-weight: bold;
}
#text_nav {
	margin: 0 0 25px 10px;
   width: 330px;
}
#text_nav p {
	line-height: 1.3em;
}

ul.directory {
	padding: 5px;
	margin: 5px 0 20px 0; 
	width: 600px;
}
ul.directory li {
	border-bottom: 1px dotted #c4c9d4;
	padding: 10px;
	color: #336;
}
ul.directory li.final {
	border-bottom: none;
}
ul.directory li img {
	float: right;
	margin: 0 0 10px 15px;
}
ul.directory li p {
	padding: 3px 10px 3px 15px;
	color: #5a6571;
	line-height: 1.8em;
	font-size: 0.9em;
}
ul.directory li .icons {
	float: left;
	width: 150px;
	text-align: center;
}
ul.directory li .icons img {
	float: none;
	margin: 0;
}
ul.directory li .icons p {
	line-height: 1.2em;
}
ul.directory li a:link {
	text-decoration: none; 
}
ul.directory li a:hover {
	color: #3c434c;
	text-decoration: none;
}
.boxcalendar {
	border: none;
	margin: 5px 15px 10px 15px;
	position: relative;
	padding: 0 10px 0 0;
}
.boxcalendar h2 {
	width: 90%;
	background: #e8eaee;
	margin: 0;
	padding: 5px 10px;
	border-bottom: 1px solid #c4c9d4;
}
.boxcalendar ul.event {
	margin: 5px 10px 0 10px;
}
.boxcalendar ul.event li {
	padding: 5px 0 10px 55px;
	font-weight: bold;
	color: #336;
	position: relative;
	font-size: 1.1em;
	border-bottom: 1px solid #aab1c1;
	margin: 0 0 10px 70px;
}
.boxcalendar ul.event li p {
	font-weight: normal;
	font-size: 0.9em;
	margin: 7px 0;
	line-height: 1.4em;
}
.boxcalendar ul.event li img {
	float: right;
	margin: 10px 0 10px 10px;
}

.boxcalendar ul.event li p.download {
	font-size: 1em;
}
.boxcalendar ul.event li span.date {
	position: absolute;
	top: 5px;
	left: -50px;
	line-height: 1.4em;
	font-weight: normal;
}
.boxcalendar ul.event li.end {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 20px;
}
.boxcalendar ul.event li ul {
	margin: 0 10px 15px 10px;
}
.boxcalendar ul.event li ul li {
   margin: 0 0 7px 15px;
	list-style: circle;
	border-bottom: 0px;
	font-size: 0.9em;
	font-weight: normal;
	padding: 0 0 0 5px;
	line-height: 1.3em;
}
.red {
	color: #de1620;
}
.sponsor {
	padding-right: 10px;
}
.page-break { display:block; page-break-before:always; }

#sub {
	width: 100%;
	float: left;
	margin: 20px 0 15px 20px;
	line-height: 1.4em;
}
.news_update, .small_ad {
	border: 1px solid #c4c9d4;
	margin-bottom: 20px;
}
.news_update h3 {
	background: #e8eaee;
	font-variant: small-caps;
	padding: 3px 3px 5px 10px;
	border-bottom: 1px solid #c4c9d4;
	font-weight: bold;
}
ul.news {
	margin: 5px 10px 0 10px;
}
ul.news li {
	padding: 0 0 10px 0;
}
ul.news li.final {
	padding-bottom: 5px;
}
ul.news li.map {
	padding-bottom: 5px;
}
ul.news li h5 {
	padding-bottom: 5px;
}
.small_ad {
	border: 1px solid #d3ccc0;
	padding: 5px 5px 5px 10px;
	margin-bottom: 15px;
}
#content h3.adlink, #content h3.adlink a:link, #content h3.adlink a:visited {
	font-weight: bold;
	margin-bottom: 10px;
	color: #336;
}
#content h3.adlink a:hover {
	color: #3c434c;
	text-decoration: underline;
}

.small_ad p {
	margin: 3px 0 3px 0;
	font-size: 0.9em;
	line-height: 1.3em;
} 

.column, .column_rt {
	width: 260px;
	float: left;
	margin-left: 20px;
	padding: 7px 25px 5px 10px;
	border-right: 5px solid #f7f4ef;
}
.column_rt {
	border-right: none;
}
.column p, .column_rt p {
	padding: 5px 10px 3px 15px;
}
.column h2, .column_rt h2 {
	margin-bottom: 10px;
	font-variant: small-caps;
}
.column h2 a:link, .column_rt h2 a:link, .column h2 a:visited, .column_rt h2 a:visited {
   background: #e8eaee;
	height: 30px;
	color: #336;
	border: 1px solid #c4c9d4;
	padding: 5px 10px 7px 10px; 
}
.column h2 a:hover, .column_rt h2 a:hover {
	color: #fff;
	background: #aab1c1;
	border: 1px solid #b7afa5;
	text-decoration: none;
}

/* form */
form {
	display: block;
	margin-top: 20px 0 20px 0;
}

.submitarea {
	margin: 0 0 10px 25px;
}
form #block p {
	visibility: hidden;
	display: none;
}
input.btn {
	width: 90px;
}
p.warning, span.warning {
	font-weight: bold;
	color: #3c434c;
}
p.warning {
	font-size: 1.2em;
}
span.indent {
	padding-left: 25px;
}
/* footer */
#footer {
	width: 90%;
	position: relative;
	margin: 0 auto;
	background: #fff; 
	border: none;
	padding: 5px 20px 0 20px;
	margin-bottom: 10px;
}
#footer p {
	font-size: 0.9em;
	font-style: italic;
}
#copyright {
	text-align: left;
	float: left;
}
#footer #design {
	float: right;
}
#design p {
	color: #5a6571;
}
#design a:link, #design a:visited {
   color: #5a6571;
}
#design a:hover {
	color: #336;
}
/* Floats */

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}	

.clearfloat {
	display:block;
	}
.clear {
	clear:both;
}

/* highslide styling */
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
   display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
   text-decoration: none;
	padding: 2px;
	border: 1px solid black;
   background-color: white;
   padding-left: 22px;
   background-image: url(highslide/graphics/loader.white.gif);
   background-repeat: no-repeat;
   background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: #fff;
    text-decoration: none;
	 font-size: 10px;
    display: none;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: #fff;
    display: none;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 520px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul {
	margin-bottom: 5px;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: #5a6571;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
   text-align: left;
	padding: 10px;
}
.highslide-body {
	line-height: 1.5em;
}
.highslide-body h1, .highslide-body h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
	width: 100%;
}
.highslide-body h3 {
	font-size: 1.1em;
	padding-bottom: 3px;
}
.highslide-body p {
	margin-bottom: 10px;
	font-size: 1em;
}
.highslide-body strong {
	font-weight: bold;
}
.highslide-body em {
	font-style: italic;
}
.highslide-body h5 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
	padding: 0;
	margin: 0 0 5px 0;
}
.highslide-body a {
	color: #333;
	font-weight: bold;
}
.highslide-body a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}
.highslide-body h2 {
	font-size: 1.2em;
	padding-top: 10px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #b3002d;
}
.highslide-body img {
	float: right;
	margin: 0 0 10px 10px;
	padding: 3px;
	border: 1px solid #e7ddc4;
}
.highslide-body img.header {
	padding: 0;
	border: 0;
}
.highslide-body img.block {
	display: block;
	float: none;
	margin: 0 auto;
}
.highslide-body ul {
	margin: 0 0 7px 20px;
	padding: 0;
}
.highslide-body ul li {
	padding: 0 0 5px 5px;
	list-style: circle;
}

.highslide-body ul ul li {
   padding-left: 15px;
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}



