@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #F0F8FF;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-size: medium;
}

/*
	Color guide: http://www.december.com/html/spec/color3.html
	
	lightsteelblue1 #CAE1FF
	slategray1 #C6E2FF
	heather blue #B7C3D0
	aliceblue(SVG) #F0F8FF
*/


.ContinuousBehavior h1 {
	text-align: center;
	margin: 0;
	padding: 1em 0;
	color: black;
	font-size: 2em;
}

.ContinuousBehavior h2 {
	text-align: center;
	margin: 0;
	padding: 10px 0;
	color: darkblue;
	font-size: 1.25em;
}

.ContinuousBehavior h3 {
	text-align: left;
	margin: 0;
	padding: 10px 0;
	color: darkblue;
	font-size: 1.12em;
}

.ContinuousBehavior h4 {
	text-align: left;
	margin: 0;
	padding: 10px 0;
	color: darkblue;
	font-style: italic;
	font-size: 1em;
}

.ContinuousBehavior pre {
	text-align: left;
	margin: 0;
	padding: 0.5em;
	border: dotted 1px lightblue;
	overflow: auto;
}

.ContinuousBehavior pre pre {
	font-size: 1em;
	text-align: left;
	margin: 0;
	padding: 0 2em;
	border: none;
	overflow: visible;
}






.ContinuousBehavior code {
}

.ContinuousBehavior #container { 
	width: 99.9%;
	min-width: 45em;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
} 


.ContinuousBehavior #header {
	float: left;
	width: 100%;
	background: #C6E2FF; 
	padding: 0;
}
.ContinuousBehavior #logo {
	float: left;
	width: 12%;
	padding: 0.5em 0 0.5em 0;
	text-align: center;
	font-family: cursive;
	font-size: 1.5em;
	border: 5px lightgray groove;
	border-radius: 15px;
	margin: 0.5em 0.25em;
}
.ContinuousBehavior #logo sup {
	font-size: 0.65em;
}

.ContinuousBehavior #logo a
{
	text-decoration: none;
	color: darkblue;
}
.ContinuousBehavior #logo a:hover
{
	color: brown;
}
.ContinuousBehavior #logo a:visited
{
	color: darkblue;
}


.ContinuousBehavior #qrcode {
	float: right;
	width: 12%;
	padding: 0.1em 0 0 0.1em;
}
.ContinuousBehavior #banner {
	float: left;
	width: 85%;
}



.ContinuousBehavior #header h1 {
	text-align: center;
	margin: 0;
	padding: 10px 0;
}
.ContinuousBehavior #header h2 {
	text-align: center;
	margin: 0;
	padding: 0.25em;
	font-size: small;
	font-style: italic;
}





.ContinuousBehavior #leftsidebar {
	float: left;
	width: 14%;
	font-size: small;
	background: #C6E2FF;
}

.ContinuousBehavior #leftsidebar H1 {
	font-size: small;
	padding: 0 0 0.25em 0;
}
.ContinuousBehavior #leftsidebar H2 {
	font-size: small;
	margin: 1em 0 0 0;
	padding: 1em 0 0.25em 0;
}

.ContinuousBehavior #leftsidebar a
{
	text-decoration: none;
	color: darkblue;
}
.ContinuousBehavior #leftsidebar a:hover
{
	color: brown;
}
.ContinuousBehavior #leftsidebar a:visited
{
	color: darkblue;
}

.ContinuousBehavior #leftsidebar ul ul
{
	float: left;
	margin: 0.5em 0;
}


.ContinuousBehavior #leftsidebar #level0,
.ContinuousBehavior #leftsidebar #level1,
.ContinuousBehavior #leftsidebar #level2,
.ContinuousBehavior #leftsidebar #level3,
.ContinuousBehavior #leftsidebar #level4 {
	margin: 1em 0 0 0;
}

.ContinuousBehavior #leftsidebar #level0 ul,
.ContinuousBehavior #leftsidebar #level1 ul,
.ContinuousBehavior #leftsidebar #level2 ul,
.ContinuousBehavior #leftsidebar #level3 ul,
.ContinuousBehavior #leftsidebar #level4 ul
{
	float: left;
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.ContinuousBehavior #leftsidebar #level0 li a,
.ContinuousBehavior #leftsidebar #level1 li a,
.ContinuousBehavior #leftsidebar #level2 li a,
.ContinuousBehavior #leftsidebar #level3 li a,
.ContinuousBehavior #leftsidebar #level4 li a
{
	background: #F0F8FF;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 100%;
	display: block;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
	color: darkbrown;
}
.ContinuousBehavior #leftsidebar #level0 li a:hover,
.ContinuousBehavior #leftsidebar #level1 li a:hover,
.ContinuousBehavior #leftsidebar #level2 li a:hover,
.ContinuousBehavior #leftsidebar #level3 li a:hover,
.ContinuousBehavior #leftsidebar #level4 li a:hover
{
	background: #F0F8FF;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	font-weight: bold;
	color: brown;
}
.ContinuousBehavior #leftsidebar #level0 li a:visited,
.ContinuousBehavior #leftsidebar #level1 li a:visited,
.ContinuousBehavior #leftsidebar #level2 li a:visited,
.ContinuousBehavior #leftsidebar #level3 li a:visited,
.ContinuousBehavior #leftsidebar #level4 li a:visited
{
	background: #F0F8FF;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	/* font-weight: bold; */
	color: red;
}






.ContinuousBehavior .captionedphoto {
	text-align: center;
	margin: 0 auto;
	padding: 0.25em;
}
.ContinuousBehavior .captionedphoto img {
	
}
.ContinuousBehavior .captionedphoto p {
	font-size: x-small;
	font-style: italic;
	margin: 0;
	padding: 0.25em;
}

.ContinuousBehavior #mainContent {
	float: left;
	width: 82%;
	min-height: 30em;
	margin: 0;
	padding: 0 0.5em 0 0.5em;
}
.ContinuousBehavior #mainContent OL {
	margin: 0 0 0 1.5em;
}
.ContinuousBehavior #mainContent UL {
	margin: 0 0 0 1.5em;
}

.ContinuousBehavior #mainContent UL :first-child {
	padding: 0 0 0.5em 0;
}

.ContinuousBehavior #mainContent LI {
	padding: 0.5em 0 0.5em 0;
}


.ContinuousBehavior #mainContent DL {
	margin: 0 0 0 1.5em;
}
.ContinuousBehavior #mainContent DT {
	padding: 0.5em 0 0.25em 0;
	font-weight: bold;
}
.ContinuousBehavior #mainContent DD {
	padding: 0 0 0.5em 0;
}


.ContinuousBehavior #footer { 
	padding: 0 10px;
	background: #C6E2FF;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
} 

.ContinuousBehavior #footer p {
	text-align: center;
	font-size: x-small;
	margin: 0;
}

.ContinuousBehavior #footer .copyright {
	text-align: center;
	margin: 0;
}
.ContinuousBehavior #footer .contact {
	text-align: center;
	margin: 0;
}

.ContinuousBehavior #footer .notice {
	font-style: italic;
	font-weight: bold;
	color: darkblue;
}

/* ~~ miscellaneous float/clear classes ~~ */
.floatright {
	float: right;
	margin-left: 10px;
}
.floatleft {
	float: left;
	margin-right: 10px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}