body {
	margin : 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: -moz-scrollbars-vertical; 
}

/* No need to change anything here */
div.header {
	width : 100%;
	position : absolute;
	left : 0px;
	top : 0px;
	margin: 0px;
	padding: 0px;
}

/* This is where you can modify the look and feel of the header. In this example, I have made the layer transparent, and used a transparent gif for the background. */
div.headerstyle { }

/* This is where the main background image is placed, also this parent div class uses the margin settings to place the content nested layer in the right position.
   You may have to edit this. */
div.container {
	padding : 219px 10px 20px 210px;
	height: auto;
	overflow: auto;
}

/* A nested layer of the container layer. Edit the look and feel here. */
div.content {
	padding : 0px;
	border : solid 3px #3F5561;
	color : #000000;
	background : #FFFFFF;
	font : 16px Verdana, sans-serif;
	line-height: 150%;
	margin-top: 0px;
	background-attachment: 20;
}
div.content p {
	margin : 0 1em 1em;
	padding-bottom: 10px;
}
div.content h3 { margin-bottom : 0.25em }
h1 {
	margin : -9px -9px 0.5em;
	white-space : nowrap;
	background : #FFFFFF;
	color : #999999;
	font : bold 25px sans-serif;
	text-align : left;
	letter-spacing : 0.5em;
	text-transform : none;
	height : 18px;
	vertical-align : top
}


code, pre { color : #FFCC00; font : 90% monospace;  background-color : #FFFFFF;    }

/* To better help accomodate Netscape 4 and text only browsers, this is used to hide layers that we want to show in NN4 and text only browsers.
   ie: quick page jumps to menu at bottom of page, and jump to top of page from menu. */
div.hide {
	display : none;
}
.ImageFloatLeft {  float: left}
.ImageFloatRight {  float: right}
.image1 {
	background-color: #FF9900;
	height: 125px;
	width: 250px;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#maincontent {
	background-color: #FF9900;
	border: 1px solid;
	border-color: #FF9900;
	font-size: 0.85em;
	line-height: 1.5em;
	padding: 20px 30px;
	text-align: justify;
	width: 420px;
}
h2.first {margin: 0; color: #FFFFFF; font-size: 1.5em;}
#p7swapmenu {
	background-color: #770013;
	border: 1px solid;
	border-color: #000000;
	left: 6px;
	padding: 0px;
	position: absolute;
	top: 220px;
	width: 180px;
}

#p7swapmenu ul {margin: 0px; padding: 0px;}
#p7swapmenu li {margin: 0px; padding: 0px; list-style-type: none;}

.closed a, .open a {
	background-repeat: no-repeat;
	background-position: 3px 50%;
	background-color: #003366;
	border: 1px solid;
	border-color: #C9D0AD #848C71 #848C71 #C9D0AD;
	color: #EEF0E3;
	display: block;
	font-size: .8em;
	padding: 2px 0px 2px 16px;
	text-decoration: none;
	line-height: 120%;
}
.closed a:hover, .open a:hover {
	background-color: #003366;
	color: #0099CC;
}
.closed a {
	background-image: url(menplus.gif);
}
.open a {
	background-image: url(menminus.gif);
}
.closed ul a, .open ul a, .open ul a:hover {
	background-color: transparent;
	background-image: url(pagemarker.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0;
	color:#800040;
	font-size: .8em;
	font-weight:normal;
	padding: 0 0 0 12px;
	margin: 0 0 0 16px;
}
.open ul a:hover {
	background-color: transparent;
	letter-spacing: .1em;
}
#p7current {font-weight: bold;}
.lineheight {
	list-style-position: inside;
	list-style-type: disc;
	line-height: 135%;
}
.accoladesText {
	color: #000000;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #FFFFCC;
	font-weight: bold;
}
.accoladesTextCopy2 {

	color: #000000;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #FFFFCC;
	font-weight: bold;
}
.thinborderfloat {
  float:left;
  border:solid 1px silver;
  padding:5px;
  margin-right:10px;
  }