html {
      height: 100.1%;
}

body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	font-size-adjust: .71;  /*New feature for Firefox 3. this value is a pretty good for matching up with IE */
}

body,
td,
li,
p,
div
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

p {
	font-size: 1.0em;
    line-height:1.8em; /*FF*/
    #line-height:1.5em; /*IE */	
	margin:.8em 0em .8em 0em;
	color:#6c6b6b;
}

img {border:0px;}

img.banner {
	border:0px;
	display:block;		/*this line removes the ~3px space beneath images */
}

img.right {
	border:0px;
	float:right;
	padding:4px 4px 10px 10px;
}

img.left {
	border:0px;
	float:left;
	padding:4px 10px 10px 4px;
}
	
/*	BEGIN MAJOR BLOCKS SECTION	*/
div.center-ie5 /* this is needed in IE5 to center content*/
{
	text-align:center;
	width:100%;
}

div.container {
	margin-left:auto;
	margin-right:auto;	
	margin-top:4px;
	width:750px;
	border:1px solid #000000;
	height:100%; 
	text-align:left;
	background:#fffff0 
}

div.menu {
/*	position:relative; */
	padding-top:3px;
	padding-bottom:3px;
	padding-left:4px;
	width:740px;
	font-size:1.12em;
    text-align:-moz-center; /*FF*/
    #text-align:center; /*IE */
}

.MenuItem a, .MenuItem a:hover
{
    width:100%; 
    display:block; 
    text-align:center;
    text-decoration:none;
}
    
div.leftpic {
	float:left;
	width:229px;
	padding:5px;
}

div.main {
    float:right;
	width:461px;
	padding:5px 25px 5px 25px;
}

div.main2 {
	width:720px;
	padding:5px 15px 5px 15px;
}	
/*	END MAJOR BLOCKS SECTION	*/

/*	BEGIN TITLES AND TEXT HEADER SECTION	*/
span.pagetitle {
	color:#330000;
	font-size:2.25em;
	/*font-weight:bold; */
}

span.paratitle {
	color:#330000;
	font-size:1.02em;
	font-weight:bold;
}

span.pagetitle a,
span.paratitle a {
	text-decoration:none;
}

span.pagetitle a:hover,
span.paratitle a:hover {
	color:#000000;
	text-decoration:underline;
}

div.piccontentright{
	position:relative;
	float:left;
	width:400px;
	left:0px;
	padding-bottom:10px;
}

div.piccontentpicright{
	position:relative;
	float:left;
	top:3px;
}
/*	END TITLES AND TEXT HEADER SECTION	*/

/*	 BEGIN FOOTER SECTION	*/
div.footer {
	margin:0px auto;
	padding:0px 0px 5px 0px;
	width:748px;
	display:block;
	clear:both;
    text-align:-moz-center; /*FF*/
    text-align:center; /*IE */
	background:#ffffff;
}

div.fineprint {
	padding:5px;
	width:700px;
	font-size:.8em;
}
/*	END FOOTER SECTION	*/
/*
a:link, 
a:visited
{
	color:#003399;
}

a:hover
{
	color:#111111;
	text-decoration:underline;
} */