@charset "UTF-8";
/* CSS Document */

body { margin:0; padding:0; width:100%; }
html { padding:0; margin:0; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

/* main */
.main { padding:0; margin:0 auto; }

/********** header **********/
.topheader {
	margin:0;
	padding:0;
	background-image: url(/images/headergrad.jpg);
	height: 93px;
}
.header { width:850px; margin:0 auto; padding:0; }

/* logo */
.logo { padding:0; margin:0; width:349px; float:left; }

/*cam*/
.cam {width:263px; padding:0px; margin:0; float: right; height: 93px;}


/* swf style */
.swf_resize { width:850px; margin:0 auto;}
#swf-container {
	width:850px;
	outline:0;
	padding: 0px;
	height: 360px;
}
#flashDiv {
	width: 560px;
	margin: 0px auto;
	padding: 25px;
}

/* inside */

.navigation { width:198px; float:left; margin:0 auto;}


/* content style */
/*.content { width:850px; margin: 0 auto; padding: 0px; }
.content p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	line-height:1.5em;
	padding:5px 5px;
	margin:0;
	font-weight: normal;
}
#mainsection {
.content img.floated { float:left; padding:0; margin:0px; vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 248px;
	width: 652px;
}
.content img.floatright { float:right; padding:0; margin:2px 2px; }
#story-container {
	width:610px;
	float:right;
	outline:0;
	padding: 10px;
}
#content-home { width:850px; outline:0; padding: 0px;}
#content-leftbox { width:537px; float:left; margin:0; padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 25px; }
#content-rightbox { width:263px; float:right; margin:0; }
*/

/* Calendar Style*/
.o12calgold_over { background-color:#969EB7; color:#FFFFFF; text-align:center; height:16%; font-size:11px; cursor:pointer;}
.o12calgold_today { background-color:#E7EAF2; text-align:center; height: 16%; font-size: 11px;}
.o12calgold_weekend { background-color:#F8F8F8; text-align:center; height: 16%; font-size: 11px;}
.o12calgold_weekday { background-color:#FFFFFF; text-align:center; height: 16%; font-size: 11px;}
.o12calgold_othermonth { background-color:#F0F0F0; text-align:center; height: 16%; font-size: 11px;}
.o12calgold_dayname { background-color:#FFFFFF; color:#000000; text-align:center; width:14%; font-size:11px;}


.content { width:850px; height: 50px; margin: 0 auto; padding: 0px; }
.content p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	line-height:1.5em;
	padding:5px 5px;
	margin:0;
	font-weight: normal;
}
#small { font:normal 10px Arial, Helvetica, sans-serif; color:#6d6d6d; padding:5px 5px; margin:0; }
.content img.floated { float:left; padding:0; margin:0px; vertical-align: top; }
.content img.floatright { float:right; padding:0; margin:2px 2px; }
#content-container {
	width:850px;
	outline:0;
	padding: 0px;
	margin: 0px;
}
#content-leftbox { width:537px; float:left; margin:0; padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 25px; }
#content-rightbox {
	width:263px;
	float:right;
	margin:0;
}

#content-portal {
	width:263px;
	padding: 0px;
	height: 585px;
	background-color: #23297e;
	margin: 0px;
}

#content-news {
	width:230px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#content-calendar {
	width:180px;
	height: 200px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin-left: 10px;
	margin-right: 25px;
	margin-top: 10px;
	background-color: #a2dbae;
}

.content-floatBox {float: left; width: 260px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; } 

.content-bullets {float: left; width: 420px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; }
.content li {color:#5bad25; line-height:1.8em; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin-left: 5px; }
#content-section {
	width: 540px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.story-image { float:left; padding:0; margin:0px; vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 248px;
	width: 652px;
}
.story-calendar { float:left; padding:0; margin:0px; vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 190px;
	width: 652px;
}
#story-container {
	width:580px;
	float:right;
	outline:0;
	padding-top: 2px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.rule {
	color:#6d6d6d;
	padding:0px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}

.news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a2dbae;
}

.side {
	color:#CCC;
	line-height:1.3em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0;
}

.side a {
	text-decoration:none;
	color: #a2dbae;
}
.side a:hover {
	text-decoration:underline;
	color: #0C6;
}



p.clr,
.clr { clear:both; padding:0; margin:0; }


#parental {
	width: 220px;
	padding: 5px;
	border: 1px solid #666;
	margin: 20px;
}

#parental h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666;
}
	
#parental .p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666;
}
	


/*************footer**********/
.footer {
	padding:0;
	margin:0;
	background:#a2dbae;
	height: 30px;
	padding: 100px;
	padding: 10px;
	padding: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.footer_resize {
	width:850px;
	border-top:1px solid #a2dbae;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.footer p {
	color:#23297e;
	padding:5px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
.footer a {
	color:#23297e;
	text-decoration:none;
	padding:5px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.footer p.right {
	text-align:right;
	width:250px;
	margin:0;
	float:right;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
}
.footer p.left {
	text-align:left;
	width:500x;
	margin:0;
	float:left;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}