a{outline: none;}
.clear{clear: both;}

body{margin: 0; height: 100%; width: 100%; background-image:url(/images/summer2010_homepage/background.jpg);}

#Form1{width: 100%; height: 100%; /*need this to vertically center in IE */}

#container{
	width:100%;
	text-align: center;
	}
	#containerCenter{
		width: 802px;
		margin: 0 auto;
		text-align: left;
		}
	#schoolName{
		height: 85px; width: 371px;
		background: url(/images/summer2010_homepage/schoolName.png) no-repeat;
		float: left;
		}
		#schoolName h1{
			font-size: 5px; 
			line-height: 5px;
			text-indent: -9999px;
			margin: 0;
			}
	#omniNav{
		float: right;
		height: 16px; /*width: 149px;*/
		margin: 69px 7px 0 0;
		}
		#oNav{
			list-style: none;
			height: 16px; width: 149px;
			margin: 0 8px 0 0; padding: 0;
			float: left;
			}
			#oNav li{
				display: inline;
				font-size: 0; line-height: 0;
				}
				#oNav li a{
					background: url(/images/summer2010_homepage/omniNav.png) no-repeat;
					float: left;
					height: 16px;
					text-indent: -9999px;
					}
					#oNav li a#blackboard{background-position: 0px 0px; width: 85px;}
					#oNav li a#alumni{background-position:  -85px 0px; width: 64px;}
					
					#oNav li a#blackboard:hover{background-position: 0px -16px; width: 85px;}
					#oNav li a#alumni:hover{background-position:  -85px -16px; width: 64px;}
		#searchArea{
			background: url(/images/search.png) no-repeat;
			width: 126px;
			height: 15px;
			float: left;
		}
			#search{
				background: none;
				border: 0;
				color: #a19691;
				font: 11px/13px Arial;
				margin: 0 0 0 10px;
				padding: 0;
				width: 98px;
				float: left;
			}
			.searchSubmit{
				margin: 0 !important;
				padding: 0;
				width: 18px;
				height: 15px;
				border: 0;
				background: none;	
				float: left;
			}
	#navHeader{
		height: 6px; width: 770px;
		background: url(/images/summer2010_homepage/navHeader.png) no-repeat;
		margin-left: 25px;
		font-size: 0; line-height: 0;
		display: block;
		}
	#nav1{
		height: 41px; width: 780px;
		margin-left: 22px;
		}
		#L1{
			list-style: none;
			height: 41px; width: 780px;
			margin: 0; padding: 0;
			}
			#L1 li{display: inline;}
				#L1 li a{
					background: url(/images/summer2010_homepage/nav1_v2.png) no-repeat;
					float: left;
					height: 41px;
					text-indent: -9999px;
					}
					#L1 li a#L1_107044{background-position:    0px 0px; width: 124px;}
					#L1 li a#L1_107077{background-position: -124px 0px; width: 110px;}
					#L1 li a#L1_107104{background-position: -234px 0px; width: 115px;}
					#L1 li a#L1_107194{background-position: -349px 0px; width: 108px;}
					#L1 li a#L1_135958{background-position: -457px 0px; width: 78px;}
					#L1 li a#L1_107212{background-position: -535px 0px; width: 128px;}
					#L1 li a#L1_107274{background-position: -663px 0px; width: 117px;}
					
					#L1 li a#L1_107044:hover, #L1 li a#L1_107044.hover{background-position:   0px  -41px;}
					#L1 li a#L1_107077:hover, #L1 li a#L1_107077.hover{background-position: -124px -41px;}
					#L1 li a#L1_107104:hover, #L1 li a#L1_107104.hover{background-position: -234px -41px;}
					#L1 li a#L1_107194:hover, #L1 li a#L1_107194.hover{background-position: -349px -41px;}
					#L1 li a#L1_135958:hover, #L1 li a#L1_135958.hover{background-position: -457px -41px;}
					#L1 li a#L1_107212:hover, #L1 li a#L1_107212.hover{background-position: -535px -41px;}
					#L1 li a#L1_107274:hover, #L1 li a#L1_107274.hover{background-position: -663px -41px;}
					
					.submenudown {
						/*these styles are required*/
						position:absolute;
						/*these styles are required*/
						width: 173px;
						}
						.subMenuItemsdown{
							display:block;
							background-color: #ffffff;
							color: #434343;
							font: 10px/12px Verdana;
							width: 173px;
							text-decoration: none;
							text-align: left;
							}
							.subMenuItemsdown span{
								display:block;
								padding: 4px 18px;
								cursor: pointer;
								}
							.subMenuItemsdown:hover,a.subMenuItemsdown.on{
								color: #86985c;
								text-decoration: underline;
								}
						#menu-header{
							font-size: 0;
							line-height: 0;
							float: left;
							width: 173px;
							}
							.menuSM-Links{
								list-style: none;
								margin: 0;
								padding: 0 0 35px 0;
								background: url(/images/summer2010_homepage/menuLinksFooter.png) bottom left no-repeat #1a3c23;
								float: left;
								width: 173px;
								}
								.menuSM-Links li{
									padding-left: 14px;
									font-size: 0;
									line-height: 0;
									}
									.menuSM-Links li a{
										font: 10px/12px Verdana;
										color: #ffffff;
										text-transform: uppercase;
										text-decoration: none;
										background: url(/images/summer2010_homepage/menuLinkDot.gif) left center no-repeat;
										display: block;
										}
										.menuSM-Links li a span{
											display: block;
											padding: 4px 5px 4px 16px;
											}
										.menuSM-Links li a:hover{
											color: #dde466;
											}
						#menu-footer{}
	#photoContainer{
		height: 300px; width: 780px;
		margin-left: 22px;
		background: #f5f6f6;
		position: relative;
		}
		#photos{
			position: absolute;
			top: 0; left: 1px;
			}
			#photos img{
				position: absolute;
				}
		#wordOverlay{
			position: absolute;
			top: 250px; left: 482px;
			z-index: 100;
			height: 50px;
			width: 297px;
			background: url(/images/summer2010_homepage/wordOverlay.png) no-repeat -297px 0px;
			}				
	#content{
		width: 780px;
		padding-bottom: 11px;
		float: left;
		margin-left: 22px;
		background: url(/images/summer2010_homepage/contentHeader.png) top left no-repeat #f5f6f6;
		border-bottom: 1px solid #dfe0dc;
		}
		.contentDivider{
			height: 297px; width: 1px;
			background: url(/images/summer2010_homepage/contentDivider.gif) no-repeat;
			margin-top: 18px;
			float: left;
			}
		#news{
			float: left;
			width: 254px;
			margin: 21px 8px 0 20px;
			}
			#newsHeader{
				height: 14px; width: 44px;
				background: url(/images/summer2010_homepage/newsHeader.png) no-repeat;
				margin-bottom: 11px
				}
				#newsHeader h3{
					margin: 0;
					font-size: 5px; line-height: 5px;
					text-indent: -9999px;
					}
			#stories{
				list-style: none;
				margin: 0; padding: 0;
				}
				.story img{
					border: 3px solid #b7c98f;
					margin: 0 0 19px 28px;
					}
					.newsTitle{
						font: bold 11px/13px Arial;
						text-transform: uppercase;
						color: #203c1f;
						border-bottom: 1px dotted #203c1f;
						margin-bottom: 5px;
						}
						.newsTitle a{
							font: bold 11px/13px Arial;
							text-transform: uppercase;
							color: #203c1f;
							text-decoration: none;
							}
							.newsTitle h5{margin: 0;}
					.newsDate{
						font: 12px/14px Arial;
						color: #353535;
						margin-bottom: 5px
						}
					.newsDetail{
						font: 12px/18px Arial;
						color: #353535;
						}
			#pagerContainer{
				height: 15px; width: 96px;
				float: left;
				margin-top: 15px;
				}
				.pager{
					list-style: none;
					margin: 0; padding: 0;
					display: block;
					}
					.pager li{
						float: left;
						display: inline;
						margin-right: 1px;
						text-align: center;
						}
						.pager li a{
							background-color: #b2c489;
							color: #203c1f;
							font: 10px/12px Arial;
							text-decoration: none;
							float: left;
							width: 15px;
							padding: 1px 0;
							}
						.pager li a.on_pager{
							background-color: #203d1f;
							color: #f5f6f6;
							}
				#moreNews{font-size: 0; line-height: 0;}
				#moreNews a{
					height: 17px; width: 83px;
					float: left;
					background: url(/images/summer2010_homepage/moreNews.png) no-repeat;
					text-indent: -9999px;
					margin: 12px 0 0 75px;
					}
		#calendar{
			float: left;
			width: 227px;
			margin: 21px 23px 0 27px;
			}
			#calendarHeader{
				height: 14px; width: 84px;
				background: url(/images/summer2010_homepage/calendarHeader.png) no-repeat;
				margin: 0 0 7px 4px;
				}
				#calendarHeader h3{
					margin: 0;
					font-size: 5px; line-height: 5px;
					text-indent: -9999px;
					margin-bottom: 11px;
					}
			.event{
				padding: 10px;
				border-top: 1px dotted #f5f6f6; border-bottom: 1px dotted #f5f6f6;
				float: left;
				}
			.event.gray{
				padding: 10px;
				background: #e5e3e4;
				border-top: 1px dotted #203c1f; border-bottom: 1px dotted #203c1f;
				}
				.eventDate{
					background: #b2c489;
					border: 1px solid #b2c489;
					height: 30px; width: 30px;
					text-align: center;
					font: 10px/12px Helvetica;
					color: #1d371b;
					float: left;
					}
					.eventDay{padding-bottom: 3px;}
					.eventMonth{
						padding-bottom: 3px;
						font: 9px/11px;
						background: url(/images/summer2010_homepage/eventMonth.gif) top left repeat-x #fafbf8;
						}
				.eventInfo{
					float: left;
					margin: 0 10px 0 15px;
					width: 150px;
					}
					.eventTime{
						font: 12px/14px Arial;
						color: #213f20;
						}
						.eventStartTime{
							float: left;
							}
						.eventEndTime{}
					.eventTitle{}
						.eventTitle a{
							font: 12px/14px Arial;
							color: #213f20;
							}
							.eventTitle a:hover{text-decoration: none;}
			#fullCalendar{font-size: 0; line-height: 0;}
				#fullCalendar a{
					height: 17px; width: 106px;
					float: right;
					background: url(/images/summer2010_homepage/fullCalendar.png) no-repeat;
					text-indent: -9999px;
					}
		#buttons{
			text-align: center;
			margin: 57px auto 10px auto;
			}
			#buttons a{	
				font: 12px/14px Arial;
				color: #213f20;
				}
		#footer{
			float: left;
			width: 802px;
			margin-bottom: 20px;
			}
			#missionStatement span, #diversityStatement span{
				cursor: pointer;
				text-decoration: underline;
				}
			#missionStatement{
				margin-left: 22px;
				width: 326px;
				float: left;
				}
				#missionButton{
					height: 15px; width: 121px;
					background: url(/images/summer2010_homepage/mission.png) no-repeat;
					text-indent: -9999px;
					margin: 14px 0 0 5px;
					}
				#statementMission{
					font: 12px/16px Arial;
					color: #f5f6f6;
					margin: 5px 7px 0 7px;
					}
				#statementMissionFull{
					font: 12px/16px Arial;
					color: #f5f6f6;
					margin: 0 7px 5px 7px;
					display: none;
					}
			#fortLaudAddress{
				height: 28px; width: 326px;
				float: left;
				background: url(/images/summer2010_homepage/fortLaudAddress.png) no-repeat;
				text-indent: -9999px;
				}
			#footerLogo{
				height: 106px; width: 96px;
				float: left;
				background: url(/images/summer2010_homepage/footerLogo.png) no-repeat;
				margin: 8px 0 0 13px;
				}
			#diversityStatement{
				float: left;
				margin-left: 8px;
				width: 331px;
				}
				#diversityButton{
					height: 15px; width: 128px;
					background: url(/images/summer2010_homepage/diversity.png) no-repeat;
					text-indent: -9999px;
					margin-top: 14px;
					margin-left: 2px;
					}
				#statementDiversity{
					font: 12px/16px Arial;
					color: #f5f6f6;
					margin: 5px 7px 0 7px;
					}
				#statementDiversityFull{
					font: 12px/16px Arial;
					color: #f5f6f6;
					margin: 0 7px 5px 7px;
					display: none;
					}
			#bocaAddress{
				height: 28px; width: 335px;
				float: left;
				background: url(/images/summer2010_homepage/bocaAddress.png) no-repeat;
				text-indent: -9999px;
				}