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

body
{
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #FFF;
	text-align: center; /* hack for IE display */
	
}

.window /*all three columns is what window is*/
{
	text-align: left; /* hack for IE display */
	margin-left:  10px;
	margin-right: auto;
	width: 1303px; /*not 1303px because won't open in IE unless 1028px?? */
	height: 938px;	/* 920px manual */
}

.leftcolumn
{
	width: 169px;
	height: 100%;
	background: url(../images/leftsidebar.png);
	background-color: #309;
	float:left;
}

.middlecolumn
{
	width: 962px;
	height: 100%;
	background-color:#e7e7e7;
	float:left;
}

.rightcolumn
{
	width: 172px;
	height: 100%;
	background:url(../images/rightsidebar.png);
	background-color:#FFF;
	float:right;
}


.header
{
	width: 962px;
	height: 170px;
	background:url(../images/header.png);
	background-color:#FFF;
	
}


.whitetopspace
{
	height:698px;
	width: 962px;
	background:url(../images/main.png);
	background-color:#FFF;
}



.footertext
{
	width: 962px;
	height: 20px;
	background:url(../images/main.png);
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
}
.spacing 
{
	background:url(../images/menu.png);
	background-color:#FFF;
	height:50px;
	width:100%; 
	
}
.navbar
{
	margin-top: 189px;
	margin-right:70px;
	color:#FFF;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
}

.navbutton
{
	cursor: hand;
	cursor: pointer;
	color:#FFF;
	float:left;
	margin-left: 115px;
	margin-right:50px;
}



.welcome
{
	margin-left:19px;
	margin-top:30px;

	font-family:Georgia, "Times New Roman", Times, serif;
	color:#f17700;
	font-size:160%;
	
	
}

.welcometext
{
	margin-left:19px;
	margin-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:85%;
	color:#111111;
}

.bottomimage
{
	float:none;
	width: 600px;
	height: 400px;
	background:url();
	margin-top:24px;
	
	
}

.welcomecontainer
{
	float:left;
	height:200px;
	width: 450px;
	margin-right:38px;
	margin-left: 30px;
	
}

.normalcontainer
{
	positioning:absolute;
	float:left;
	width: 700px;
	margin-right:60px;
	margin-left: 60px;
	margin-top: -100px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:85%;
	color:#000000;
	
}

.photocontainer
{
	float:left;
	margin-left: 180px;
	height:390px;
	width:600px;	
}

.newsandeventscontainer
{
	margin-top:75px;
	float:left;
	height:304px;
	width: 100%;
	
}

.newscontainer
{
	
	width: 420px;
	margin-left:19px;
	margin-right:38px;

}

.eventscontainer
{
	
	float:left;
	width:50%;
	
}



.subtext
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#676767;
	margin-left:25px;
	margin-top:25px;
}

.sublink
{
	margin-top:4px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:130%;
}

.sublink2
{	
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #513632;
}

/* reversed halfway : lefthalf is actually right half and vice versa */
.lefthalf
{
	float:right;
	height:50px;
	width:520px;
	

}

.righthalf
{
	float:left;
	height:100%;
	width:962px;
	
}

.leftandright
{
	height:524px;
	margin-top:-589px;
	width:500px;
	left: 169px;
	top: 880px;
}

a 
{
	text-decoration: none;
	color:#FFF;
}

i
{
	font-family:Georgia, "Times New Roman", Times, serif;
}

.subheader
{
	fon-familyt:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	
	color:#c06030;
}

h2 
{
	/*color:#7788e7;*/
	color:#003;
	font-family:"Century Gothic";
} 

h5 
{
	color:#c06030;
	font-family:Georgia, "Times New Roman", Times, serif;
} 

p
{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #513632;
}

li
{
	color: #513632;
}

ul
{
	color: #513632;
}



/*------------------------------------------------------
/* have to test this in every single browser possible */
/*--------------------------------------------------------*/

.dropdownmenu
{
	display:none;
	background-color:#9DAAD0;
	width:100px;
	float:none;
}

.navbutton:hover .dropdownmenu
{
	position:absolute;
	display:block;
	float:none;
		
}
	

.menucontrol
{
	font-weight:600;
	height:30px;
	float:none;
	color: #FFF;
}

.menubutton
{
	color:#355CA4;
	float:none;
	margin-left:10px;
	margin-right:20px;
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
}

.menubutton:hover
{
	color:#FFF;
	float:none;
	margin-left:10px;
	margin-right:20px;
	font-size:18px;
	margin-top:10px;
	margin-bottom:10px;
	text-decoration: overline;
}