html {margin: 0; padding: 0;}

body {
	margin: 25px 0 25px 0; padding: 0;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 84%;
	line-height: 1.4em;		
	background: white;
	color: black;
	text-align: center;
	}
	
.main {
	width: 760px;
	background: #FFFFD2 url('../images/bg.gif') repeat;	
	text-align: justify;
	margin: 0px auto;
	position: relative;
}

.menu {
	width: 187px;
	text-align: left;
	margin: 0 0 0 16px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 0px;
	top: 0px;	
}

.text {
	margin-left:  187px;
	padding-right: 187px;
	background-repeat: repeat-y;
	background-position: 397px 0px;
	position: relative;
}

h1 {
	font-size: 44px;
	padding: 24px 10px 9px 10px;
	margin: 0px;
	text-align: center;
}

h2 {
	font-size: 26px;
	padding: 0px 10px 6px 10px;
	margin: 0px;
	line-height: 1.45em;
	text-align: center;		
}

h3 {
	font-size: 1.3em;
	padding: 8px 0 2px 0;
	margin: 0px;
	line-height: 1.45em;
	font-weight: normal;	
}

.rule1 {
	border-top: 1px black solid;
}

.pad1 {
	padding: 0 0 0 0;
	width: 366;
	position: relative;
	left: 10px;
/* This element is set up in this way to fix the IE italic bug */	
}

.ribbon {
	padding: 11px 0 9px 0;
}

.bib {
	text-indent: -3em;
	margin-left: 3em;
	text-align: left;
	margin-bottom: 0px;
}

.tiny {
	font-size: 78%;
	line-height: 1.2em;	
}

.left_pic {
	margin: 2px 8px 0 0;
	border: black 1px solid;
	float: left;
}

.right_pic {
	margin: 2px 0 0 8px;
	border: black 1px solid;
	float: right;
}

.gap {
	margin: 0 0 10px 0;
}

.screen_hide {
		display: none;
}

.purple {color: #6633CC;}
.purple a:link {color: #6633CC; text-decoration: underline;}
.purple a:visited {color: #6633CC; text-decoration: underline;}
.purple a:hover, a:focus {color: #6633CC; text-decoration: none; background: #DACEF2;}
.purple a:active {color: #6633CC; text-decoration: underline;}

a:link    {color: black; text-decoration: underline;}
a:visited {color: black; text-decoration: underline;}
a:hover, a:focus {color: black; text-decoration: none; background: #DACEF2;}
a:active  {color: black; text-decoration: underline;}


/* menu styles */

div#menu2 {
	border-top: black 1px solid;
	width: 160px;	
}

div#menu2 a {
	display: block;
	margin: 0 0 0 0px;
	padding: 2px 3px 2px 3px;
	border-bottom: black 1px solid;
	text-decoration: none;}
	
div#menu2 a:hover, div#menu2 a:focus {background: #E1E1FF;}

/* end of menu styles */