/******************************************  GENERAL STYLES ***********************************/

html {
	overflow-y: scroll;
} 



* {
    margin: 0px;
    padding: 0px;
}

body { 
    margin-right: 5px;
    background-color: white;
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    color: Black;
    min-width: 600px;

    scrollbar-arrow-color: #FFFF00;
    scrollbar-darkshadow-color: #000000;
    scrollbar-face-color: #50929A;
    scrollbar-highlight-color: #000000;
    scrollbar-track-color: #BBD5D8;
}

#header {
    background-color: #50929A;
    height: 8em;
    color: white;
}

#header-left {
    float: left;
    width: 15em;
    text-align: center;
    padding: 0.5em;
    background-image: url('images/Logo No Services TealGreen.png');
    background-repeat: no-repeat;
    background-position: left 10px;
 }

#header-right {
    font-size: 75%;
    text-align: right;
    padding: 1em;
    position: absolute;
    right: 5px;
    top: 0px;	
}


#content { 
    margin-top: 1em;
    clear: both;
    background-image: url('images/Menu%20Background.png');
    background-repeat: no-repeat;
    background-position: top left; 
    background-color: #BBD5D8;
}

#content-left {
    white-space: nowrap;
    padding: 1em;
    height: 600px;
    width: 13em;
	float: left;
}

#content-right {
    margin-left: 14em;
    padding-left: 25px;
    background-color: white;
    padding-bottom: 25px;
    border-left: 1em white solid;
}
    
#footer {
    clear: both;
    font-size: 75%;
    border-top: 2px #50929A solid;
    padding: 0.25em;
    width: 100%;
}

#footer-left {
    float: left;
    width: 48%;
}

#footer-right {
    float: right;
    width: 48%;
    text-align: right;
}
    
/******************************************  MISC SECTION STYLES ***********************************/

#header h1 {
    display: none;
}

#header h2 {
    font-size: 100%;
}

#header a:visited {
    color: white;
    text-decoration: none;
}

#header a:link {
    color: white;
    text-decoration: none;
}

#header a {
    color: white;
    text-decoration: none;
}

#footer a {
    color: black;
}

#footer a:hover {
    color: #50929A;
}

/******************************************  MENU STYLES ***********************************/

.noscreen {
	display: none;
}



ul#menu {
    list-style-type: none;
    margin: 1em 0 0.25em 0;
}

ul#menu ul {
    list-style-type: none;
    width: 100%;
}

ul#menu ol {
    list-style-type: none;
    width: 100%;
}

ul#menu li {
    margin: 0.5em 0;
    width: 100%;
    font-weight: bold;
}

ul#menu ol li {
    font-size: 80%;
    padding-left: 1em;
    width: 100%;
}

ul#menu a {  
    width: 100%;  
    color: black;
    text-decoration: none;  
    padding: 3px 3px;
}

ul#menu a:hover {
    border-top: 1px black solid ;
    border-bottom: 1px black solid ;
    padding: 2px 3px;
    background-color: #ccddff;
}

ul#menu a.active {
    color: black;
    font-weight: bold;
    padding: 2px 3px;
    border-top: 1px black solid;
    border-bottom: 1px black solid;
    background-color: white;
}

ul#menu li li a.active {

}


/******************************************  CONTENT STYLES ***********************************/

#content-right h1 {
    background-color: #BBD5D8;
    border-bottom:3px solid #50929A; 
    font-size: 150%;
    padding: 5px 0px 5px 5px;
    margin-left: -25px;
    margin-bottom: .25em;    
}

#content-right h2 {
    font-size: 125%;
    background-position: left center; 
    background-image: url("images/Arrow.gif"); 
    background-repeat:no-repeat;
    margin-left: -25px;
    margin-top: .5em;
    margin-bottom: .5em;
    padding-left: 25px;
}

#content-right h3 {
    font-size: 100%;
    margin-top: .5em;
    margin-bottom: .5em;
}


#content-right p {
    margin: 1em 0;
    line-height: 150%;
}

#content-right a:link, #content-right a:visited{
	color: #50929A;
	font-weight: bold;
}

#content-right a:hover {
    color: #50929A;
    border-bottom: #50929A solid 1px;
}

#content-right ol {
    padding-left: 25px;
}

#content-right ul {
    padding-left: 25px;
}

#content-right li {
    margin: .75em 0;
}

table {
    border-collapse: collapse;
    border: 0;
}

table.fiftypercent {
    width: 50%;
}

table.fiftypercent td {
    width: 50%;
}

table.twocolumn {
	width: 100%;
}

table.twocolumn td {
	width: 50%;
	padding-right: 2em;
}

table.twocolumn td+td {
	padding-right: 0em;
}

td {
    padding: 0.25em;
    text-align: left;
    vertical-align: top;
}

th {
    padding: 0.25em;
    text-align: left;
    vertical-align: top;
}

table.centered td {
    text-align: center;
    padding: .5em;
}

table.centered th {
    text-align: center;
    padding: .5em;
}

select  {
    font-size: .8em;
    height: 2.5em;
    padding: .25em;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
}

input  {
    font-size: .8em;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
}

fieldset {
	border: none;
}

input.button {
	height: auto;
}

table.callout, div.callout {
    float: right;
    width: 250px;
    border: 2px solid #50929A; 
    background-color: #BBD5D8;
    font-size: 85%;
    margin: 0em 0em 1em 1em;
}

table.callout td.photohead {
	padding: 0px;
	margin: 0px;
	text-align: center;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}


table.callout th {
    background-color: #50929A;
    color: white;
    text-align: center;
    font-size: 150%;
}

table.callout p {
    margin: .5em;
}

#content-right table.callout td a:hover {
	color: black;
	font-weight: normal;
}



#content-right table.callout td a:visited {
	color: black;
	font-weight: normal;
}



#content-right table.callout td a:active {
	color: black;
	font-weight: normal;
}



#content-right table.callout td a:link {
	color: black;
	font-weight: normal;
}



#content-right table.callout td a {
	color: black;
	font-weight: normal;
}

#content-right table.callout th a:hover {
	color: white;
}

#content-right table.callout th a:visited {
	color: white;
}



#content-right table.callout th a:active {
	color: white;
}



#content-right table.callout th a:link {
	color: white;
}



#content-right table.callout th a {
	color: white;
}


a.findoutmore:visited {
    font-size: 80%;
    background-color: #FFFFCC;
    border: 1px solid #50929A;
    padding: 2px 5px;
    text-decoration: none;
    color: black;
    white-space: nowrap;   
}

a.findoutmore:link {
    font-size: 80%;
    background-color: #FFFFCC;
    border: 1px solid #50929A;
    padding: 2px 5px;
    text-decoration: none;
    color: black;
    white-space: nowrap;   
}

a.findoutmore {
    font-size: 80%;
    background-color: #FFFFCC;
    border: 1px solid #50929A;
    padding: 2px 5px;
    text-decoration: none;
    color: black;
    white-space: nowrap;   
}

a.findoutmore:hover {
    background-color: white;
    border: 1px solid #50929A;
    cursor: help;
}

blockquote {
    margin-left: 3em;
}

span.RecommendedTime {
	font-size: 85%;
	color: gray;
	font-style: italic;
}

span.2007pricing {
	font-size: 65%;
	font-weight: bold;
}

img.appicon {
	margin: 0 5px 5px 0;
	float: left;
	left: 0px;
	top: 0px;
}

table.upcomingevents th {
	border-top: solid #BBD5D8 1px;
	vertical-align:middle;
}

table.upcomingevents td {
	padding-left: 0;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	vertical-align:middle;
	border-top: solid #BBD5D8 1px;
}

table.upcomingevents {
	border: none;
	border-bottom: solid #BBD5D8 1px;
	width: 100%;
}

table.upcomingevents tr.alt {
	background-color: #FFFFDD;
}

table.upcomingevents input {
}

table.upcomingevents tr.description {
	xdisplay: none;
}

table.upcomingevents tr.description td {
	border: none;
	font-size: 85%;
	vertical-align: top;
}

table.upcomingevents tr.description td img {
	padding-left: 2em;
	padding-top: 1em;
}

table.upcomingevents td p {
	margin-top: 0em;
}

table.upcomingeventsregistration td input {
	width: 20em;
}

table.rsvp td {
	font-size: 80%;
	padding-right: 1em;
}

table.rsvp td input {
	width: auto;
	padding-right: 1em;
}

td.upcomingeventRegister, th.upcomingeventRegister, input.upcomingeventRegister {
	background-color: #CCFF99;
}

td.upcomingeventRegister input {
	width: 35px;
	height: 35px;
}

td.alldaypricing {
	background-color: white;
	text-align: center;
	vertical-align: middle;
	font-size: 70%;
	font-weight: bold;
}

th.upcomingeventDate {
	white-space: nowrap;
}

/******************************************  NEWSMENU STYLES ***********************************/

div#content-left h2 {
	font-size: 100%;
}

ul#newsmenu {
    list-style-type: none;
    margin: 0.25em 0 1em 0;
}

ul#newsmenu li {
    margin: 0.5em 0;
    width: 100%;
    font-weight: bold;
    font-size: 80%;
    padding-left: 1em;
    width: 100%;
}

ul#newsmenu li a:visited {  
    width: 100%;  
    color: black;
    text-decoration: none;  
    padding: 3px 3px;
}

ul#newsmenu li a:link {  
    width: 100%;  
    color: black;
    text-decoration: none;  
    padding: 3px 3px;
}

ul#newsmenu li a:hover {
    border-top: 1px black solid ;
    border-bottom: 1px black solid ;
    padding: 2px 3px;
    background-color: #ccddff;
}

ul#newsmenu hr {
	color: black;
	width: 80%;
	text-align: left;
	margin-top: 1em;
}
.hidden {
	display: none;
}

.border {
	border: 1px solid black;
}

img.pagephoto {
	border: 2px solid black;
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}


table.QRCs {
	clear: both;
	width: 100%;
}

table.QRCs td {
	text-align: center;
}


.smallcaps {
	font-variant: small-caps;
	font-size: 85%;
}

div.classoutline {
	font-size: 85%;
}

div.classoutline li {
    margin: .5em 0;
}