body {
   /* background: #06004F url(../images/stripes.jpg) repeat-xy 0% 0%; */
	/* CFD3C9 background grey */
	background-color: #111142;
	text-align: left;
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
#main {
	width: 98%;
	background-color: #F5F5F5;
	border: thin groove #CFD3C9;
	margin: 3% 8% 3% 8%;
}
a {
   color: #36057c;
   text-decoration: underline;
}
a:hover {
   color: #6600CC
}
a:visited {
   color: #7a7977;
}
a:active {
   color: Yellow;
}

#header {
   /* #FFFAFA */
	background: #F5F5F5 url(../images/blue-small.gif) no-repeat 2% 70%;
	position: relative;
	border-bottom: 2px groove #A9A9A9;
	width: 100%;
	height: 75px;
   margin: 0;
	top: 0px;
  
}
#nav {
	position: abosolute;
	right: 0px;
	top: 100px;
	margin: 0px;
	text-align: right;
   width: 100%;
	background-color: #CFD3C9;
	border-bottom: 1px solid  #191970;

}

#nav a {
/* #a3a19f gray color #36057c blue */
	text-decoration: none;
	display: inline;
	font-size: 75%;
	font-weight: bold;
   
	top: 15px;
	padding: 2px 4px 2px 6px;
	margin: 0;
	border-right: 1px solid #366;
   border-top: 1px solid #366;
/*	color: #666666; */
   color:  #191970;
}
#nav a.last {
	
	border-right: none;
}
#contentbox {
   position: relative;
   width: 100%;
   margin: 0 0 3% 0;
   top: 20px;
}
#breadcrumb {

   text-align: right;
   width: 100%;
	top:0px;
   left: 0px;
	color:  #696969;
	font-size: 80%;
	font-weight: bold;
	padding: 5px 5% 3px 10%;
	margin: 0px 0px 0px 0px;
	background-color: #CFD3C9;
	border-bottom: 1px solid #191970
}
#breadcrumb a {

	color: #191970;
	
	font-weight: bold;
	

}
#content {
   position: relative;
   width: 100%;
	text-align: left;
   margin: 1em 1em 2em 2em;
	padding: 1em;
	font-size: 90%;
}
#content p, h2 {
   padding-right: 2em;
   margin-right: 1em;
}

h2.subtitle {
	font-size: 120%;
}
#styleswitch {

	width: 90%;
	border: thin groove Silver;
	padding: 10px;
	margin: 15px;
}