body {
  background-color: #fffaf0;
  color: #000;
  font-family: arial, helvetica, serif;
  font-size: 80%;
  /*background:  white no-repeat 6000px 6000px;*/
  padding: .75em;
  margin: 0;
}
.wrapper {
  width:780px;
  margin: .75% 1.5%;
  padding: 0;
  border: thin solid #000000;
  background-color: rgb(195,195,195);
}


.titlebar {
  width: 100%;
  margin-left:15px;
  margin-top:auto;
  margin-right: auto;
  padding: 0;
  
}

.main {
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: thin solid #000000;
  border-bottom: thin solid #000000;
  color: #000;
  background: rgb(222,222,222) url(images/2col-bg2.png) 75% 0 repeat-y;
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to right sidebar, repeat img vertically.
   Could be easily modified for left sidebar - just flip the image,
   change bg position to 25% and change .content to float:right.
*/
}
.content {
  width: 100%;         /* width of .main container */
  float: left;        /* left side of window */
  margin: 0;
  padding: 2% 2% 2% 2%;
}

.mainInner {

padding: 0 4% 0 2%;	
	
}

.heading1 {
	padding: 0 1.6em 0 0; 
	font-size:1.3em;	
	text-align:center;
}

.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.footer {
  background-color: rgb(195,195,195); /* same bg color as h1 */
  color: #000000;
  margin: 0;          /* flush with .main */
  padding: 1% 2%;
  text-align: center;
  font-size:.8em;
}
.sidebar ul {
  margin-left: 1em;
  padding-left: 0;
}
.menuPos
	{
	z-index:2;
	padding: .1em;
	}



.centeredImg
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:5%;
    padding:0px;

    }
	
	

a 	{
	text-decoration: none;
	}

a:link {
	color: blue;
	}

a:visited {
	color: #0000cc;
	}

a:active {
	color: red;
	}

a:hover {
	text-decoration: underline;
	color:red;	
	}	

h1 	{
	text-align: center;
	padding: 0 0 0.25em 0;
	margin: 0;
	}

ul	 {
	list-style: none;
	padding: 0;
	margin: 0;	
	
	}

#nav a {
	font-weight: bold;
	color: black;
}

#nav a {
	text-decoration: none;	
	}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #000;
	padding: 0.2em 10px;
	
	}

#nav li li a:hover {
	padding: 0.2em 5px;
	border: 5px solid #0000cc;
	border-width: 0 5px;
	color: blue;
	background-color: #ccc;
	
	}

	
	
	
li {
	float: left;
	position: relative;
	width: 7em;
	text-align: center;
	cursor: default;
	background-color: #CCCCCC;
	border: 1px solid #0000cc;
	border-width: 1px 0;
	}

li#first {
	border-left-width: 1em;
	}

li#last {
	border-right-width: 1em;
	}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;

	font-weight: normal;
	/*background-color: #fffaf0;*/
	background-color: #aaa;
	padding: 0.5em 0 1em 0;
	border-right: solid 2px #0000cc;
	border-top: solid 1px #0000cc;
	border-left: solid 1px #0000cc;
	border-bottom: solid 2px #0000cc;
	}

li>ul {
	/*top: auto;*/
	left: 0;
	}

li li {
	display: block;
	float: none;
	background-color: #aaa;
	border: 0;
	}

li:hover ul, li.over ul {
	display: block;	
		
	}

hr 	{
	display: none;
	}

p 	{
	clear: left;
	background: center left no-repeat;
	padding: 1em 1em 0 1em;
	margin: 0;
	}

p.image {
	float: right;
	font-size: 0.8em;
	text-align: center;
	color: #0000cc;
	padding: 1.25em 1.25em 0.25em 0.25em;
	}

p.image img {
	display: block;
	border: 1px solid #0000cc;
	}
	
.subBoxFloat {
	float: left;
	border: 1px solid #000000;	
	width:16em;
	height:22em;
	padding:0.7em;
	margin-right:1em;
	margin-left:1em;
		}
.narrowBoxFloat {
	float: left;
	border: 1px solid #000000;	
	width:10em;
	padding:0.7em;
	margin-right:1em;
	margin-left:1em;
	text-align:center;
		}
	
		
.noLineBox {
	float: left;
	width:14em;
	padding:0.7em;
	margin-right:1em;
	margin-left:1em;
	
}

.noLineBoxW {
	float: left;
	width:15.5em;
	padding:0.6em;
	margin-right:.65em;
	margin-left:.65em;
	font-size:.95em;
	
}
.noLineBoxMid {
	float: left;
	width:21em;
	padding:0.2em;
	margin-right:.85em;
	margin-left:.85em;
	font-size:.95em;

}

.noLineBox60p {
	float: left;
	width:60%;
	padding:0.5em;
	margin-left:1em;
	
}

.noLineBox93p {
	float: left;
	width:93%;
	padding:0.5em;
	margin-left:1em;
	
}


td {
	font-size:.98em;
	padding:.1em;	
}