/* This is the main layout */
body {font: normal 83% sans-serif;}
a {color: Black;}
h3 {margin: 0; margin-bottom: 8px;}

#outside {margin: auto; width: 800px; border: solid 1px #cccccc;}

#permlink {margin: 0; padding: 2px; text-align: right; border: solid 1px #ffffff;}
#permlink a {margin-left: 5px; margin-right: 5px;}

#header {margin: 0; padding: 0; border: solid 1px #5A6156;}
#header h1 {margin: 0; padding: 5px; color: #000000;}
#header h3 {margin: 0; padding: 5px; color: #000000; border-bottom: solid 0px #cccccc;}

#topnav {margin: 0; margin-bottom: 10px; padding: 5px; border: solid 1px #ffffff;}
#topnav a {padding: 3px;}

#left {margin-left: 5px; float: left; width: 195px; border: solid 1px #ffffff;}

#middle {margin-left: 200px; margin-right: 200px; border: solid 1px #ffffff;}
#rightmiddle {margin-right: 1px; float: left; width: 590px; border: solid 1px #ffffff;}

#right {margin-right: 1px; float: right; width: 200px; border: solid 1px #ffffff;}

#footer {clear: both; margin: 0; text-align: center; border: solid 1px #ffffff;}
#footer h5 {margin: 0;}

.box {width: 93%; margin: auto; margin-bottom: 10px; padding: 5px; border: solid 1px #666666;}


/* These are used to colorize the page */
body {background-color: #d1d1d1;}
h3 {color: #5a6156; padding-bottom: 3px; border-bottom: solid 2px #cccccc;}
h5 {padding-left: 5px; color: #5a6156;}

#outside{background-color: #d5ddcd; border: solid 1px #aaaaaa;}

#permlink{border: solid 1px #30392c; background-color: #30392c;}
#permlink a {text-decoration: none; color: #d5ddcd;}
#permlink a:hover {text-decoration: underline;}

#header{margin: 0; padding: 0; border: solid 1px #5A6156; background-color: #5A6156;}

#topnav {border: solid 1px #5a6156; background-color: #5a6156;}
#topnav a {border: solid 1px #5a6156; text-decoration: none; background-color: #5a6156; color: #d5ddcd;}
#topnav a:hover {border: solid 1px #d5ddcd; background-color: #d5ddcd; color: #781000;}

#left {border: solid 1px #d5ddcd;}

#middle {border: solid 1px #d5ddcd;}

#rightmiddle {border: solid 1px #d5ddcd;}

#right {border: solid 1px #d5ddcd;}

#footer {border: solid 1px #d5ddcd;}

.box {background-color: #ffffff; border: solid 1px #cccccc;}
.box a {text-decoration: none; color: #781000;}
.box a:hover {text-decoration: underline; color: #5A6156;}
.box ul {margin: 0; padding-left: 15px; list-style: circle;}

#top-frame {
background: url(/nowheader.jpg) center top no-repeat;
}

#qborder {
 border: solid #787B76;
 border-width: 2px 2px 2px 2px;
/* border-image: url("/js/border.png") 33% stretch;*/
}

#qborder:hover {
 border-color: black;
 border-width: 2px 2px 2px 2px;
/* border-image: url("/js/border.png") 33% stretch;*/
}

.accordion {
	width: 370px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h2 {
	background: #e9e7e7  url(/picarrow.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	color: #781000;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h2:hover {
	background-color: #e3e2e2;
	color: #5A6156;
}
.accordion h2.active {
	background-position: right 5px;
}
/*
.accordion p {
	background: #FFFFFF;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
}
.accordion ul {
	display: none;
}
*/
.accmovable {
	background: #FFFFFF;
	margin: 0;
	padding: 5px 15px 5px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
}







.termsw span {
        width: 20px;
	background: #F2F1F1;
	padding: 2px 5px;
	margin: 0 2px 2px 0;
	color: #781000;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	font: 8pt Arial, Helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
}
.termsw span:hover {
	background-color: #D9D6D6;
	color: #5A6156;
}
.termsw span.active {
	background-color: #D9D6D6;
	color: #5A6156;
}

.termbody {
	width: 177px;
	border: solid 1px #c4c4c4;
	padding: 4px;
	margin-top: 2px;
	display: none;
}