@charset "utf-8";
/* CSS Document */

body {

	font-family: "Ariel", Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

* {

	margin: 0px auto;
	padding: 0px;
}

html {
padding-top:10px;
	height: 101%;
	background-color: #D2E4FF;
}

p {

	margin-bottom: 5px;
}

	.blueText {
		color: #0000FF;
    	}

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

h2 {
	text-align:center;
	font-size: 10pt;
	color: #666666;
	padding: 0px;
	margin: 0px;
	}
	
h3 {
	text-align:center;
	font-size: 12pt;
	padding: 0px;
	margin: 0px;
	}
h4 {
	text-align:center;
	font-weight:100;
	font-size: 12pt;
	}

a img {

	border: none;
	}

a {
	color: #0066FF;
	text-decoration: none;
	padding: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	}

	a:hover {
	
		background-color: #3399FF;
		color: #FFFFFF;
		}
		a.none{
		color:#000000;
		}
		a.none:hover {
		background-color:#FFFFFF;
		color: #000000;
		}
	
	
ul {

	margin: 10px;
	margin-left: 20px;
}


li {

	margin-bottom: 3px;
	list-style: none;
	text-align:center;
	font-size:12pt;
    }

#container {
position: relative;
width: 980px;
background-color:#FFFFFF;
border: solid 1px;
}

	#header {
	width: 980px;
	height:115px;
	background-image:url(Images/title.png);
	}
	
	#footer {
	text-align: center;
	color: #666666;
	padding: 10px;
	border-top: 1px solid #DDDDDD;
	}
	
	#content {
	background-color: #FFFFFF;
	padding-bottom: 5px;
	}
	
	#menu { height: 20px;
	}
	
	
		#menu div.selected a {
		
			background-color: #FFFF33;
		}
		
		#menu div.selected a:hover {
		
			background-color: #FFFF33;
		}
	
		#menu div {
		
			float: left;
			width: 140px;
			text-align: center;
			border-top: solid 1px;
			border-bottom: solid 1px;
			}
		
			#menu div a {
	color: #000000;
	text-decoration: none;
	display: block;
	background-color: #C5E1FE;
	height: 20px;
	padding-top: 3px;
			}
			
			#menu div a:hover {
	background-color: #0066FF;
			}

#splashhold {
width:950px;
height:480px;
}

#splashleft {
	padding-top:75px;
	float: left;
	width: 275px;
	}
	
#left {
	width: 475px;
	height: 400px;
	float: left;
	}
#right {
	width: 475px;
	height: 400px;
	float: left;
	}			


#splashtxt {
	float: left;
	background-color:#FFFFFF;
	width: 400px;
	height:480px;
	text-align:justify;
	}
	#splashtxt1 {
		float: left;
		width: 200px;
		height:480px;
		text-align:center;
		}
	#splashtxt2 {
		float: left;
		width: 200px;
		height:480px;
		text-align:center;
		}	

#splashright {
	padding-top:75px;
	float: left;
	width: 275px;
	}	
	
#splashimage {
	background-image:url(Images/front.jpg);
	width: 400px;
	height: 452px;
	float: left;
	}


#imageholder {
    height: 860px;
    width: 888px;
    }
    
    #imageholder div {
		float: left;
		width: 200px;
		height: 150px;
		text-align: center;
		margin: 10px;
		overflow:hidden;
			}
	#imageholder a {
	    padding: 0px;
	    border: 0px;
	    }
	    
#imagesingle {
    height: 600px;
    width: 800px;
    background-color: Lime;
    border: solid 1px;
    }

#imagebuttons {
    height: 40px;
    width: 350px;
    }
    
    #imagebuttons div {
        float: left;
        margin-top: 15px;
        margin-left: 15px;
        margin-right: 15px;
        height: 40px;
        width: 40px;
        text-align: center;
        }   
    #imagebuttons a {
	    padding: 0px;
	    border: 0px;
        }

/* Events Page start*/

#allevents {
padding:0px;
width:980px;
height:700px;
}

#allevents div {
width: 196px;
height: 700px;
float:left;
}

#allevents div p {
margin: 3px;
}

/* Events Page start*/

#people {
padding:0px;
width:900px;
height:640px;
}
    #people div {
    width:280px;
    height:300px;
    margin:10px;
    margin-bottom:0px;
    float:left;
    }