body {
    background-color: #006699;
    font-family: arial, sans-serif;
    color: white;
}
A:link { color: #00FF66; }
A:active { color: #00FF66; }
A:visited { color: #00FF99; }

.color1 { color: #00BBFF; }
.color2 { color: #00EE88; }
.color3 { color: #003366; }

#pagebanner {
    font-size: 350%;
    text-align: center;
    margin-bottom: 10px;
}
.bannerlink {
    text-align: right;
    font-size: 200%;
    margin-bottom: 10px;
    margin-left: 10px;
}
.bannerlink A:link { text-decoration: none; }
.bannerlink A:active { text-decoration: none; }
.bannerlink A:visited { text-decoration: none; }

.frontlink {
  text-decoration: none;
  font-size: 120%;
}

.tab {
    border-left: solid #003366 5px;
    border-right: solid #003366 2px;
    border-bottom: solid #003366 2px;
    margin-bottom: 1ex;
}

.tabname {
    background-color: #003366;
    color: #DDDDDD;
    padding: 3px;
    font-weight: bold;
    text-transform: lowercase;
}
.tabname A:link { text-decoration: none; }
.tabname A:active { text-decoration: none; }
.tabname A:visited { text-decoration: none; }
/*
.tabname A:link { color: #00FF66; text-decoration: none; }
.tabname A:active { color: #FFFFFF; background-color: transparent; text-decoration: none; }
.tabname A:visited { color: #00FF66; text-decoration: none; }
*/
.tabright {
    float: right;
    font-weight: normal;
    font-style: italic;
}

/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */

.tabtext {
    background-color: #FFFFFF;
    /*border: solid #003366 2px;*/
    padding: 7px;
    /*position: relative;*/
    color: black;
}
.tabtext A:link { color: #006699; }
.tabtext A:active { color: #006699; }
.tabtext A:visited { color: #005588; }

.tabtext table {
    background-color: #FFFFFF;
    margin-bottom: 0ex;
}
.tabtext td {
    background-color: #FFFFFF;
}

.tabtext img {
    margin-right: 3px;
    margin-left: 3px;
    border: 1px solid black;
}

.tabtext h2 {
    background-color: #DDDDDD;
    margin-bottom: 1ex;
    margin-top: 0px;
    padding: 3px;
    font-size: 100%;
    font-weight: normal;
}
.tabtext h1 {
    /*background-color: #DDDDDD; */
    /*padding-top: 4px; */
    font-size: 150%;
    font-weight: bold;
}
.tabtext P {
    margin-bottom: 1em;
    margin-left: 1em;
    margin-top: 0;
}

#sidebar {
    float: right;
    width: 9em;
    background-color: #005080;
    color: #FFFFFF;
    padding: 5px;
    margin-left: 1ex;
}

.sideheader {
    background-color: #0077AA;
    color: #FFFFFF;
    padding: 2px;
    margin-bottom: 1ex;
    font-style: italic;
    text-transform: lowercase;
}

.sidetext {
    margin-bottom: 1em;
    margin-left: 1ex;
}

.footer {
    text-align: right;
    font-size: smaller;
    color: #AAAAAA;
}

table.sched {
    border-style: solid;
    background-color: #003366;
}
.sched td {
    background-color: #FFFFFF;
}
td.header { background-color: #DDDDDD; width: 5em; text-align: center; }
td.time { background-color: #DDDDDD; font-size: smaller; }
td.scheditem { background-color: #CCDDFF; }
td.scheditem A:link { color: #000066; }
td.scheditem A:active { background-color: #FFFFFF; }
td.scheditem A:visited { color: #003399; }

/* h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}
*/
#container {
	line-height: 140%;
		margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
    width: 100%;
    min-height: 100%;
    display: table;
/*	width: 700px;
	
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF; */
	}

#banner {
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #999999;
	text-align: left;
	padding: 15px;
	border-bottom: 1px solid #FFFFFF;
	height: 39px;
	}

#banner-img {
	display: none;
	}


#banner a {
	color: #FFFFFF;
	text-decoration: none;
	}

#banner h1 {
	font-size: xx-large;
	
	
	
	}

#banner h2 {
	font-size: small;
	}

#center {
/*		float: left;
	width: auto; */
	
    display: table-cell;
    vertical-align: top;
	overflow: hidden;
    width: auto;
    position: relative;

	}

.content {
/*	padding: 15px 15px 5px 15px;
	background-color: #FFFFFF; */
	
	color: #000000;
	font-family: Arial, sans-serif;
	/*font-size: x-small; */
    border: solid #003366 2px;
    border-left: solid #003366 5px;
    background-color: #FFFFFF;
    margin-right: 20px;
    padding: 7px;
    position: relative;
	}

#right {
	
	width: 15em;
	
    display: table-cell;
    vertical-align: top;
	overflow: hidden;
    position: relative;
	}

.content A:link { color: #006699; }
.content A:active { background-color: #CCCC00; }
.content A:visited { color: #005588; }
.content p {
	color: #000000;
	font-family: Arial, sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
    padding: 0pt;
    margin: 8pt;
	}
	
.content pre {
    font-style: normal;
    line-height: 120%;
    padding: 0pt;
    margin: 8pt;
    font-size: medium;
}


.content blockquote {
    font-size: small;
    font-style: italic;
    background-color: #FFFFEE;
    border: 1px dotted #666666;
	}

.content li {
	line-height: 150%;
	}

.content h2 {
	font-family: Arial, sans-serif;
    font-weight: normal;
	
/*	text-align: left;
	font-weight: bold;
    font-style: italic;
    font-size: 13pt; */
	
    line-height: 100%;
	margin-bottom: 20px;
    padding: 0px;
	
	}

.heading {
    background-color: #DDDDDD;
    }

.content h3 {
    color: #000000;
    background-color: #DDDDDD;
	font-family: Arial, sans-serif;
	/* font-size: small; */
    /*font-size: 11pt; */
	
	text-align: left;
	font-weight: normal;
	
	
    margin: 0px;
	margin-bottom: 0px;
    padding: 3px;
    padding-left: 10px;
	
	}

.content p.posted {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: left;
	
	
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
    padding-left: 10px;
/*    background-color: #FFFFFF; */
	}

.sidebar {
	padding: 15px;
    background-color: #005080;
    color: #FFFFFF;
	}



#calendar {
  	line-height: 140%;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
  	padding: 2px;
	text-align: center;
	margin-bottom: 30px;
	}

#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
  	line-height: 140%;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	text-align: center;
	width: 100%;
	}

#calendar caption {
	color: #FFFFFF;
    background-color: #0077AA;
    padding: 3px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;
	
	letter-spacing: .3em;
	}

#calendar th {
	text-align: center;
	font-weight: normal;
	}

#calendar td {
	text-align: center;
	}

.sidebar h2 {
	color: #FFFFFF;
    background-color: #0077AA;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;
  	
	letter-spacing: .3em;
	}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}

.sidebar li {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	
	
	
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar img {
	border: 3px solid #FFFFFF;
	}

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #FFFFFF;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}