/*
	Green #015E43
	Dark Green #003322
	Pale Green #CCDFD9
	bright green #00bf83
	rust #B5522B

*/

.skipnav { display: none; }
.printonly { display: none; }
.clearing { clear: both; }

body {
	background: #003322 url('../images/page_bg.jpg') repeat-x;
	font: 13px/18px arial, helvetica, sans-serif;
	color: #444;
	text-align: center;
	}

img { border: 0; }

b, strong { font-weight: bold; }
em, i { font-style: italic; }

a { color: #015E43; }
a:visited { color: #015E43; }
a:hover { color: #003322; }

.note { background: #ffa; color: red;}

/* Primary Page Layout
---------------------------------------------------------- */


.pagewrap {
	width: 960px;
	background: #fff url('../images/pagewrap_bg.jpg') no-repeat 0 0;
	margin: 0 auto;
	text-align: left;
	}

	.sidebar {
		float: left;
		display: inline;
		width: 310px;
		margin: 70px 0 30px 5px;
		background: #CCDFD9 url('../images/sidebar_bg.jpg') no-repeat left bottom;
		padding-bottom: 70px;
		}

	.maincolumn {
		float: right;
		display: inline;
		width: 640px;
		margin: 45px 0 50px 0;
		}

		.sidebar h1 {
			width: 310px;
			height: 120px;
			margin: 0 0 20px;
			}

			.sidebar h1 a {
				display: block;
				padding: 120px 0 0 0;
				height: 0;
				overflow: hidden;
				background: url('../images/rla_logo.jpg') no-repeat 0 0;
				}

		.sidebar_content {
			margin: 0 35px 30px;
			font-size: 12px;
			line-height: 18px;
			}

			.mainnav {
				margin: 0 20px 30px;
				font-size: 12px;
				}


			.mainnav ul {
				border-bottom: solid 1px #E6EFEC;
				}

				.mainnav li {
					line-height: 30px;
					}

					.mainnav a {
						display: block;
						border-top: dotted 1px #fff;
						text-decoration: none;
						padding: 0 15px;
						text-transform: uppercase;
						color: #5E9883;
						font-weight: bold;
						letter-spacing: 1px;
						}

						.mainnav a:hover {
							color: #015E43;
							}

					.mainnav li ul {
						padding: 0 0 10px 25px;
						list-style: disc;
						border: none;
						}

					.mainnav li li { line-height: 15px; margin: 0 0 3px; list-style: none;}
					.mainnav li li a {
						display: block;
						text-decoration: underline;
						text-transform: none;
						letter-spacing: 0;
						border: none;
						color: #555;
						padding:0;
						font-weight: normal;
						}


						.homepage #nav_homepage,
						.education #nav_education,
						.conference #nav_conference,
						.tour #nav_tour,
						.visit #nav_visit,
						.about #nav_about,
						.contact #nav_contact
							{ background: #CCDFD9 url('../images/nav_bg.jpg') repeat-y 0 0; }

						.homepage #nav_homepage a,
						.education #nav_education a,
						.conference #nav_conference a,
						.tour #nav_tour a,
						.visit #nav_visit a,
						.about #nav_about a,
						.contact #nav_contact a { color: #015E43; cursor: default;  }

						.mainnav li li a:hover { text-decoration: underline; color: #B5522B !important; cursor: pointer !important; }


.sitesearch {
	height: 22px;
	text-align: right;
	margin-bottom: 23px;
	}

	.sitesearch .btn {
		vertical-align: text-top;
		}

		.sitesearch input {
			vertical-align: text-top;
			border: none;
			}

			.sitesearch input.txt {
				background: #dedede;
				height: 20px;
				padding: 1px 5px;
				width: 170px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				}

				.sitesearch input.btn { background: #000; }
				.sitesearch input.txt:focus { background: #fff; }




.call2action {
	background: #fff url('../images/for_reservations.jpg') no-repeat 0 0;
	padding: 50px 0 0 0;
	height: 0;
	overflow: hidden;
	}

	.contentwrap {
		background: #fff url('../images/main_bg.jpg') no-repeat 0 0;
		}

		 .slideshow {
		 	margin: 0 5px 24px 0;
			}

		.slideshow {
			position: relative;
			width: 635px;
			height: 175px;
			margin: 0 5px 20px 0;
			}

			.slideshow img {
				position: absolute;
				width: 635px;
				height: 175px;
				top:0;
				left:0;
				}


		.homepage .slideshow {
			height: 250px;
			}

			.homepage .slideshow img {
				height: 250px;
				}

		.main {
			padding: 0 30px 0;
			}

		.main h2 {
			width: 580px;
			height: 65px;
			text-indent: -9999px;
			margin: 0 0 18px;
			padding: 0 0 12px;
			border-bottom: dotted 1px #00bf83;
			overflow: auto;
			background: #ccc;
			}

			.main h2 { background: url('../images/homepage_hdr.jpg') no-repeat 0 0; }
			.homepage .main h2 { background: url('../images/homepage_hdr.jpg') no-repeat 0 0; }
			.education .main h2 { background: url('../images/education_hdr.jpg') no-repeat 0 0; }
			.conference .main h2 { background: url('../images/conference_hdr.jpg') no-repeat 0 0; }
			.about .main h2 { background: url('../images/about_hdr.jpg') no-repeat 0 0; }

			.main h3 {
				color: #B5522B;
				font-weight: bold;
				font-size: 14px;
				margin: 0 0 12px;
				}

			.main h4 {
				color: #015E43;
				font-weight: bold;
				font-size: 13px;
				margin: 0 0 6px;
				}

			.main h5 {
				color: #333;
				font-weight: bold;
				margin: 0 0 6px;
				}

			.main h6 {
				color: #333;
				font-weight: normal;
				font-style: italic;
				margin: 0 0 6px;
				}

		.main p {
			margin: 0 0 15px;
			}

		.main ul {
			margin: 0 0 15px 24px;
			list-style: disc;
			}

		.main p+ul {
			margin-top: -6px;
			}

		.main ol {
			margin: 0 0 12px 24px;
			list-style: decimal;
			}

			.main ul li, .main ol li {
				margin: 0 0 6px;
				}



		.footer {
			padding: 0;
			text-align: left;
			}

			.footer p {
				font-size: 11px;
				line-height: 60px;
				color: #777;
				margin:0;
				padding: 0 30px 0 45px;
				}

				.footer a {
					border-left: solid 1px #ccc;
					margin-left: 6px;
					padding-left: 6px;
					}



.main .course-search {
	background: #eee;
	padding: 10px 10px 8px;
	margin:0;
	}

	.classsort {
		margin-top: 6px;
		padding-top: 6px;
		border-top: solid 1px #fff;
		font-size: 10px;
		text-transform:uppercase;
		}

	.classsort a {
		border-right: solid 1px #aaa;
		padding: 0 4px;
		}

		.classsort a:last-child { border: none; }

		.classsort .current {
			font-weight: bold;
			}


.main .courses-list {
	list-style: none;
	margin: 0 0 30px;
	}

.main .courses-list h4, .main .courses-list p {
	margin: 0;
	}

	.main .courses-list li {
		padding: 12px 10px;
		border-bottom: solid 1px #dedede;
		margin:0;
		}



.member-logo {
	float: right;
	margin: 0 0 10px 10px;
	}

	.member-logo img {
		border: solid 1px #ddd;
		-moz-box-shadow: 3px 3px 4px #ddd;
		-webkit-box-shadow: 3px 3px 4px #ddd;
		-o-box-shadow: 3px 3px 4px #ddd;
		box-shadow: 3px 3px 4px #ddd;
		}

	.member-info {
		margin: 15px 0 ;
		font-size: 12px;
		line-height: 18px;
		width: 100%;
		}

		.member-info td {
			padding: 0 15px 0 0;
			width: 50%;
			}

		.member-info .contacts {
			border-left: dotted 1px #aaa;
			padding-left: 15px;
			}


	.classeslink a, .classeslink a:visited {
		font-weight: bold;
		color: #02BC7F;
		}

		.classeslink a:hover {
			color: #015e43;
			}

	.hours, .packagelist {
		margin: 0 0 15px;
		font-size: 12px;
		line-height: 18px;
		width: 86%;
		border-top: dotted 1px #aaa;
		}

		.hours td, .packagelist td {
			border-bottom: dotted 1px #aaa;
			padding: 6px;
			}



.main .special-feature {
	margin: 30px 0 15px;
	border: solid 3px #eee;
	padding: 15px 25px;
	}

	.main .mlg-logo {
		padding: 0 0 15px;
		margin: 0 0 15px;
		border-bottom: dotted 1px #00bf83;
		}

		.main .special-feature p {
			font-size: 12px;
			line-height: 16px;
			}

		.sidebar .special-feature .mlg-logo {
			padding: 0 0 15px;
			margin: 0 0 15px;
			border-bottom: dotted 1px #00bf83;
			}

		.sidebar .special-feature .mlg-logo img {
			width: 200px;
			}


		.sidebar .special-feature p {
			font-size: 11px;
			line-height: 14px;
			margin: 0 0 10px;
			}

.special-feature .photo {
	float: right;
	margin: 5px 0 15px 15px;
	width: 150px;
	}

	.special-feature h3 {
		color: #00bf83;
		}

.googlemap {
	margin: 15px 0;
	border: solid 1px #ccc;
	padding: 4px;
	}

.current-jobs {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin: 15px 0;
	padding: 5px 0;
	}

.quote {
	margin: 0 15px;
	}

	.quote p {
		text-indent: -4px;
		font-family: georgia, serif;
		font-style: italic;
		font-size: 15px;
		line-height: 21px;
		color: #777;
		}

		.quote cite {
			font-family: arial, helvetica, sans-serif;
			font-size: 10px;
			font-style: normal;
			text-transform: uppercase;
			color: #444;
			}

.showhide {
	border-bottom: dotted 1px #bbb;
	}


.showhide h4 {
	margin: 0 0 0;
	}

	.showhide h4 a {
		display: block;
		padding: 4px 0 4px 17px;
		text-decoration: none;
		background: url('../images/showhide-arrows.jpg') no-repeat 2px 9px;
		}

		.showhide h4 a:hover {
			background-position: 2px -91px;
			}

		.showhide h4.active a {
			background-position: 2px -191px;
			}

		.main .showhide:last-child { border-bottom: solid 1px #ccc; }



	.showhide .info {
		margin: 9px 0 30px 17px;
		}


div.inset {
	float: right;
	width: 185px;
	border-left: solid 1px #ccc;
	margin: 5px 0 25px 25px;
	padding-left: 15px;
	}


.capacities td, .capacities th {
	padding: 3px 10px;
	border-top: solid 1px #ccc;
	font-size: 12px;
	line-height: 16px;
	}

.room-info td {
	vertical-align: top;
	padding-right: 15px;
	}

.room-info .photo-specs {
	padding: 0 0 20px 15px;
	border-left: solid 1px #ccc;
	}

	.photo-specs a { text-decoration: none; }

	.photo-specs a img { border: solid 3px #dedede; }
	.photo-specs a:hover img { border-color: #aaa; }

	.photo-specs a span {
		text-decoration: none;
		font-size: 10px;
		text-transform: uppercase;
		}

		.photo-specs a span:before {
			content: "[+] ";
			}

.sidebar h3 {
	color: #B5522B;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 6px;
	}

	.sidebar .recent-news {
		margin: 0 0 30px;
		}

		.recent-news li {
			margin: 0 0 12px;
			font-size: 12px;
			line-height: 16px;
			}

.keylinks {
	height: 24px;
	background: #ccc;
	margin: 0 0 15px;
	}

	.keylinks a {
		display: block;
		float: left;
		padding: 0 15px;
		line-height: 24px;
		background: #B5522B;
		border-right: solid 2px #fff;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		font-size: 12px;
		}

		.keylinks a:hover {
			background-color: #7F391F;
			}




/* academic member logo viewer
------------------------------------------ */

.member_logos {
	border-bottom: solid 1px #dedede;
	margin: 30px 0 15px;
	}

	.member_logos h3 {
		margin: 0 0 15px;
		}

	.member_logos h3 a {
		background: #dedede;
		text-transform: uppercase;
		display: block;
		padding: 0 10px;
		line-height: 24px;
		font-size: 12px;
		text-decoration: none;
		}

		.member_logos h3 a:hover {
			background-color: #ccc;
			}



	.logogroups table {
		margin: 0 0 15px;
		height: 95px;
		width: 100%;
		text-align: center;
		}

		.logogroups table td {
			border-right: solid 1px #dedede;
			text-align: center;
			width: 33%;
			height: 95px;
			vertical-align: middle;
			}

			.logogroups td a {
				text-decoration: none;
				}

			.logogroups td.last {
				border: none;
				}

.main .member-list {
	margin: 0 0 30px 0;
	background: #fff;
	}

		.main .member-list a img {
			border: solid 1px #dedede;
			margin: 0 10px 10px 0;
			}

			.main .member-list a:hover img {
				border-color: #dedede;
				-moz-box-shadow: 3px 3px 4px #ddd;
				-webkit-box-shadow: 3px 3px 4px #ddd;
				-o-box-shadow: 3px 3px 4px #ddd;
				box-shadow: 3px 3px 4px #ddd;
				}


 /* Tour Slideshow
 -----------------------------------  */

 .tour .main {
 	background: #fff url('../images/tour_hdr.jpg') no-repeat 0 0;
 	padding-top: 35px;
 	}

 	.virtualtour {
		position: relative;
		}

		.virtualtour .tournav {
			position: absolute;
			top:80px;
			left: 405px;
			z-index:1000;
			}


		.virtualtour .slides {
			position: relative;
			width: 580px;
			height: 450px;
			}

			.virtualtour .slides .slide {
				position: absolute;
				top:0;
				left:0;
				width: 580px;
				height: 450px;
				}

			.slide img {
				position: absolute;
				top:0;
				left:0;
				border: solid 2px #CCDFD9;
				-moz-box-shadow: 4px 5px 6px rgba(0,0,0,.4);
				-webkit-box-shadow: 4px 5px 6px rgba(0,0,0,.4);
				-o-box-shadow: 4px 5px 6px rgba(0,0,0,.4);
				box-shadow: 4px 5px 6px rgba(0,0,0,.4);
				}

			.slide .caption {
				position: absolute;
				top: 120px;
				right:0;
				width: 175px;
				background: #fff;
				}

			.virtualtour .caption h4 {
				font-size: 12px;
				line-height: 15px;
				margin: 0 0 9px;
				}

			.virtualtour .caption p {
				font-size: 11px;
				line-height: 15px;
				margin: 0 0 9px;
				}

		.tournav img {
			vertical-align: middle;
			}

			.tournav #prev {
				margin-right: 6px;
				}

.subsection {
	border-top: dotted 1px #bbb;
	margin-bottom: 15px;
	padding-top: 15px;
	}

	.subsection h1 {
		background: #aaa;
		color: #fff;
		padding: 0 9px;
		line-height: 20px;
		text-transform: uppercase;
		font-size: 12px;
		margin: 0 0 6px;
		}

		.listing-wphoto {
			}


		.listing-wphoto p {
			float: right;
			display: inline;
			width: 475px;
			margin: 0 0 24px;
			}

		.listing-wphoto img {
			margin: 0 10px 24px 0;
			}

		.left {
			float: left;
			display: inline;
			margin: 0 10px 10px 0;
			}

		img.wborder {
			border: solid 5px #dedede;
			}

		.configs a img {
			border: solid 2px #ccc;
			margin: 0 5px 5px 0;
			}

		.configs a:hover img {
			border-color: #aaa;
			}

		.room-capacities { width: 70%; }
		.room-capacities td, .room-capacities th {
			padding: 2px 10px 2px 0;
			}

			.col-nmbrs { text-align: right; }

	.two_column {
		width: 100%;
		}

		.two_column td {
			padding-right: 20px;
			width: 50%;
			}

			.column2 {
				padding-left: 20px;
				border-left: solid 1px #dedede;
				}


.memberlogos_slideshow {
	position: relative;
	margin-left: 15px;
	width: 560px;
	height: 100px;
	padding-bottom: 15px;
	border-bottom: solid 1px #ccc;
	}

	.memberlogos_slideshow .logos {
		position: absolute;
		top:0;
		left:0;
		width: 560px;
		height: 100px;
		background: #fff;
		}

		.memberlogos_slideshow .logos img {
			border-right: solid 1px #ddd;
			}

			.logos img.last { border: none; }


.newsboiler h5, .newsboiler p {
	font-size: 12px;
	line-height: 18px;
	}