@charset "utf-8";
/* CSS Document */
	body {
		background-color:#4396ca;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
		position:relative;
		margin:0;
		padding:0;
	}
	
	img {
		border:none;
	}
	
	a {
		text-decoration:none;
		color:#19374F;
		font-weight:bold;
	}
	
	a:hover {
		text-decoration:none;
		color:#4396ca;
	}
	
	h1, h2, h3, h4, h5 {
		margin:0;
		padding:0;
	}
	

	
	.clearFloat {
		clear:both;
	}

	#wrapper {
		border:2px solid white;
		text-align:left;
		width:1000px;
		margin-left:auto;
		margin-right:auto;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
		-moz-box-shadow: 5px 0px 5px #19374F;
		-webkit-box-shadow: 5px 0px 5px #19374F;
		box-shadow: 5px 0px 5px #19374F;
	}
	
	#header {
		border-top:10px solid white;
		background-color:white;
		border-bottom:1px solid white;
	}
	
	#logo {
		background-color:white;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
		padding:15px;
		display:inline-block;
		float:left;
		position:relative;
		z-index:5;
	}
	
	#navHolder {
		display:inline-block;
		height:75px;
		width:740px;
		margin:0px;
		background-color:#19374F;
		border-top-left-radius:25px;
	}
	
	#nav {
		font-family:Arial, Helvetica, sans-serif;
		margin-top:17px;
		margin-left:20px;
	}
	
	#nav a {
		text-decoration:none;
		font-weight:normal;
	}


	#nav, #nav ul {
		list-style:none;

	}
	
	#nav ul {
		margin:0;
		position:absolute;
		border-top-right-radius:10px;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
		-moz-box-shadow: 5px 5px 5px #000;
		-webkit-box-shadow: 5px 5px 5px #000;
		box-shadow: 5px 5px 5px #000;
		padding:2px;
		background-color:#4396ca;
		visibility:hidden;
		opacity:0;
		-webkit-transition: opacity 0.25s ease-in, visibility 0.25s ease-in; /*safari and chrome */
 		-o-transition: opacity 0.25s ease-in, visibility 0.25s ease-in; /* opera */
		-moz-transition: opacity 0.25s ease-in, visibility 0.25s ease-in; /* firefox */
		z-index:15;
	}
	
	#nav li {
		font-size:18px;
		line-height:40px;
		display:inline-block;
		float:left;
	}
	
	#nav li a {
		display:block;
		padding-right:10px;
		padding-left:10px;
		color:white;
		border-radius: 10px;
		margin-right:10px;
		-webkit-transition: background-color 0.25s ease-in; /*safari and chrome */
 		-o-transition: background-color 0.25s ease-in; /* opera */
		-moz-transition: background-color 0.25s ease-in; /* firefox */
	}
	
	#nav li a:hover, #nav li:hover a {
		background-color:#4396ca;
	}
	
	#nav li:hover ul {
		opacity:1;
		visibility:visible;
	}
	
	#nav li a.drop {
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
	}
	
	#nav ul li {
		display:block;
		float:none;
	}
	
	#nav ul li a {
		border-radius:0;
		display:block;
		font-size:12px;
		padding:5px;
		line-height:normal;
		margin:0;
		background-color:#4396ca;
	}
	
	#nav ul li a:hover {
		background-color:#19374F;
	}
	
	#nav ul li.top, #nav ul li.top a {
		border-top-right-radius:10px;
	}
	
	#nav ul li.bottom, #nav ul li.bottom a {
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
	}
	
	#leftOfLogo {
		display:block;
		float:left;
		width:30px;
		height:75px;
		background-color:#19374F;
	}
	
	#banner {
		margin-top:-40px;
		position:relative;
		z-index:1;
	}
	#content {
		background-color:white;
		background-image:url(/art/FakeBorder.jpg);
		background-repeat:repeat-y;
		background-position:668px 0px;
		padding:10px;
	}
	
	#footer {
		background-color:#19374F;
		color:white;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
		padding:10px;
	}
	
	#leftCol {
		float:left;
		display:block;
		width:650px;
		padding-right:10px;

	}
	
	#rightCol {
		float:left;
		margin-left:10px;
		width:310px;

	}
	
	
	
	#calendarBox {
	background-color:white;
	color:#999;
	border:1px solid #19374F;
}

#calendar {
	width:300px;
	margin:0;
	padding:0;
	background-color:#FFF;
	border:1px solid #19374F;
	color:black;
}

#calendar th {
	text-align:center;
	margin:0;
	padding:0;
	background-color:#19374F;
	vertical-align:middle;
	color:white;
}

#calendar th a {
	display:block;
	width:100%;
	height:100%;
	color:white;
	text-decoration:none;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin-bottom:-1px;
}

#calendar th a:hover {
	background-color:white;
	color:#19374F;
}


#calendar td {
	width:14.28%;
	line-height:25px;;
	text-align:center;
	margin:0;
	border-top:1px solid #19374F;
	border-left:1px solid #19374F;
}

#calendar td a {
	display:block;
	width:100%;
	height:100%;
	color:black;
	font-weight:bold;
}

#calendar td a:hover {
	background-color:#4396ca;
	color:white;
	text-decoration:none;
}

#calendar tr td.dayHead {
	font-weight:bold;
	background-color:white;
}

#calendar tr td.calendarFill {
}

#calendar tr td.first {
	border-left:0;
}

#calendarInfo {
 margin-top:0px;
}

/*.button {
	border:1px solid #999;
	background-color:#F0F0F0;
	color:#999;
	outline:none;
}

.button:hover {
	background-color:#999;
	color:white;
}

 .button:focus,
 .button:active { /* Help keyboard users 
	outline:1px solid #333;
 }*/

.textfield {
	border:1px solid #999;
}

.today {
	background-color:#19374F;
	color:white;
}

.eventDescription {
	margin-left:20px;
	display:none;
}

#map {
	float:left;
	border:1px solid #19374F;
	margin-right:10px;
}

.red {
	color:red;
}

.small {
	font-size:80%;
}

fieldset {
	border:1px solid #19374F;
	padding:1em;
	
}

legend {	
	border:1px solid #19374F;
	border-radius: 5px;
	background-color:#19374F;
	color:white;
	font-weight:bold;
	text-transform:uppercase;
	padding:0.5em;
}

#register label, #login label, #householdForm label {
	float:left;
	width:10em;
	line-height:1.5em;
}

.extra {
	display:none;
}

.right {
	float:right;
}

.left {
	float:left;
}

.profile {
	border:1px solid #19374F;
	width:100px;
	height:150px;
	margin:5px;
}

.fb-like-box {
	margin-top:10px;
}

.5pxMargin {
	margin:5px;
}