@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
/*
Colors:
	Pale Green: #d2efad;
	Light Grey: #e5e5e5
	Light Green: #8dc73f
	Dark Green: #004f2f
	Green-Black: #00190e
	If needed...
	Orange: #ff6600
	Yellow: #ffe135 / f7e828
	Purple: #591276
	Blue: #446e86
	Dark Blue: #21353e
	Red: #ca0718
	
Fonts:
	"LatoBold", "Lato", Arial, Tahoma, sans-serif
	"LatoRegular", "Lato", Arial, Tahoma, sans-serif
	"LatoItalic", "Lato", Arial, Tahoma, sans-serif
	"LatoBoldItalic", "Lato", Arial, Tahoma, sans-serif
*/

/* Resets */
body, h1, h2, h3, h4{ margin: 0; padding: 0; }
a img{ border: none; }
a, span.gc-cs-link{ color: #004f2f; }
a:hover, span.gc-cs-link:hover{ color: #7EAF38; }
.noformatting, .noformatting li{ margin: 0; padding: 0; list-style: none; }
::selection { color: white !important; background: #8DC63F;}
::moz-selection { color: white !important; background: #8DC63F;}

/* Typography */
body{ font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4{ line-height: normal; }
h1, h2{ font-family: "YanoneKaffeesatzRegular", "Yanone Kaffeesatz", "Arial Narrow", Arial, Tahoma, sans-serif; font-weight: normal; }
h2{ font-size: 2em; }
h3{ 
	font-family: "LatoBold", "Lato", Arial, Tahoma, sans-serif;
	font-size: 16px; 
	text-transform: uppercase; 
	font-weight: normal; 
}
	h3 strong, h3 b{ font-weight: normal; }
	h3 em, h3 i{ font-family: "LatoBoldItalic", Arial, Tahoma, sans-serif; }
	h3 sup{ font-size: .7em; }
h4{ 
	font-family: "LatoRegular", "Lato", Arial, Tahoma, sans-serif;
	font-size: 14px; 
	text-transform: uppercase; 
	font-weight: normal; 
}
	h4 strong, h4 b{ font-family: "LatoBold", Arial, Tahoma, sans-serif; }
	h4 em, h4 i{ font-family: "LatoItalic", Arial, Tahoma, sans-serif; }
h5{ font-size: 1em; margin: 2em 0 0 0; padding: 0; border-bottom: 1px solid #e7e7e7; }

body{
	font-size: 14px;
}
hr.softbreak{ border-collapse: collapse; border-top: 1px solid #ddd; border-right: none; border-bottom: none; border-left: none; background: none; }
/* Class "morrisville" fixes a TinyMCE Issue */
body.morrisville{
	background: #FFF url("https://1ed45c0ce35228c73bde-233d8641a92e144c81d0aa7fcbd3db7a.ssl.cf2.rackcdn.com/ThinPinstripe_png-1375905442");
	*background: #FFF url("https://1ed45c0ce35228c73bde-233d8641a92e144c81d0aa7fcbd3db7a.ssl.cf2.rackcdn.com/ThinPinstripe_png-1375905442");
}

#container{
	position: relative;
	min-width: 990px; 
}

.pagewidth{
	position: relative;
	width: 990px;
	margin: 0 auto;
}

#header{
	position: absolute; z-index: 1000;
	top: 0;
	width: 990px;
	margin-left: -495px;
	left: 50%;
}
	#header .pagewidth{ /* .pagewidth is actually not needed since #header is positioned absolutely */
		width: auto; /*680px;*/
		padding-left: 0; /*310px;*/
	}
	#header ul, #header li{ margin: 0; padding: 0; }
	#header .topbuttons{ 
		margin-top: 1em;
		list-style: none; 
		float: right;
	}
	#header .topbuttons li{ 
		margin-left: .25em;
		list-style: none; 
		float: left; 
	}
	#header .topbuttons a, #header .topbuttons input{
		color: #73a033;
		font-family: "YanoneKaffeesatzRegular", "Yanone Kaffeesatz", "Arial Narrow", Arial, Tahoma, sans-serif; font-weight: normal;
	}
		#header .topbuttons a{
			display:  block;
			padding-top: .35em;
			padding-right: 1em;
			padding-bottom: .25em;
			font-size: 18px; /* Yanone */
		}
		#header .topbuttons a:hover, #header .topbuttons li:hover a.dropdownhead{
			color: #004f2f;
		}
		#header .topbuttons a.dropdownhead{ position: relative; margin-right: .5em; }
			#header .topbuttons a.dropdownhead:after{
				content: "";
				position: absolute;
				top: .75em; right: .25em;
				width: 0; height: 0;
				border-left: 5px solid transparent;
				border-right: 5px solid transparent;
				border-top: 10px solid #73a033;
			}
			#header .topbuttons li:hover a.dropdownhead:after{
				border-top: 10px solid #004f2f;
			}
		#header .topbuttons input.textbox{
			width: 200px;
			padding: .5em;
			text-transform: none;
			border: 1px solid #CCC;
			font-family: Arial, Helvetica, sans-serif;
			color: #000;
			background: #FFF url("https://1ed45c0ce35228c73bde-233d8641a92e144c81d0aa7fcbd3db7a.ssl.cf2.rackcdn.com/Magnifier_png-1375905372") right no-repeat;
		}
		#header .topbuttons input.submitbutton{
			border: 1px solid #666;
			padding: .5em 1em;
			cursor:  pointer;
		}
			#header .topbuttons input.submitbutton:hover{
				background-color: #FFF;
			}
			
			#header .topbuttons .topdropdown{
				display: none;
			}
				#header .topbuttons li:hover .topdropdown{
					display: block;
					position: absolute;
					border: 1px solid #666;
					background: #FFF;
					padding: .5em .75em;
					box-shadow:2px 2px 0 rgba(0,0,0,.15); -webkit-box-shadow:2px 2px 0 rgba(0,0,0,.15); -moz-box-shadow:2px 2px 0 rgba(0,0,0,.15);
				}
					/*#header .topdropdown:before{  Arrow 
						content: ""; 
						display: block;
						position: absolute;
						width: 0; height: 0;
						left: 20px; top: -1px;
						margin-left: -8px;
						border-left: 8px solid transparent;
						border-right: 8px solid transparent;
						border-top: 8px solid #666;
					}*/
					#header .topdropdown li{ float: none; }
					#header .topdropdown a{
						margin: 0; padding: .25em 0;
						text-transform: none;
						font-family: Arial, Helvetica, sans-serif;
						font-size: .85em;
						color: #333;
					}
					#header .topdropdown a:hover{ color: #8dc73f; }
					#header .topdropdown .thisletter{
						color: #CCC;
						border-bottom: 1px dotted #CCC;
						margin: .5em .25em;
					}
					#header .topdropdown.alloffices{
						width: 440px; /* width of .floatleft and .floatright plus 20 */
						right: 0;
					}
						#header .topdropdown.alloffices a{ padding: 0; }
						#header .topdropdown .floatleft{
							float: left;
							width: 210px;
						}
						#header .topdropdown .floatright{
							float: right;
							width: 210px; 
						}

/* Navigation */
#nav{
	clear: both;
	position: relative; z-index: 100;
	padding-top: 1em;
}
	
	#nav .pagewidth{
		z-index: 100;
		overflow: visible;
		height: 80px;
	}
	
	#nav .logo{
		width: 290px;
		float: left;
		background: url("https://1ed45c0ce35228c73bde-233d8641a92e144c81d0aa7fcbd3db7a.ssl.cf2.rackcdn.com/MorrisvilleStateCollege_png-1375905362") top no-repeat;
		height: 80px;
	}
		#nav .logo a{ 
			display: block;
			height: 80px;
		}
		#nav .logo span{ display: none; }
		
	/* Nav Dropdowns */
	.dropdowns{ 
		position: relative; z-index: 200;
		width: 700px;
		float: right;
		margin: 46px 0 0 0; padding: 0;	
	}
	.dropdowns ul, .dropdowns li{ margin: 0; padding: 0; list-style: none; }
	.dropdowns a{
		color: #004f2f;
		text-decoration: none;
	}
	.dropdowns a:hover{
		color: #8dc73f;
	}
		.levelone{
			position: relative;
			float: left;
		}
		.levelone .subhead{
			display: block;
			font-family: "YanoneKaffeesatzRegular", "Yanone Kaffeesatz", "Arial Narrow", Arial, Tahoma, sans-serif; font-weight: normal;
			font-size: 22px;
			text-transform: uppercase;
			padding: 0 10px 8px 12px;
		}
		.levelone .subhead:hover, .levelone:hover .subhead{ color: #FFF; }
		.levelone:hover .subhead:after{ /* Arrow */
			content: ""; 
			display: block;
			position: absolute;
			width: 0; height: 0;
			left: 50%;
			margin-left: -9px;
			border-left: 9px solid transparent;
			border-right: 9px solid transparent;
			border-bottom: 9px solid #FFF;
		}
		.levelone .subnav{
			display: none;
		}
		.levelone:hover .subnav{
			display: block;
			left: 0;
			width: 200px;
			background: #FFF;
		}
		.levelone:hover .lastdropdown{ 
			right: -8px;
			left: auto;
		}
			.subnav{
				position: absolute;
				border: 1px solid #E7E7E7;
				border-top: none;
				box-shadow:2px 2px 0 rgba(0,0,0,.15); -webkit-box-shadow:2px 2px 0 rgba(0,0,0,.15); -moz-box-shadow:2px 2px 0 rgba(0,0,0,.15);
			}
			.subnav a{
				position: relative;
				display: block;
				padding: .5em;
				font-size: .85em;
				border-bottom: 1px dotted #e7e7e7;
			}
			.leveltwo:hover .subsubhead{ color: #8dc73f; }
			.subsubhead:after{ /* Grey Triangles */
				content: "";
				display: block;
				position: absolute;
				right: 0; top: 0; 
				margin: 8px .5em 0 0;
				width: 0; height: 0;
				border-top: 5px solid transparent;
				border-left: 5px solid #CCC;
				border-bottom: 5px solid transparent;
			}
			.leveltwo .subsubnav{ display: none; }
			.leveltwo:hover .subsubnav{ 
				display: block; 
				position: absolute; z-index: 200;
				background-color: #E7E7E7;
				left: 201px;
				width: 200px;
				margin-top: -1.75em;
				border: 1px solid #CCC;
				border-left: 1px solid #999;
				box-shadow:2px 2px 0 rgba(0,0,0,.15); -webkit-box-shadow:2px 2px 0 rgba(0,0,0,.15); -moz-box-shadow:2px 2px 0 rgba(0,0,0,.15);
			}
				.subsubnav a{
					padding: .5em 1em;
				}
				.subsubnav:before{ /* White Triangle */
					content: "";
					display: block;
					position: absolute;
					top: 2px; 
					width: 0; height: 0;
					border-top: 10px solid transparent;
					border-left: 10px solid #FFF;
					border-bottom: 10px solid transparent;
					left: -2px;
				}
			
	#navbackground{
		position: absolute; z-index: 0;
		width: 100%;
		height: 40px;
		bottom: 0;
		background-color: #8dc73f;
		border-top: 1px solid #6b9630;
		border-bottom: 1px solid #6b9630;
	}

#content{
	position: relative; z-index: 10;
	clear: left;
	line-height: 20px;
	width: 990px;
	margin: 0 auto;
	overflow: auto; /* I am confused. Why is it not broken now? */
}
	#content .bigslideshow{
		position: relative; z-index: 100;
	}
	
	#content .leftcontent, #contentfooter .leftcontent{
		position: relative; z-index: 20;
		width: 290px;
		float: left;
	}
	#content .leftcontent{
		padding-bottom: 1em;
	}
		/* The page menu, in the green ribbon */
		#content .ribbonmenu{ 
			position: relative;
			text-align: right;
			font-family: "LatoRegular", "Lato", Arial, Tahoma, sans-serif;
			font-weight: normal;
			padding-bottom: 2em;
			min-height: 100px;
		}
			#content .ribbonmenu strong, #content .ribbonmenu b{ font-family: "LatoBold", Arial, Tahoma, sans-serif; }
			#content .ribbonmenu em, #content .ribbonmenu i{ font-family: "LatoItalic", Arial, Tahoma, sans-serif; }
			#content .ribbonmenu li.navtitle, #content .ribbonmenu h3{
				color: #FFF;
				padding: 0 10px 0 10px;
				text-transform: uppercase;
				text-decoration: underline;
				font-weight: normal;
			}
				#content .ribbonmenu h3{
					margin: .5em 10px .5em 10px;
				}
				#content .ribbonmenu li.navtitle a{ padding-right: 0; }
			#content .ribbonmenu a{ 
				display: block;
				color: #FFF; 
				padding: 0 10px 0 10px;
				text-decoration: none;
			}
			#content .ribbonmenu a:hover{ color: #8dc73f; text-decoration: underline;}
			#content .ribbonmenu ul{
				position: relative; z-index: 10;
				padding: 1em 0 .5em 0; margin: 0;
				list-style: none;
			}
			/* Depreciated
			#content .ribbonmenu ul.last{
				padding: 1em 0 3em 0;
			} */
			#content .ribbonmenu li{
				padding: 0; margin: 0;
			}
				/* Ribbon submenu if necessary */
				#content .ribbonmenu ul li ul{ 
					display: none;
					
					/* -- Fixed Position */
					position: absolute; 
					z-index: 3000;
					top: .5em; left: 290px;
					/* -- End Fixed Position */
					
					/* -- Relative Position
					position: relative;
					float: right;
					left: 177px;
					margin-top: -2em;
					clear: right; */
					/* -- End Relative Position */
					
					padding: .5em 0 .5em .5em;
					background: #004f2f; 
					width: 170px;
					box-shadow:2px 2px 0 rgba(0,0,0,.15); -webkit-box-shadow:2px 2px 0 rgba(0,0,0,.15); -moz-box-shadow:2px 2px 0 rgba(0,0,0,.15);
				}
				
				#content .ribbonmenu ul li:hover ul{
					display: block;
				}
					#content .ribbonmenu ul ul:after{ /* Dark Green Triangle */
						content: "";
						display: block;
						position: absolute;
						top: .5em; left: 0;
						width: 0; height: 0;
						border-top: 10px solid transparent;
						border-left: 10px solid #00190e;
						border-bottom: 10px solid transparent;
					}
					#content .ribbonmenu a.subhead{
						padding-right: 15px;
					}
					#content .ribbonmenu li:hover a.subhead{
						color: #8dc73f;
					}
					#content .ribbonmenu ul a.subhead:after{
						content: ""; 
						display: block;
						position: absolute;
						top: 1.35em; right: 5px;
						width: 0; height: 0;
						border-top: 5px solid transparent;
						border-left: 5px solid #FFF;
						border-bottom: 5px solid transparent;
					}
						#content .ribbonmenu ul a.subhead:hover:after, #content .ribbonmenu ul li:hover a.subhead:after{
							border-left: 5px solid #8dc73f;
						}
					#content .ribbonmenu ul ul a{
						text-align: left;
					}
				#content .ribbonmenu .ribbonbottom{
					position: absolute;
					z-index: 0;
					top: 100px; bottom: 0; left: 0;
					width: 290px;
					background: url("https://1ed45c0ce35228c73bde-233d8641a92e144c81d0aa7fcbd3db7a.ssl.cf2.rackcdn.com/Ribbon2_png-1375905442") bottom no-repeat;
				}
	
	/* The Related Info Menu & Other Accordion Menus */
	.relatedmenu{
		padding: 1em 10px 0em 10px;
		font-size: 12px;
	}
		.relatedmenu h3 a{
			color: #333;
		}
		/*
		.relatedmenu.accordion h3:after{
			content: "+";
			position: absolute;
			float: left;
			font-family: "LatoBold", "Lato", Arial, Tahoma, sans-serif;
			font-size: 28px;
			color: #333;
			line-height: 17px;
			padding-left: .25em;
		}
		.relatedmenu.accordionopen h3:after{ content: "-"; line-height: 16px; }
		*/
		.relatedmenu.accordion h3 span{
			display: inline;
			font-size: 21px;			
		}
		.relatedmenu a, .relatedmenu span.gc-cs-link{ 
			color: #004f2f; 
			padding: 0 0 .25em 0;
		}
		.relatedmenu a:hover, .relatedmenu span.gc-cs-link:hover{ color: #8dc73f; }
		.relatedmenu ul{
			padding: .5em 0; margin: 0;
			list-style: none;
		}
		.ribbonmenu li{
			padding: 0; margin: 0;
		}
		
/* PDFs & Doc Links */
dl.pdflist dt{
	padding: .75em 0 0 0;
	margin: 0;
}
	dl.pdflist .pdf{
		background-position: left;
		padding-left: 1.75em;
	}
	dl.pdflist dd{
		font-size: .85em;
		margin: 0;
		padding: 0 0 .75em 2em;
		border-bottom: 1px solid #CCC;
	}
	
a.pdf, .relatedmenu a.pdf{
	background: url("images/icons/pdf.png") right no-repeat;
	padding-right: 25px;
	margin-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
}

a.cancel, .relatedmenu a.cancel{
	background: url("images/icons/exclamation.png") right no-repeat;
	padding-right: 25px;
	margin-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
}
	#nav a.pdf{
		background: url("images/icons/pdfFaded.png") right no-repeat;
	}
	#nav a.cancel{
		background: url("images/icons/exclamation.png") right no-repeat;
	}
	
	/* Word Doc Links */
	a.worddoc, .relatedmenu a.worddoc{
		background: url("images/icons/worddoc.png") right no-repeat;
		padding-right: 25px;
		margin-right: 2px;
	}
		table a.worddoc, table a.pdf{ padding-top: .25em; padding-bottom: .25em; }
	
	#content .rightcontent, #contentfooter .rightcontent{
		position: relative; z-index: 10;
		width: 700px;
		float: right;
	}

.doclist{
	margin: .75em 0 .75em 2em;
	padding: 0;
	list-style: none;
}
	.doclist li{
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 1.75em;
		line-height: 1.75em;
		background-image: url("images/icons/listgreydot.png");
	}
	.doclist li.pdf{ background-image: url("images/icons/pdf.png"); }
	.doclist li.ms-word{ background-image: url("images/icons/ms-word.png"); }
	.doclist li.ms-excel{ background-image: url("images/icons/ms-excel.png"); }
	.doclist li.ms-powerpoint{ background-image: url("images/icons/ms-powerpoint.png"); }

.pdfcover{
	float: left;
	margin: 0 1em 1em 0;
	box-shadow: 3px 3px 0px #999; -webkit-box-shadow: 3px 3px 0px #999; -moz-box-shadow: 3px 3px 0px #999;
	border: 1px solid #666;
}
	
/* The big header: H2 */
.bigheader{
	position: relative; z-index: 35;
	float: right;
	background: #446e86;
	width: 660px;
	padding: .5em .75em .5em 70px;
	/*background: url("https://1ed45c0ce35228c73bde-233d8641a92e144c81d0aa7fcbd3db7a.ssl.cf2.rackcdn.com/HeaderMask_png-1375905372");*/
	-webkit-mask-image: url("https://1ed45c0ce35228c73bde-233d8641a92e144c81d0aa7fcbd3db7a.ssl.cf2.rackcdn.com/HeaderMask_png-1375905372");
	-moz-mask-image: url("https://1ed45c0ce35228c73bde-233d8641a92e144c81d0aa7fcbd3db7a.ssl.cf2.rackcdn.com/HeaderMask_png-1375905372"); /* why you no work? :( */
	-o-mask-image: url("https://1ed45c0ce35228c73bde-233d8641a92e144c81d0aa7fcbd3db7a.ssl.cf2.rackcdn.com/HeaderMask_png-1375905372");
	mask-image: url("https://1ed45c0ce35228c73bde-233d8641a92e144c81d0aa7fcbd3db7a.ssl.cf2.rackcdn.com/HeaderMask_png-1375905372");
	color: #FFF;
}
	.bigheader h2{ float: left; padding-right: 2em; }
		.bigheader a{ color: #FFF; border-bottom: 1px solid #FFF; text-decoration: none; }
		.bigheader a:hover{ border-bottom: 1px dashed #FFF; }
	.bigheader .subheader{
		display: block;
		float: right;
		font-family: "LatoRegular", "Lato", Arial, Tahoma, sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		text-align: right;
	}
	.bigheader .breadcrumbs{
		display: block;
		clear: left;
		font-family: "LatoRegular", "Lato", Arial, Tahoma, sans-serif;
		font-weight: normal;
		font-size: 11px; 
		text-transform: uppercase;
		word-spacing: .25em;
	}
		.bigheader .breadcrumbs a{ margin: 0 .25em; }
	.rightcontent .bigheader, .rightcontent .bigheader.maxwidth, .rightcontent .bigphoto .bigheader.maxwidth{ width: 610px; }
	/* Colors */
	.translucentblack{ background-color: #000; background-color: rgba(0,0,0,.75); }
	.orange{ background-color: #ff6600; }
	.lightgreen{ background-color: #8dc73f; }
	.darkgreen{ background-color: #004f2f; }
	.yellow{ background-color: #eada0b; }
	.purple{ background-color: #591276; }
	.blue{ background-color: #446e86; }
	.darkblue{ background-color: #21353e; }
	.red{ background-color: #ca0718; }
	
	/*font colors*/
	.fontred, .redtext{ color: #ca0718; }
	.fontgreen, .greentext{ color: #004F2F; }
	.lightgreentext{ color: #8dc73f; }

/* The big photo */
.bigphoto{
	position: relative; z-index: 25;
	min-height: 60px;
}
	.bigphoto .testimage{
		height: 360px; width: 700px;
		background: url("images/BetaLane.jpg") top right no-repeat;
	}
	.rightcontent .bigphoto .bigheader{
		position: absolute; z-index: 35;
		width: auto;
		right: 0;
		bottom: 15px;
	}
	
	/* captions */
		.bigphoto .caption{
		position: absolute;
		bottom: 5px;
		right: 0;
		background: rgba(33,53,62,.5);
		color: #FFF;
		font-size: .85em;
		margin: 0; padding: .5em 20px;
		width: 660px;
		text-align: right;
	}
		.bigphoto .caption a{
			color: #FFF;
		}
		.bigphoto .caption a:hover{
			color: #ffe135;
		}
		
/* Righthand side of page */
#content .rightcontent{ 
	background-color: #FFF;
}
	#content .rightcontentbackground{
		position: absolute; z-index: 0;
		width: 700px;
		background-color: #FFF;
		top: 0; right: 0; bottom: 0;
	}

	#content .rightcontent h3, #content .rightcontent h4{
		padding-top: 1em;
	}
		h3 span{ 
			display: block; 
			font-size: .9em; 
			font-family: "LatoRegular", "Lato", Arial, Tahoma, sans-serif;
			font-weight: normal;
		}
	
	#content .onecolumn, #contentfooter .onecolumn{
		padding: 0 20px;
		overflow: auto;
	}
		#content .onecolumn{
			padding: 1em 50px 1em 30px;
		}
	
	#content .leftcolumn{
		position: relative;
		width: 465px;
		padding: 1em 30px;
		float: left; 
	}
	
	#content .rightcolumn{
		position: relative; z-index: 25;
		float: right; clear: right;
		width: 155px;
		padding: .5em 10px;
		background: #D3EFAD;
		font-size: 12px;
		line-height: normal;
		color: #00190e;
	}
		#content .rightcolumnbackground{
			position: absolute; z-index:1;
			top: 0; right: 0; bottom: 0;
			width: 175px;
			background: #D3EFAD;
		}
		#content .rightcolumn h3{
			color: #00844d;
			/*text-shadow:0 0 3px #8dc73f;*/
			text-transform: uppercase;
			overflow: hidden;
			padding: .5em 0;
		}
		#content .rightcolumn ul{
			padding: 1em 0 0 0; margin: 0;
			list-style: none;
		}
		#content .rightcolumn li{ 
			padding: 0 0 1em 0; margin: 0;
			list-style: none; 
		}
		#content .rightcolumn a:hover, #content .rightcolumn .gc-cs-link:hover{ color: #ff6600; }
	
/* Quotes */
blockquote{
	position: relative;
	padding: 0 2em 2em 1.70em; margin: 1em 0 0 .75em;
}
	blockquote .quotestart{
		font-family: "Arial";
		font-size: 4em;
		position: absolute;
		left: 0; top: .2em;
		color: #b6c3c7;
	}
	blockquote .quoteend{
		font-family: "Arial";
		font-size: 3em;
		line-height: .15em;
		color: #b6c3c7;
		vertical-align: bottom;
	}
	blockquote .attribute{
		display: block;
		font-style: italic;
		text-align: right;
	}
	
/* Tables */
table{
	padding: 0; margin: 1em 0 2em 0;	
	width: 100%;
	border-collapse: collapse;
}
	table th, table td.columnheading{ 
		text-align: left; 
		color: #666;
		font-weight: bold;
	}
	
	table.boxtable th, table.boxtable td.columnheading{
		padding: .5em .5em 0 .5em;
		border: none;
		background: none;
	}
		table.boxtable td{
			border: 1px solid #8dc73f; 
			background-color: #fafff4;
			padding: .5em;
		}
		table.boxtable tr:nth-child(even) td{ background-color: #dff7be; }
		
		table.bluetable td, table td.bluetable, table tr.bluetable td{ background-color: #f4f7f9; border-color: #1e7da9; }
		table tr:nth-child(even) td.bluetable, table.bluetable tr:nth-child(even) td{ background-color: #d5e2e8; }
		table.bluetable a{ color: #17252b; }
		table.bluetable a:hover{ color: #446e86; } 
	
	table.linedtable th, table.linedtable td.columnheading{
		border-bottom: 2px solid #d2efad;
	}
		table.linedtable td, ul.linedlist li{ 
			border-bottom: 2px solid #dff7be; 
			padding: .5em 0;
		}
		ul.linedlist{
			list-style: none;
			margin: 1em 0;
			padding: 0;
		}
	
	table .smallcolumn{ width: 90px; }
	
/* Three columns */
#content .threecolumns, #content ul.threecolumns li{
	width: 30%;
	float: left;
	padding-right: 1em;
}
	#content ul.threecolumns{ padding: 0; margin: 0; list-style: none; width: 100%; }

/* Lists */
#content ul.list-tick li{
	list-style: url('images/icons/listtick.jpg');
	padding-bottom: 1em;
}
	
#contentfooter{
	position: relative; z-index: 10;
	/* background-color: #004f2f;
	color: #CCC; */
	background-color: #CCC;
	border-top: 1px solid #999;
	border-bottom: 1px solid #333;
	color: #000;
	font-size: 14px;
	clear: both;
}
	#contentfooter .pagewidth{
		overflow: auto;
	}
	#contentfooter .rightcontent{ padding: 1em 0; }
	#contentfooter .leftcontent{
		width: 270px;
		padding: 1em 10px;
	}
	#contentfooter .twocolumns, #content .twocolumns{
		width: 47%;
		padding-right: 1em;
		float: left;
	}

/* Footer */
#footer{
	position: relative; z-index: 10;
	background-color: #00190e;
	border-top: 1px solid #004f2f;
	font-size: 12px;
	color: #FFF;
}
	#footer .pagewidth{
		height: 16em;
		padding: 2em 0;
	}
	#footer .footercolumn1{
		float: left;
		width: 268px;
		height: 100%;
		padding: 0 10px;
		border-right: 1px solid #002B0F;
		border-left: 1px solid #002B0F;
	}
#footer .footercolumn2{
		float: left;
		width: 309px;
		height: 100%;
		border-right: 1px solid #002B0F;
		padding: 0 20px 0 20px;
	}
	#footer .footercolumn3{
		float: left;
		width: 285px;
		height: 100%;
		padding: 0 10px 0 10px;
		border-right: 1px solid #002B0F;
	}
	#footer .footercolumn3 ul{
		float: left;
		width: 50%;
	}
	#footer .socialicons{ 
		float: left;
		padding-top: 1em; 
	}
	
		#footer .socialcolumn{ 
		float: left;
		width: 32px;
		height: 13.75em;
		padding: 29px 0 0 10px;
		border-right: 1px solid #002B0F;
	}
	#footer .socialcolumn img{ 
		padding-bottom: 5px; 
	}
	#footer h4{
		font-weight: normal;
	}
	#footer a{ color: #8dc73f; }
	#footer a:hover{ color: #FFF; }
	#footer ul, #footer li{ list-style: none; padding: 0; margin: 0; }
	#footer ul{
		padding-top: 1em;
	}
	
/* Background */
#ribbonbackground{
	position: absolute; z-index: 0;
	width: 990px; height: 200px;
	top: 0;
	left: 50%;
	margin-left: -495px;
}
	#ribbon{
		width: 290px;
		background: url("https://1ed45c0ce35228c73bde-233d8641a92e144c81d0aa7fcbd3db7a.ssl.cf2.rackcdn.com/Ribbon2_png-1375905442") 0 -5px no-repeat;
		height: 200px;
	}

.width100{ width: 100%; }

/* Misc Classes */
.centertext{ text-align: center; }
*.notexttransform{ text-transform: none; }
.clear{ clear: both; }
.latocaps{ font-family: "LatoRegular", "Lato", Arial, Tahoma, sans-serif; font-weight: normal; text-transform: uppercase; }
ul.extrapadding li{
	padding-bottom: 1em;
}
.tinytext{ font-size: .75em; }
.relatedmenu .tinytext{ font-size: .9em; font-family: Verdana, Geneva, sans-serif; line-height: normal; }
.alignright{ text-align: right; }

/* Forms */
form{
	padding: 0 0 1em 0; margin: 0;
}
fieldset{
	border: none;
	margin: 0; padding: 0 0 1em 0; 
	clear: both;
}
legend{ 
	font-family:  "LatoRegular", "Lato", Arial, Tahoma, sans-serif;
	font-weight: bold;
	clear: both; 
	text-transform: none;
	font-size: 16px;
	padding: 0 0 .5em 0;
	color: #81b539;
}
	/* Field Titles */
	.fieldtitle, form dt{
		margin: 0; padding: 4px .5em 0 0;
		font-family: "LatoRegular", "Lato", Arial, Tahoma, sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		font-size: 12px;
		color: #333;
		vertical-align: top;
	}
		/* Required Fields */
		.fieldtitle em, form dt em{
			font-style: normal;
			color: #F60;
			padding-right: 2px;
		}
		
	/* Field Comments */
	.fieldcomment, form dd{
		margin: 0; padding: 0; 
		color: #666;
		font-size: .8em;
	}
		form dd label{
			font-size: 12px;
		}
		
	form .tablelayout dt{
		float: left; clear: left; 
		width: 100px;
	}
		form .tablelayout dd{
			float: left;
			width: 340px;
		}
		form .tablelayout.largeleftcolumn dt{
			width: 160px;
		}
		form .tablelayout.largeleftcolumn dd{
			width: 280px;
		}
		
	form .floatleft{ float: left; }
	form .formerror{ color: #C00; }
	form dt em, form .required{
		color: #C30;
		font-size: 1.15em;
	}
		
	/* Input Types */
	.smallinput{ width: 80px; }
	.mediuminput{ width: 180px; }
	.largeinput{ width: 99%; }
	textarea{ width: 99%; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
	.largetextarea{ width: 99%; height: 300px; }
	.mediumtextarea{ width: 99%; height: 200px; }
	input[type="submit"], button.bigbutton{
		background: #d2efad;
		color: #333;
		border: 1px solid #8dc73f;
		text-transform: uppercase;
		cursor: pointer;
	}
		input[type="submit"].bigbutton, button.bigbutton{
			font: "LatoBold", "Lato", Arial, Tahoma, sans-serif;
			font-weight: normal;
			font-size: 15px;
			font-weight: bold;
			padding: .75em;
		}
		input[type="submit"]:hover, button.bigbutton:hover{ 
			background-color: #8dc73f; 
			border-color: #004f2f;
		}
		input[type="submit"]:active{ background-color: #004f2f; color: #CCC; }
	/*input[type="checkbox"]{ margin-top: 4px; }*/
	/*EMAIL SUGGEST**/
		.suggestion {
	line-height: 1.2em;
	font-weight:bold;
	position:absolute;
	
	left:200px;
	color:#fff; 
	border-radius:5px; 
	box-shadow:0 1px 0px #75797a inset, 0 1px 2px #555; 
	border:1px solid #000;
	font-size:12px;
	display:block;
	padding:8px 10px; /* must be same as li */
	background: #3a3e3f; /* Old browsers */
	background: -moz-linear-gradient(top, #3a3e3f 0%, #323637 50%, #292a2c 51%, #212224 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3e3f), color-stop(50%,#323637), color-stop(51%,#292a2c), color-stop(100%,#212224)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3a3e3f 0%,#323637 50%,#292a2c 51%,#212224 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3a3e3f 0%,#323637 50%,#292a2c 51%,#212224 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3a3e3f 0%,#323637 50%,#292a2c 51%,#212224 100%); /* IE10+ */
	background: linear-gradient(top, #3a3e3f 0%,#323637 50%,#292a2c 51%,#212224 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3e3f', endColorstr='#212224',GradientType=0 ); /* IE6-9 */
}

.suggestion:hover {cursor:pointer;}
.suggestion::after {
	/*content: "\25BC";*/
	font-size:12px;
	position:absolute;
	bottom:-10px;
	left:50%;
	color:#000;
}
.suggestion:active, .suggestion:hover {
	background: #34abe8; /* Old browsers */
	background: -moz-linear-gradient(top, #34abe8 0%, #007fd1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34abe8), color-stop(100%,#007fd1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #34abe8 0%,#007fd1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #34abe8 0%,#007fd1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #34abe8 0%,#007fd1 100%); /* IE10+ */
	background: linear-gradient(top, #34abe8 0%,#007fd1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34abe8', endColorstr='#007fd1',GradientType=0 ); /* IE6-9 */
	box-shadow:0 1px 0px #83c7f0 inset, 0 1px 2px #555;
	border:1px solid #0075c0;
	/*border-left-color:#0168a9;
	border-right-color:#0168a9;
	border-bottom-color:#014773; */
}
.suggestion:active::after, .suggestion:hover::after {
	color:#0075c0;
}
/* Button Slideshow */
#buttonslideshow{
	position:relative;
	padding: 0 20px;
}
	#buttonslideshow .slide {
		float:left;
	}
	#buttonslideshow .slide img{
		width: 153px;
		border-top: 1px solid #7e7e7e;
		border-left: 1px solid #7e7e7e;
		border-right: 1px solid #666;
		border-bottom:  1px solid #666;
	}
	#buttonslideshow .slide img:hover{
		width: 153px;
		border-color: #E6E6E6;
	}
	
	/** Controls **/
	.control {
		position: absolute;
		display: block;
		width: 20px;
		height: 102px;
		text-indent: -1000px;
		cursor: pointer;
	}
	#leftControl {
	  top:0;
	  left:0;
	  background: url("images/slider/left.png") left no-repeat;
	}
	#rightControl {
	  top:0;
	  right:0;
	  background: url("images/slider/right.png") right no-repeat;
	}
	
/* FAQ 
	- All data lists with the faq class will open & close with jquery
	- Created: 11/28/2011 - J. Pierce
*/
dl.faq dt{
	margin: 1em 0 0 0;
	padding: 0;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}
	dl.faq dt a{
		font-weight: bold;
		color: #000;
	}
dl.faq dd{
	margin: 0 0 1em 0;
	padding: 0;
}

/* Facilities Footer */
.facilitiesfooter{ margin: 0; padding: 0; }
	.facilitiesfooter li{
		float: left; 
		list-style: none;
		padding: .5em 8px .5em 0; 
	}
	.facilitiesfooter a{ display: block; position: relative;}
	.facilitiesfooter a img{
		border: 1px solid #666;
	}
	.facilitiesfooter a:hover img{
		border: 1px solid #FFF;
		z-index: 0;
	}
	.facilitiesfooter a:hover:after{
		content: "";
		position: absolute; top: 1px; left: 1px;
		width: 100px;
		height: 70px;
		background: rgba(255,255,255,.15);
		z-index: 1;
	}
	
	#tooltip{
		position:absolute;
		border:1px solid #333;
		background:#000;
		padding:2px 5px;
		color:#fff;
		display:none;
	}
	
/* Large video thumbnails 
------------------------- */
.videothumbnail{
	position: relative;
	display: block;
	width: 200px;
	font-family: "LatoRegular", "Lato", Arial, Tahoma, sans-serif;
		font-weight: normal;
		color: #8dc73f !important;
		text-decoration: none;
		font-size: 14px;
		text-transform: uppercase;
	border: 1px solid #024F2F;
}
.videothumbnail:hover{
	color: #FFF !important;
	border: 1px solid #8dc73f;
	-webkit-transition: border .15s ease;
	-moz-transition: border .15s ease;
	-o-transition: border .15s ease;
}
	/* The thumbnail image */
	.videothumbnail img{ 
		border: 0;
		width: 100%;
		padding: 0; margin: 0;
	}
	/* The play button and extra info */
	.videothumbnail span{
		position: absolute;
		display: block;
		left: 0; right: 0; bottom: 0;
		background: rgba(255,255,255,.35) url("tour/images/ArrowCircle.png") no-repeat left;
		height: 26px;
		padding: 8px 0 0 40px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.videothumbnail:hover span{
		background: rgba(255,255,255,.35) url("tour/images/ArrowCircleHover.png") no-repeat left;
		-webkit-transition: background .15s ease;
		-moz-transition: background .15s ease;
		-o-transition: background .15s ease;
	}
		.videothumbnail.smallthumbnail{
			width: 145px;
		}
		.videothumbnail.smallthumbnail span{
			background: rgba(255,255,255,.35) url("tour/images/ArrowCircleSmall.png") no-repeat left;
			font-size: .85em;
			height: 21px;
			padding: 3px 0 0 30px;
		}
		.videothumbnail.smallthumbnail:hover span{
			background: rgba(255,255,255,.35) url("tour/images/ArrowCircleHoverSmall.png") no-repeat left;
			font-size: .85em;
		}
	
/* ------------------------
End Large Video Thumbnails */

/*Imporant message*/


.importanttop{
	color:#fff;background: #78848a url("images/icons/important_top.png") top right no-repeat;margin-bottom:-2px;padding:0 20px 5px 10px;float:left;width:600px;
}
.importantbottom{
	background: #78848a url("images/important/bottom.png") bottom right no-repeat;height: 20px;float: left;width:600px; margin-bottom:15px;
}

.important_top{
	color:#fff;background: #78848a url("images/icons/important_top.png") top right no-repeat;margin-bottom:-2px;padding:0 20px 5px 10px;float:left;width:600px;
}



.importantmessage{
	float:left;width: 570px;font-weight:bold;font-size:14px;
}
.importantmessage h1{
	margin-bottom:7px;margin-top: 3px;
}
.importantmessage a{
	color: #fff;
}
.importantmessage a:hover{
	color: #8DC73F;
}

.todaysevents .todaysdate{
	position: relative;
	float: left;
	text-decoration: none;
	background-color: #004f2f;
	margin: 0 .5em 0 0;
	padding: .5em;
	color: #FFF;
	font-size: .5em;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
	.todaysevents .calendarname{
		display: block;
		margin: .75em 0 0 .25em;
		text-transform: uppercase;
		font-weight: bold;
	}
		.todaysevents .calendarname:hover{ color: #8dc73f; }
	.todaysevents .todayseventlist{
		background: #FFF;
		padding: .5em;
		margin: 0 .5em .5em 0;
		border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
	}
		.todaysevents .todayseventlist li{ padding: .5em 0; }
		.todaysevents .todayseventlist li a{ text-decoration: none; }
	.todaysevents .eventtime{
		display: block;
		font-size: .9em;
		color: #666;
	}
	.todaysevents .moreevents{
		font-size: .9em;
		text-decoration: underline;
		cursor: pointer;
		color: #666;
	}

/* Giving Ribbon/Button */
.givingcontent{
	float: left;
}
.givingribbon{
	display: block;
	width: 280px;
	height: 110px;
	margin-top: 5px;
	background: url("images/givingribbon.png") left center no-repeat;
	*background: url("images/givingribbon.jpg") left center no-repeat;
	text-indent: -9999px;
	}
/*feedback */

#feedback {background: #333333;position: fixed;bottom: 0;right: 0;border: 1px solid #000;clear: both;float: left;font-family: helvetica, sans-serif;font-weight: normal;font-size: 14px;text-transform: normal;margin: 0 0 0 0;padding:3px 5px;z-index: 5000;filter: alpha(opacity=75);opacity: .75;display: block;}

#feedback a{color: #777;text-decoration: none;}

#feedback a:hover{text-decoration: none;color: #fff;}

/* For simple lightbox */
#mscsimplelightbox{
	position:fixed;
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
	z-index: 9001;
	background: url("javascript/simplelightbox/background.png");
	text-align: center;
}
	#mscsimplelightbox img{
		margin-top: 2em;
		border: 1px solid #8dc73f;
		max-width: 90%;
		max-height: 90%;
	}

/* Simple Lightbox Popup */
.popupbox{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9001;}
	.popupcontent{ position: relative; margin: 0 auto; margin-top: 1em; }
	.popupcontent .closebutton{ position: absolute;	display: block;	cursor: pointer; top: 0; right: 0; }