/* CSS Document */

body {
	padding: 0;
	margin: 0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 96%;
	background-color: #f9f9f9;
	color: #000;
	line-height: 1.3em;
}
/* container */
div#container	{
	width: 90%;
	margin: 0 auto;	
	background-color: #f9f9f9;
}
/* Global Navigation */

div#globalnav1 {
	width: auto;
	padding: 105px 0 0 0;
	background: url(/images/banner.png) no-repeat left top, url(/images/piece.png) repeat;
	/*background-color: #3EA168;*/
	text-align: left;
	margin: 1px 1px 0 1px;
	border: 2px solid #fff;
}
div#globalnav1 ul, div#globalnav2 ul {
	list-style-type: none;
	padding: 0;
	margin: 5px 0 0 0;
	background: #ccc;
}
div#globalnav2 ul {
	clear: both;
}
div#globalnav1 ul li, div#globalnav2 ul li {
	list-style: none;
	margin: 0;
	display: inline-block;
	line-height: 2em;
}
div#globalnav1 ul li a, div#globalnav2 ul li a {
	padding: 5px 15px;
	background: #ccc;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin: 0;
	transition: 0.3s all; -moz-transition: 0.3s all; -webkit-transition: 0.3s all;
}
div#globalnav1 ul li a:link, div#globalnav2 ul li a:link {
	color: #448;
}
div#globalnav ul li a:visited {
	color: #667;
}
div#globalnav1 ul li a:hover, div#globalnav1 ul li a#curglob, div#globalnav2 ul li a:hover, div#globalnav2 ul li a#curglob {
	color: #444;
	border-left: 15px solid #06F;
	text-shadow: 1px 1px #eff;
	box-shadow: 1px 1px 2px #666;
	background-color: #e1e1e1;
	transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);
	transition: 0.3s all; -moz-transition: 0.3s all; -webkit-transition: 0.3s all;
}
div#globalnav1 ul li#skipglob {
	position: absolute;
	top: -50em;
	left: -50em;
}
div#search {
	background-color: #ddd;
	padding: 2px;
	text-align: right;
}
/* Bread Crumb (Where we are) */

div#breadcrumb {
	width: auto;
	margin: 0 1px 1px 1px;
	padding: 0.2em 1em;
	background-color: #efefef;
}
div#breadcrumb p {
	margin: 0;
}
div#breadcrumb a {
	font-weight: bold;
	text-decoration: none;
}
div#breadcrumb a:link {
	color: #A30030;
	padding: 2px 4px;
}
div#breadcrumb a:visited {
	color: #930059;
}
div#breadcrumb a:hover {
	color: #336633;
}
/* Local Navigation */

div#localnav {
	padding: 1em;
	width: 255px;
	float: right;
	border: 5px solid #ddd;
	background-color: #fff;
	margin: 0 1px 1px 0;
}
div#localnav ul {
	padding-left: 0.2em;
	margin-bottom: 1em;
	list-style-type: none;
}
div#localnav ul ul {
	padding-left: 0.5em;
}
div#localnav ul li {
	padding: 2px 3px;
	font-weight: bold;
	border-bottom: 1px solid #aaa;
	padding-top: 0.5em;
}
div#localnav ul ul li {
	padding: 5px;
	font-size: 90% !important;
	font-weight: normal !important;
	border-bottom: 1px solid #eee;
}
div#localnav ul li:last-child {
	border: none;
}
div#localnav ul li a {
	text-decoration: none;
	padding: 2px 4px;
	display: inline-block;
	width: 100%;
	border-right: 20px solid #ddd;
	transition: 0.3s all; -moz-transition: 0.3s all; -webkit-transition: 0.3s all;
}
div#localnav ul li a:link {
	color: #039;
}
div#localnav ul li a:visited {
	color: #414120;
}
div#localnav ul li a:hover, div#localnav ul li a#curloc {
	color: #D30C21;
	border-right: 20px solid #F00;
	transition: 0.3s all; -moz-transition: 0.3s all; -webkit-transition: 0.3s all;
}
div#localnav ul li a:hover {
	color: #D30C21;
}
div#localnav ul li a#curloc_02 {
	color: #FF0066;
}
div#localnav h1 {
	text-align: left;
	font-size: 1.3em;
	color: #330000;
	padding: 10px;
}
.update_event {
	font-size: 0.8em;
	padding: 1em;
	width: 230px;
	float: left;
	background-color: #9FF;
	margin: 0 1px 1px 0;
	border: 1px solid #0d9fd8;
	color: #000000;
	margin-bottom: 1em;
}
.update_info {
	font-size: 0.8em;
	padding: 1em;
	width: 230px;
	float: left;
	background-color: #FFFF66;
	margin: 0 1px 1px 0;
	border: 1px solid #0d9fd8;
	color: #000000;
	margin-bottom: 1em;
}
.email_list {
	font-weight: bold;
	padding: 1em;
	width: 230px;
	float: left;
	background-color: #FFFF66;
	margin: 0 1px 1px 0;
	border: 1px solid #0d9fd8;
	color: #000000;
	margin-bottom: 1em;
}
/* Content */

div#content {
	margin: 1px 292px 1px 1px;
	width: auto;
	padding: 1em;
}
div#content a, div#footer a {
	text-decoration: underline;
	text-decoration: none;
	font-weight: 500;
}
div#content a:link, div#footer a:link {
	color: #000066;
	text-decoration: underline;
}
div#content a:visited, div#footer a:visited {
	color: #4A4A25;
	text-decoration: underline;
}
div#content a:hover, div#footer a:hover {
	color: #8B0000;
}
div#dpiap {
	padding: 0.5em;
	border: 1px dashed #ccc;
	margin: 0.2em 0;
}
div[id^="section"]	{
	overflow: hidden;
	padding: 20px;
	margin-bottom: 10px;
}
div[id^="section"]:nth-of-type(5n+1)	{ background-color: #E9E9E9; border-bottom: 30px solid #D4D4D4; }
div[id^="section"]:nth-of-type(5n+2)	{ background-color: #DEF1F8; border-bottom: 30px solid #C9E4DE; }
div[id^="section"]:nth-of-type(5n+3)	{ background-color: #E4EFD6; border-bottom: 30px solid #D2D8C8; }
div[id^="section"]:nth-of-type(5n+4)	{ background-color: #EDE2FC; border-bottom: 30px solid #D7D0E0; }
div[id^="section"]:nth-of-type(5n+5)	{ background-color: #FFE8FB; border-bottom: 30px solid #E3D4E0; }
div[id^="section"]	h2	{ text-align: center; }
/* Achievement Section */
div#achievement {
	padding: 0.1em 0.5em;
	background-color: #E3F0F2;
	margin: 0;
	clear: both;
}
/* Footer */
div#footer {
	width: auto;
	clear: both;
	text-align: center;
	padding: 0.5em;
	background-color: #EEEEEE;
	margin: 1px;
}
div#footer address {
	font-style: normal;
}
div#footer p {
	vertical-align: middle;
}
/* Element Specifications */

acronym {
	border-bottom: 1px dotted #FC6;
	background-color: #FF9;
}
/* Headings */

h1 {
	text-align: right;
	font-size: 1.8em;
	color: #4B5E6F;
	background: #C3E0F0;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 20px;
}
h2, h3, h4, h5, h6 {
	text-shadow: 1px 1px #fff;
	line-height: 1.1em;
}
h1, h2, h3, h4, h5, h6	{ font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; 	margin: 10px 0; padding: 11px 20px; }
h2 {
	font-size: 1.5em;
	color: #53688B;
}
#localnav h2	{ font-size: 1.2em; }
h3 {
	font-size: 1.3em;
	color: #5858C1;
	text-align: right;
}
h3#addinfo	{ clear: both; }
h4 {
	font-size: 1.2em;
	color: #53688B;
}
h5 {
	font-size: 1.1em;
	text-align: right;
	color: #5858C1;
}
h6 {
	font-size: 1em;
	color: #53688B;
}
/* Paragraph */

p {
	text-align: left;
	margin-bottom: 1em;
}
/*
p:nth-of-type(3n+2) {
	margin-right: 2em;
	background: rgba(153,204,204,0.3);
	padding: 1em;
	border-radius: 1em;
}
p:nth-of-type(3n+3) {
	margin-right: 1em;
	background: rgba(153,255,0,0.2);
	padding: 1em;
	border-radius: 1em;
}*/
object {
	width: 90%;
	padding: 20px;
	margin: 1em auto;
	background-color: #000;
	border-radius: 10px;
}
/* Table */

table {
	border-collapse: separate;
	margin: 0 auto;
	width: auto;
}
table th, table td {
	padding: 2px 4px;
	border: 1px solid #aaa;
}
table th {
	background-color: #69F;
}
table th.header {
	background-color: #ddd;
	text-align: left;
}
/* Class Specifications */

.lastupdate {
	color: #990000;
	border-bottom: 1px dashed #666600;
	font-size: smaller;
	font-style: italic;
	background-color: #FFFFA4;
}
.date {
	display: inline-block;
	padding: 1px 5px;
	border: 1px solid #fff;
	font-weight: bold;
	background-color: #E0EEF3;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/* .date:before	{ content: "[ "; color: #999; font-weight: normal; font-size: smaller; }

.date:after	{ content: " ]:"; color: #999; font-weight: normal; font-size: smaller; } */

.time {
	display: inline-block;
	padding: 1px 5px;
	background-color: #eed;
	border: 1px solid #fff;
	font-size: smaller;
}
.time:before {
	content: "<";
	color: #999;
	font-weight: normal;
	font-size: smaller;
}
.time:after {
	content: ">";
	color: #999;
	font-weight: normal;
	font-size: smaller;
}
.venue	{
	display: inline-block;
	padding: 1px 1px 1px 5px;
	border-bottom: 1px dotted #666;
	font-style: italic;
	color: #54555C;	
}
.attendee	{
	display: inline-block;
	padding: 1px 5px;
	color: #00C;	
	font-size: 90%;
	font-weight: bold;
	background: rgba(230,253,215,0.7);
}
.attendee:before	{
	content: "attn: ";
	display: inline-block;
	color: #888;
	font-size: 75%;
	font-weight: normal;
	margin: 0 3px 0 1px;
}
a img {
	border: 0;
}
img	{ max-width: 100%; }
img.fleft {
	float: left;
	margin: 20px 20px 20px 0;
	border: 1px solid #fff;
	box-shadow: 4px 4px #999;
	max-width: 60%;
}
img.fright {
	float: right;
	margin: 20px 0 20px 20px;
	border: 1px solid #fff;
	box-shadow: 4px 4px #999;
	max-width: 60%;
}
.fnone {
	float: none;
	clear: both;
	display: block;
	max-width: 95%;
	margin: 1em auto;
}
/* Noscript */

p.noscript {
	float: right;
}
/* Under construction message */

p.underconstruction {
	font-size: 3em;
	color: #CC0000;
	text-align: center;
}
/* directory */
ol.directory li	{
	display: inline-block;
	width: 47%;
	height: 300px;
	overflow: auto;
	vertical-align: top;
	border: 1px solid #ccc;
	padding: 10px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	margin: 3px;
	font-size: 95%;
	background: #EBEBF5;
}
ol.directory li:nth-of-type(3n+2)	{ background: #EEF8E9; }
ol.directory li:nth-of-type(3n+3)	{ background: #EBF2F5; }
ol.directory li h2, ol.directory li h3	{ margin: 0 0 6px 0; padding: 0; }
ol.directory li h2	{ font-size: 1.3em; color: #900; } ol.directory li h3 { font-size: 1.1em; }
/* List Styles */

.low-alpha {
	list-style-type: lower-alpha;
}
ul.circle, ol.circle {
	list-style-type: circle;
}
ol.none, ul.none {
	list-style-type: none;
}
/* Alignment */

.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
.underline {
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.headline {
	font-style: italic;
	font-size: larger;
	display: block;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 4px 4px rgba(0,51,153,0.8);
	background: rgba(0,102,255, 0.3);
	margin: 1em 2em;
}
.page p {
	text-align: center;
	background-color: #FFFFFF;
	border: 0px;
	font-size: 85%;
	font-weight: bold;
	color: #B35900;
}
.indent {
	text-indent: 5%;
}
.holiday {
	color: #f00;
}
.holiday:after	{ 
	content: "holiday(s)"; 
	padding-left: 8px;
	vertical-align: top;
	font-size: 75%;
	color: #096;
}
p.note {
	background-color: #E0F793;
	padding: 1em;
	border-radius: 10px;
}
div#pagenav a {
	margin-left: 0.5em;
}
/* news list */

ul.news li {
	margin: 0 0 0.5em 0;
	list-style-type: none;
	padding: 2px 2px 2px 10px;
}
ul.news li:nth-of-type(3n+1) {
	border-left: 10px solid #096;
}
ul.news li:nth-of-type(3n+2) {
	border-left: 10px solid #F30;
}
ul.news li:nth-of-type(3n+3) {
	border-left: 10px solid #000;
}
/* curnav */

.curnav {
	background-color: #FC0 !important;
}
/* Table Calendar */

table.calendar td.hilight {
	background-color: #FFFF99;
}
table tr.heading td {
	background-color: #D8F1FA;
	color: #000;
	text-align: center;
	font-weight: bold
}
table.calendar {
	border-collapse: collapse;
	border: 2px solid #036;
	font-size: small;
	width: 67%;
}
table.calendar td, table.calendar th {
	border: 1px solid #69c;
	padding: 0.1em;
	font-size: inherit
}
table.calendar td {
	background-color: #fff;
	font-size: inherit;
	border-right: 1px solid #036
}
table.calendar th {
	background-color: #3EA3B5;
	border: 1px solid #036;
	text-align: center !important;
	font-size: 1.1em !important;
}
.fleft {
	float: left;
	margin: 0.2em 0.99em 0.5em 0.01em;
	border: 1px solid #000;
}
.fright {
	float: right;
	margin: 0.5em 0.5em 0.5em 0;
	border: 1px solid #000;
}
.event {
	padding: 0.5em;
	background-color: #CCFFCC;
	margin: 0.2em 0;
	border: 1px dashed #00FFCC;
}
/* attention */
span.attention {
	font-weight: bold;
	font-size: larger;
	background-color: #ce5742;
	color: #fff;
	padding: 2px 5px;
}