/* CSS for WSGNA - Mary Garcia */

* {margin: 0;
 	padding: 0
	}

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	width: 100%;
	background-color:#ECEBD5;
	background-position: center center;
	margin: 0; padding: 0;
	}
#container {
    width: 800px;
	margin: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background: #fff;
	}

#photo {
	vertical-align:top;
	height:250px;
	margin: 0;
	background-color:#F9F4E6;
	width:700px;
	font-size:12px;
	color:#333333;
} 	
#wrapper {
    width: 760px;
	margin: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 0 20px 0 20px;
	background: #fff;
	font-size:10px;
	color:#330066;
	}	

#header {
	height: 100px;
	background-image:url(graphics/logoviolet4.png); 
	background-repeat: no-repeat;
	margin: auto;
	}
	
#greenbar {
	background:url(graphics/bar.png);
	background-repeat:no-repeat;
	width: 800px;
	height:10px;
	margin:auto;
	}

#topnav, #topnav a:link, #topnav a:visited  {
		margin: auto; 
		background:#2f3f83;
		padding: 5px 10px 5px 10px;
		text-align: left;
		font-size: 90%;
		color:#ECEBD5;
		width:780px;
		height: 17px;
		list-style:none;
		text-decoration:none;
		}
		
#topnav a:hover {
 		margin: auto;
		background: #647399;
		padding: 5px 10px 5px 10px;
		color:#FFFFFF;
		width: 780px;
		height: 17px;
		text-decoration:none;
		}


#main {
	vertical-align:top;
	height:500px;
	margin: 0;
	float:left;
	background-color:#F9F4E6;
	width:410px;
	padding: 0 30px 0 40px;
	font-size:12px;
	color:#333333;
} 

#main p {
	font-style:italic;
	}
	
#widget_1 { 
	vertical-align:top;
	float:right;
	margin: 0;
	background-color:#Ffffff;
	width:259px;
	padding: 20px 30px 0 30px;
	height:480px;
	font-size:12px;
	border-left:1px;
	border-left-style:dotted;
	border-left-color:#666666;
	}

#main2 {
	vertical-align:top;
	height:575px;
	margin: 0;
	float:left;
	background-color:#F9F4E6;
	width:410px;
	padding: 0 30px 0 40px;
	font-size:10px;
	color:#333333;
} 
#main2 p {
	font-style:italic;
	}

#widget_2 { 
	vertical-align:top;
	float:right;
	margin: 0;
	background-color:#Ffffff;
	width:259px;
	padding: 20px 30px 0 30px;
	height:555px;
	font-size:12px;
	border-left:1px;
	border-left-style:dotted;
	border-left-color:#666666;
	}
#main3 {
	vertical-align:top;
	height:1000px;
	margin: 0;
	float:left;
	background-color:#F9F4E6;
	width:410px;
	padding: 0 30px 0 40px;
	font-size:10px;
	color:#333333;
} 	
#widget_3 { 
	vertical-align:top;
	float:right;
	margin: 0;
	background-color:#Ffffff;
	width:259px;
	padding: 20px 30px 0 30px;
	height:980px;
	font-size:12px;
	border-left:1px;
	border-left-style:dotted;
	border-left-color:#666666;
	}
		
#main4 {
	vertical-align:top;
	height:650px;
	margin: 0;
	float:left;
	background-color:#F9F4E6;
	width:410px;
	padding: 0 30px 0 40px;
	font-size:10px;
	color:#333333;
} 	
#widget_4 { 
	vertical-align:top;
	float:right;
	margin: 0;
	background-color:#Ffffff;
	width:259px;
	padding: 20px 30px 0 30px;
	height:630px;
	font-size:12px;
	border-left:1px;
	border-left-style:dotted;
	border-left-color:#666666;
	}	
		
#footer {
	width:775px;
	background-color: #ececf7;
	background-image:url(images/logofooter100.jpg);
	background-repeat:no-repeat;
	margin-top:500px;
	padding-top:5px;
	padding-bottom: 5px;
	padding-right: 25px;
	text-align: right;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px ridge #CCCCCC;
	height: 93px;
	font-size:10px;
	color:#666666;
}

#footer2 {
	width:775px;
	background-color: #ececf7;
	background-image:url(images/logofooter100.jpg);
	background-repeat:no-repeat;
	margin-top:575px;
	padding-top:5px;
	padding-bottom: 5px;
	padding-right: 25px;
	background-color: #ececf7;
	text-align: right;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px ridge #CCCCCC;
	height: 93px;
	font-size:10px;
	color:#666666;
}	
#footer3 {
	width:775px;
	background-color: #ececf7;
	background-image:url(images/logofooter100.jpg);
	background-repeat:no-repeat;
	margin-top:1000px;
	padding-top:5px;
	padding-bottom: 5px;
	padding-right: 25px;
	text-align: right;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px ridge #CCCCCC;
	height: 93px;
	font-size:10px;
	color:#666666;
}	
#footer4 {
	width:775px;
	background-color: #ececf7;
	background-image:url(images/logofooter100.jpg);
	background-repeat:no-repeat;
	margin-top:650px;
	padding-top:5px;
	padding-bottom: 5px;
	padding-right: 25px;
	text-align: right;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px ridge #CCCCCC;
	height: 93px;
	font-size:10px;
	color:#666666;
}		
/* GENERAL STYLES */

	

h1 {
	font-size: 2em;
	padding-top: 20px;
	padding-left: 30px;
	color:#68805a;
	font-weight: bold;
}

h2 {
	font-size: 1.7em;
	padding-top: 20px;
	padding-left: 30px;
	color:#68805a;
	font-weight: bold;
}

h3 {
	font-size: 1.3em;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #68805a;
	font-weight: bold;
}
h4 {
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #68805a;
	font-weight: bold;
	
	}
h5  {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left:35px;
	color: #68805a;
	font-weight: bold;
}

a:link {
	color:#003366;
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
}     /* unvisited link */

a:visited {
	color: #0033cc;
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
}  /* visited link */

a:hover {
	color:#6666CC;
	text-decoration:underline;
	font-weight: bold;
	font-size:12px;
}   /* mouse over link */

a:active {
	color: #003366;
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
}   /* selected link */	

/*-------------------- classes---------------------------*/
.members_only_p	{
	font-size:10px;
}
	
.photos  {
		border:1px;
		border:#E1E1E1;
		border-style:solid;
		}
		
.libold {
	font-weight:bold;
	font-style:italic;
	}
.li_indent {	
    padding-left:10px;
	}
	
.checkbox {text-align: right; width: 90px;
}

.p {padding:10px;
	font-size: 10px;
	}
	
.p1 {padding:10px;
	font-size: 12px;
	 margin: 5px 5px 5px 5px;
	color:#333333;
	}

.p2 { background-image:url(images/fall_image.png); 
		background-repeat:no-repeat;
	font-size: 24px;
	margin: 0px 0px 5px 5px;
	
	color: #003333;
	border:groove medium #003333; 
	width: 220px;
	}
	
.p_li {	
    padding-left:10px;
	}


.photos_right {
	padding: 5px 10px 5px 0px;
	}