@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#424242;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

table, td, tr, th {
	font-weight:normal;
        font-size:11px;
        font-family:Arial, Helvetica, sans-serif;
}

.middleTable {
        border-collapse:collapse;
}

.middleTable td {
        border:1px solid #999999;
        padding:4px;margin:0;
}

ul, li, ol {
	margin:0;
	padding:0;
	list-style:none;
}

* img {
	border:0;
}

a {
	color:#62923b;
	text-decoration:underline;
}

a:hover, a:active, a:focus {
	color:#badcef;
}

blockquote {
        margin:0;
padding:0;
}

h1, h2, h3 {
	margin:0;
	padding:0;
}

#mainContent.middle h1, h2,h3 {
        margin:0;
        padding:2;
}

p {
	margin:0;
	padding:0 0 6px;
}

h2 {
	color:#76a845;
	font-size:13px;
	font-weight:bold;
	line-height:17px;
	margin-bottom:5px;
}

#pageBackground {
	position:absolute;
	min-width:949px;
	width:100% !important;
	left:0;
	top:0;
	z-index:1;	
}

* html #pageBackground {
	position:absolute;
}

#pageContent {
	position:relative;
	z-index:20;
	width:949px;
	margin:0 auto;
	text-align:left;
}

	#header {
		height:112px;
		margin-bottom:20px;
		background:url(/okemosummer/images/templates/summer2010/header.png) no-repeat;
	}
	
		#topLinks {
			height:47px;
			width:238px;
			position:absolute;
			top:15px;
			right:21px;
			background:url(/okemosummer/images/templates/summer2010/topLinks.jpg) no-repeat;
			z-index:1000;
			overflow:hidden;
		}
		
			#topLinks a {
				display:block;
				float:left;
				height:47px;
				position:relative;
				overflow:hidden;
			}
			
				.seohide {
					top:-999em;
					position:absolute;
					display:block;
				}
			
				a#book {
					width:70px;
				}
				
				a#video {
					width:65px;
				}
				
				a#events {
					width:60px;
				}
				
				a#blog {
					width:43px;
				}
				
				
		#topNav {
			margin-left:10px;
			position:absolute;
			top:85px;
			z-index:10000;
		}
		
			#topNav ul {
			}
			
				#topNav li {
					float:left;
				}
				
				
					#topNav a {
						display:block;
						font-family:Arial,Helvetica,sans-serif;
						color:#464646;
						font-size:14px;
						font-weight:normal;
						padding:0 11px 11px;
						text-decoration:none;
					}
					
					#topNav a:hover, #topNav a:active, #topNav a:focus, #topNav li:hover a,  #topNav li.sfHover a {
						color:#62923b;
					}
					
					#topNav ul ul {
						width:210px;
						position:absolute;
						background:url(/okemosummer/images/templates/summer2010/dropdownBG.png) bottom center;
						left:-999em;
						padding-bottom:25px;
					}
					
						#topNav li li {
							width:200px;
							position:relative;
						}
						
							#topNav li li a, #topNav li:hover li a,  #topNav li.sfHover li a {
								padding:5px;
								color:#000000;
							}
							
							#topNav li li a:hover, #topNav li li a:active, #topNav li li a:focus {
								background-color:#76a845;
								color:#FFFFFF;
							}
							
							#topNav li li:hover a, #topNav li li.sfHover a {
								background-color:#76a845;
								color:#FFFFFF;
							}
							
								#topNav ul ul ul {
									margin-left:202px;
									position:absolute;
									top:0px;
								}
								
									#topNav ul ul ul li.topNav2ndLevelTopCap {
										height:40px;
										background:url(/okemosummer/images/templates/summer2010/dropDownSecondLevelTopCap2.png) no-repeat;
										position:absolute;
										top:-40px;
										width:210px;
										left:0;
									}
									
									#topNav li li:hover li a, #topNav li li.sfHover li a {
										background-color:#FFFFFF;
										color:#000000;
									}
									
									#topNav li li li a:hover, #topNav li li li a:active, #topNav li li li a:focus {
										background-color:#76a845;
										color:#FFFFFF;
									}
					
		#topNav li:hover ul ul, #topNav li:hover ul ul ul, #topNav li.sfHover ul ul, #topNav li.sfHover ul ul ul {
			left: -999em;
		}

		#topNav li:hover ul, #topNav li li:hover ul, #topNav li li li:hover ul, #topNav li.sfHover ul, #topNav li li.sfHover ul, #topNav li li li.sfHover ul { /* lists nested under hovered list items */
			left: auto;
		}

		#search {
			width:186px;
			height:22px;
			background:url(/okemosummer/images/templates/summer2010/searchBG.png) no-repeat;
			position:absolute;
			right:10px;
			top:85px;
		}
	
	#subHead {
		height:98px;
		position:static;
	}
	
	#breadCrumb {
		height:20px;
		line-height:20px;	
		margin-left:213px;
		color:#ffffff;
		font-weight:normal;
	}
	
		#breadCrumb a {
			color:#ffffff;
			text-decoration:none;
		}
		
		#breadCrumb a:hover, #breadCrumb a:active, #breadCrumb a:focus {
			color:#62923b;
		}
		
		#breadCrumb span {
			color:#FFFFFF;
		}
			
	
	#bodyContainer {
		width:100%;
		overflow:hidden;
	}
	
		#homeContent {
			margin-top:30px;
		}
	
			#homeLeft {
				float:left;
				width:304px;
				min-height:595px;
				height:auto !important;
			}
			
				#box1 {
					margin-bottom:35px;
					width:100%;
					overflow:hidden;
				}
				
					#box1Top {
					}
					
					#box1Middle {
						background-color:#FFFFFF;
						padding:0 20px;
					}
						
						.article {
							width:100%;
							overflow:hidden;
							padding-top:20px;
							line-height:17px;
						}
						
							.article h3 {
								font-size:13px;
								color:#62923b;
								padding-bottom:5px;
								font-weight:bold;
							}
							
								.article h3 span {
									font-size:11px;
									color:#575757;
									display:block;
									font-weight:normal;
								}									
							
							.more {
								float:right;
								font-size:10px;
								color:#515151;
								font-weight:bold;
							}
					
					#box1Bottom {
					}
					
				#box2 {
					width:100%;
					overflow:hidden;
				}
				
					#box2Top {
					}
					
					#box2Middle {
						background-color:#FFFFFF;
						padding:20px 20px 0;
						width:364px;
						overflow:hidden;
					}
						
					
						.dateField {
							background:url(/okemosummer/images/templates/summer2010/dateInputField.jpg) no-repeat;
							width:172px;
							overflow:hidden;
							font-size:12px;
							color:#FFFFFF;
							font-family:Georgia, "Times New Roman", Times, serif;
							height:32px;
							float:left;
						}
						
							.dateField input {
								border:0;
								background-color: transparent;
								width:59px;
								margin-left:12px;
								margin-right:15px;
								color:#656565;
								font-size:9px;
								font-family:Georgia, "Times New Roman", Times, serif;
								top:3px;
								position:relative;
							}
							
							.dateField .datelabel {
								position:relative;
								top:3px;
							}
							
							.dateField .calendar {
								margin-left:20px;
								position:relative;
								top:3px;
							}
						
							.dateField span {
								display:block;
								float:left;
							}
						
						.numberField {
							background:url(/okemosummer/images/templates/summer2010/numberInputField.jpg) no-repeat;
							width:90px;
							overflow:hidden;
							font-size:12px;
							color:#FFFFFF;
							font-family:Georgia, "Times New Roman", Times, serif;
							height:32px;
							float:left;
						}
						
							.numberField input {
								border:0;
								background-color: transparent;
								width:17px;
								margin-left:9px;
								margin-right:5px;
								color:#656565;
								font-size:11px;
								font-family:Georgia, "Times New Roman", Times, serif;
								top:3px;
								position:relative;
							}
							
							.numberField .numberlabel {
								position:relative;
								top:3px;
							}
					
						
					
					#box2Bottom {
					}
			
			#homeRight {
				float:left;
				position:absolute;
				width:646px;
				margin-left:35px;
				left:329px;
			}
			
				#homeSlideShow {
					width:646px;
					height:505px;
					position:absolute;
					top:-15px;
					left:-15px;
				}
				
				#box3 {
					background:url(/okemosummer/images/templates/summer2010/rightBottomBackground.png) no-repeat;
					width:608px;
					height:94px;
					margin-top:525px;
					position:static;
				}
				
					#box3Content {
						z-index:1000000;
						width:606px;
						height:93px;
						zoom:100%;
						position:absolute;
						
					}
					
						#box3 #joinNewsletter {
							position:absolute;
							left:19px;
							top:54px;
						}
						
						#box3 #socialMedia {
							position:absolute;
							left:270px;
							top:17px;
						}
						
							#box3 #socialMedia a {
								margin-right:12px;
							}
	
		#leftNav {
			float:left;
			display:inline;
			margin-right:22px;
			width:181px;
		}
		
			#leftNav ul {
			}
			
				#leftNav li {
					width:181px;
					overflow:hidden;
					float:left;
				}
				
					#leftNav a {
						color:#FFFFFF;
						font-weight:bold;
						font-size:13px;
						text-decoration:none;
						border-bottom:1px solid #4d534a;
						padding:10px 0;
						line-height:normal;
						display:block;
						width:181px;
					}
					
					#leftNav a:hover, #leftNav a:active, #leftNav a:focus {
						color:#97cc63;
					}
					
					
						#leftNav li.firstItem a {
							padding-top:0;
						}
						
						#leftNav li.lastItem a {
							padding-bottom:0;
							border-bottom:none;
						}
		
		#mainContent {
			float:left;
			display:inline;
			width:503px;
		}
		
			.top {
			}
			
			.middle {
				background-color:#FFFFFF;
				font-size:11px;
				line-height:17px;
				color:#000000;	
			}
			
				.middle a {
					color:#767676;
					text-decoration:underline;
				}
				
				.middle a:hover, .middle a:active, .middle a:focus {
					color:#badcef;
				}
			
				
			
			.bottom {
				height:20px;
			}
		
			#mainContent .top {
				background:url(/okemosummer/images/templates/summer2010/mainContentTop.png) no-repeat;
				height:47px;
			}
			
				#mainContent .top h1 {
					color:#FFFFFF;
					font-weight:bold;
					height:47px;
					line-height:47px;
					vertical-align:middle;
					margin-left:20px;
					font-size:20px;
					position:absolute;
				}
			
			#mainContent .middle {
				min-height:431px;
				height:auto !important;
				padding:20px 20px 0 20px;
			}
		
		#rightBar {
			float:left;
			display:inline;
			width:224px;
			margin-left:19px;
			position:relative;
		}
		
			
			#rightBar .top {
				height:81px;
				background:url(/okemosummer/images/templates/summer2010/rightBarTop.png) no-repeat;
				overflow:hidden;				
			}
			
				#social {
					height:84px;
				}
				
					#socialCover {
						position:absolute;
						height:84px;
						width:224px;
						z-index:1;
					}
					
						#rightBar .top a {
							float:left;
							display:block;
							height:26px;
							position:absolute;
							z-index:20;
						}
						
							a#twitter {
								width:63px;
								top:33px;
								left:15px;
							}
							
							a#myspace {
								width:71px;
								top:33px;
								left:78px;
							}
							
							a#facebook {
								width:57px;
								top:33px;
								left:149px;
							}
							
							a#linkedin {
								width:63px;
								height:26px;
								top:56px;
								left:15px;
							}
							
							a#youtube {
								width:57px;
								top:56px;
								left:78px;
							}
							
							a#blogger {
								width:71px;
								top:56px;
								left:135px;
							}
			
			#rightBar .middle {
				min-height:397px;
				height:auto !important;
				padding:20px 0 0;
				width:100%;
				overflow:hidden;
			}
			
				#rightBar .middle h3 {
					font-weight:bold;
					font-style:italic;
					margin-bottom:6px;
					font-size:13px;
                                        color:#76A845;
				}

                                #rightBar .middle p {
					padding:0 12px 10px;
                                        line-height:13px;
				}
				
				#rightBar .middle h3, #rightBar .middle ul {
					padding:0 12px;
					line-height:13px;
				}
		
	#footer {
		clear:both;
		margin-top:40px;
		margin-left:203px;
		width:604px;
		color:#FFFFFF;
	}
	
		#subNav {
			width:100%;
			overflow:hidden;
			padding-bottom:38px;
			border-bottom:1px solid #808080;
		}
		
			#subNav ul {
			}
			
				#subNav li {
					float:left;
				}
				
					#subNav a {
						display:block;
						color:#FFFFFF;
						text-decoration:none;
						font-size:12px;
						font-weight:bold;
						margin-right:20px;
					}
					
					#subNav a:hover, #subNav a:active, #subNav a:focus {
						color:#97cc63;
					}
		#okemoContact {
			font-weight:normal;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:17px;
			margin-top:30px;
			margin-bottom:20px;
			width:100%;
			overflow:hidden;
		}
		
			.contactBox {
				float:left;
				width:200px;
			}