body { 
margin-left: 10px; margin-right: 10px; 
font-family: Arial, Helvetica, sans-serif;

}
p {
margin-left: 15px; margin-right: 15px;
padding-top: 3px; font-size: 10pt;
color: Black; text-align: left;
}
.indent {
	margin-left: 80px;
}
.center {
text-align: center;
}

.small {
	font-size: 8pt;
}
.white {
	color: white;
}

.red {
	color: Red;
}
.navy {
	color: Navy;
}

.justify {
text-align: justify;
padding-right: 10px;
}

.right {
text-align: right;
padding-right: 10px;
}
.navigation {
margin-left: 15px; margin-right: 15px;
padding-top: 2em;
font-size: 10pt;
text-align: center;
}
.footer {
color: #F0F8FF;
text-align: center;
font-size: 8pt;
margin-top: 25px;
}	
.tablerow {
	margin-left: 2px;
	font-size: 10pt;
	text-align: left;
}

blockquote {
	margin-left: 20px;
	margin-right: 20 px;
}

.validateError {background-color: #FF3333; }

a:link, a:visited { 
font-size: 10pt;
font-weight: bold;
color: navy; 
}
a:hover {
color: #313f95;	
}
a.link { 
font-size: 10pt;
font-weight: bold;
color: #8080ff; 
text-decoration: none
}
a:hover2 {
color: #313F95;	
}
a.footer:link, a.footer:visited { 
font-size: 8pt;
font-weight: bold;
color: #F0F8FF; 
}
a.wht:link { 
color: white; 
}
a.alpha:link, a.alpher:visited { 
font-weight: bold;
color: red; 
}
a.none {text-decoration: none;}

ul {
	list-style-position: outside;  
	list-style-type: square; 
	color:  #000; 
}
li {
	line-height: 26px;
	margin-right: 5px;
	font-size: 10pt;
} 

/* =hx */
h1, h2, h3, h4 {font-family: "Georgia", Times, serif;; clear : left; font-weight: bold; margin-left: 15px;}

h1 { color: navy; text-align: center;}
h2 { color: #313f95; font-variant: small-caps; }
h3 { font-size : 120%; color: navy; font-variant: small-caps;}
h4 { font-size : 110%; color: navy;}

.clearFloats {clear: both;}

hr {
	height: 1px;
	width: 85%;
	color: #313F95;
	text-align: center;
	}
 

#wrapper {
	border: 2px solid red;
	width: 800px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	background-color: #fff;
	background-image: url(../images/logoFriends2.gif);
	background-repeat: no-repeat;
	height: auto;
	}

#header {
	float: top;
	padding: 20px;
	margin-left: 200px;
	text-align: center;
	}

#container {
	position: absolute;
	margin-left: 75px;
	margin-right: auto;
	padding: 6px;
	width:700px;
	height:auto;
	}
#mainContainer {
	margin-left: 75px;
	margin-right: auto;
	margin-bottom: auto;
	padding: 10px;
	width: 650px;
	}

#outer {
	position: relative;
	margin-left: 66px;
	width: 720px;
	height: 460px;	/*background-color: #CF0;
	border: solid 1px black;*/
}
#outer2 {
	position: relative;
	margin-left: 66px;
	width: 720px;
	height: 775px;	/*background-color: #CF0;
	border: solid 1px black;*/
}
#outer3 {
	position: relative;
	margin-left: 66px;
	width: 720px;
	height: 950px;	/*background-color: #CF0;
	border: solid 1px black;*/
}
#outer4 {
	position: relative;
	margin-left: 66px;
	width: 720px;
	height: 1500px;	/*background-color: #CF0;
	border: solid 1px black;*/
}

#workshops {
	position: absolute;
	margin-left: 20px;
	width: 306px;
	padding: 4px;
	border: dashed navy;
	border-width: 1px;
	/*total width= 317*/
	text-align: left;
	background-color: #F0F8FF;
}

#container1 {
	position: absolute;
	margin-top: 0px;
	margin-left: 360px;
	text-align: left;
	padding: 4px;
	width: 330px;
	/*total width= 339*/
	height: auto;
	border: solid 1px;
	}

div#archives {
	float: right; border: solid navy; 
	border-width: 1px; text-align: center; padding-left: 4px; padding-right: 2px; width: 350px; color: #000; margin-right: 10px;
}
	
#dynForm {
float: right;
width: 500px; 
margin-right: 45px;
padding: 14px 10px 10px 0px; 
/* border: dashed navy; 
border-width: 2px; 
background-color: #F0F8FF; */
text-align: center;
	}	

#centerContainer {
	margin-top: 40px;
	margin-left: 200px;
	position: relative;
	margin-right: auto;
	text-align: center;
	padding: 10px;
	width:450px;
	height: auto;
	border: solid 1px;
	color: #FFF;
	background-color: #00C;
	}
	
#container2 {
	line-height: 16px;
	width: 280px;
	border: 2px solid navy;
	background-color: #314294;
	padding: 15px;
	margin-top: 290px;
	margin-left: 200px;
	height: auto;
		}
		
#container3 {
	float:right;
	position: relative;
	margin-right: 25px;
	text-align: center;
	padding: 10px;
	width:300px;
	height: auto;
	border: 0px;
	}
	
#footer {
	font-size: 9px
	padding: 2px; 
	color: #996633;		
	}