/*FONT FAMILY===========================================================================================*/

body, td, th {
	font-family: Arial, Helvetica, sans-serif;
}


body {
	font-size: 1em;
}

h3 { font-size: 130%; font-weight:lighter } /* content sub-headings */

body {color: black}

h1, h2, h3 {color: black; font-weight:normal;}
h5 {color: #003399; text-align:center; font-weight: bold; line-height: 1.0 }
h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {color: #003366;}
ul li a:link, ul li a:visited {color: #003366;}

#navcontainer ul li a:link, ul li a:visited {color: #fff}
p a:link, p a:visited {color: #003366;}
a:link, a:visited {color: #003366;}

p.postmetadata a:link, p.postmetadata a:visited {color: #88bb22}

#footer p a:link, #footer p a:visited {color: black}


a:link, a:visited {text-decoration:underline }
p a:link, p a:visited {text-decoration:underline } /* orphan text remains undecorated */
a:hover {text-decoration:underline }
h1 a:hover {text-decoration:underline }

#footer p a:link, #footer p a:visited {text-decoration: none}
#footer p a:hover {text-decoration: underline}


/*MARGINS, BORDERS AND PADDING for elements (not for containers)===========================================*/

body {margin:0px; padding: 0px;}
ul, ol {list-style: outside}
#sidebar ul, #sidebar ol {margin-left: 0;	padding-left: 0; list-style-type: none; padding-right:7px;	}



h1, h1 a:link, h1 a:visited, h1 a:hover {margin-top:0}
h2, h2 a:link, h2 a:visited, h2 a:hover {margin-top:0}
h3, h3 a:link, h3 a:visited, h3 a:hover {margin-top:0}
h4, h4 a:link, h4 a:visited, h4 a:hover {margin-top:0}


a img {border: 1px solid #0066cc}


/*MULTI-USE TAGS==========================================================================================*/

.center {text-align: center;}
.alignleft {text-align: left;}
.alignright {text-align: right;}

.left {float:left;}

.bg1 {background: #eeeeff}
.bg2 {background: #f7f7ff}

.border1 {border: solid 1px #0066cc;}


/*IMAGE TAGS==========================================================================================*/


/*the below will make images float left if they have no other tags (like 'right')*/
img {float: left; margin:0px 5px 0px 0px}
/*the below will make images float right but you have to add 'class="right" inside the image tag)*/
img.right {float: right; margin: 0px 0px 0px 5px}

#header img {border: none; margin-right:0;}



body {
	text-align:center;
	background-color: #003366;
	margin-top:5px;
	}

#header {
	width: 640px;;
}
#page_container {
	width: 640px;
	margin:0 auto;
	background-color: #fff;
}

#page {margin:0 auto; width: 560px; text-align:left;}

#header {position:relative;	width: 640px; margin-top:10px; margin:auto; background-color: #fff;}

/* menu bar in header section*/
#nav{position:relative; display:block; height:24px; font-size:11px; font-weight:bold; background:transparent url(images/bgOFF.gif) repeat-x top left;}
		#nav ul{margin:0; padding:0; list-style-type:none; width:auto;}
		#nav ul li{display:block; float:left;}
		#nav ul li a{display:block; float:left;color:#000; text-decoration:none; padding:6px 20px 0 20px;height:24px;}
		#nav ul li a:hover,#nav ul li a.current{color:#fff;	background:transparent url(images/bgON.gif) repeat-x top left;}

#content {padding-left: 0px; padding-right: 0px; margin: 10px auto 0 auto; width:560px;}

.narrowcolumn {float: left;	padding: 0 0 20px 45px;	margin: 0px 0 0; width: 535px;}
		.narrowcolumn .postmetadata {text-align: left; text-indent: 35px; font-size:.85em;}

.widecolumn {float: left;	padding: 0 0 20px 45px;	margin: 0px 0 0; width: 640px;}



/* navigation here refers to the link to the next on previous post (not needed if you do pages only)*/
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 10px;}

/* sidebar refers to the main element on the right hand side of the page which contains all navigation links*/
#sidebar{position:relative;	float:right; padding: 0px 0 0px 0;	width: 290px; margin-top: 10px;	margin-left: 0px;}
		#sidebar form {margin: 0;}
		#sidebar #searchform #s {width: 108px; padding: 5px;}
		#sidebar #searchsubmit {padding: 0px;}

/* style of the headers within the sidebar*/
		.sb_header {background: #eeeeff; margin: 0 0 20px 20px;	padding-top: 5px; border-top: 1px solid #cccccc;	border-bottom: 1px solid #cccccc;}
				.sb_header h2 {margin: 0 0 2px 0px; }

.post {margin: 0 0 40px 0; text-align: left; display:block;	clear:both;}

.postmetadata ul, .postmetadata li {display: inline; list-style-type: none;	list-style-image: none;}

.blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
		.blockquote cite {margin: 5px 0 0; display: block;}

#footer {border-top: 1px solid #cccccc;	padding: 0;	margin: 20px 0 0 0;	clear:both;	width: 640px;}
		#footer p {margin: 0; padding: 5px 10px; text-align: center;}

#comments { clear:left;}

.commentlist {padding: 0; text-align: left;	margin-left: 0;}
	.commentlist li {margin: 15px 0 5px; padding: 5px 10px 5px;	list-style: none;}
	.commentlist p {margin: 10px 5px 10px 0;}
	.commentlist p {text-transform: none;}

#commentform p {margin: 5px 0;}
#commentform input {width: 170px; padding: 5px;	margin: 5px 5px 0px 0;}
#commentform textarea {width: 500px;	padding: 0px;}
#commentform #submit {margin: 0; float: right;}

.commentmetadata {margin: 0; display: block;}

.nocomments {text-align: center; margin: 0;	padding: 0;}

#searchform {margin: 10px auto;	padding: 5px 3px; text-align: center;}

.entry form { text-align:center;}

select {width: 130px;}

.alt {background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; padding: 10px;}

.arial {
	font-family:Arial, Helvetica, sans-serif;
}
.serif {
	font-family:serif;
}
.footer_link a {
	color: #003366;
	text-decoration: underline;
}
#bottom_links a {
	font-size:15px;
}

.entry p a {
	color: #003366;
}

/*  styling for display box on opening page */
#home_box {
	padding: 1px 0pt;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color: #CBCBE4;
	text-align: center;
	line-height: 1;
}

#navlist a:link, #navlist a:visited,  #navlist a:hover,  #navlist a:active {text-decoration:none !important }
#navlist a, .current a {text-decoration:none !important }

#links h2 {
	font-size: 22px;
	color: #003366;
	font-weight: bold;
	text-align: center;
}

#content .narrowcolumn {
	width: 400px;
}
.blog_single {
	margin-top: 15px !important;
}
.blog_single {
	background: #f7f7ff url(images/blog-wide-hdr.jpg) no-repeat top left;
}
.blog_single  h2 {
	padding-bottom: 5px;
	padding-left: 20px;
	font-weight:bold;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
}
.blog_single a {
	color: #fff !important;
}
.blog_single a { text-decoration:none; color: #fff;}
.blog_single a:hover { text-decoration:underline; }
.blog_single .post { margin-top: 10px !important; }
.blog_single p {
	padding-top: 0;
	margin-top: 0;
	padding-left: 25px;
	padding-right:25px;
}
.back_msg a {
	color: #003366 !important;
	font-weight: bold !important;
}

.navcontainer, #cal_top, #blue_footer, #opt_in {
    display: none !important;
}

body {
	background-color: #fff;
}

/* to have URL printed after text link...  activate this
#content a:after {
	content: " (" attr(href) ") " !important;
	font-size: 80% !important;
}   */

.calendar-next, .calendar-prev { display: none; }
#content table.calendar-table td { border: 2px solid #000 !important; }
/* =========== Calendar page ========= */
#content #cal_top h1 {
   text-align:center;
   font-weight:bold;
   font-size:22px;
   padding-top:10px;
}
#content #cal_top h6, #content h6 {
   font-size:14px;
   font-weight:normal;
}
#content #cal_top h6#line1 { margin: 0px 30px 0pt 20px; }
#content #cal_top h6#line2 { margin:10px 20px; }
#content h6#class-schedule { text-align:center; margin:10px 0; }