@import url('reset.css');

body {
	background: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1;
}

a:link, a:visited {
	color: #00677F;
	text-decoration: none;
}

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

h1, .alpha {}

h2, .beta {
	color: #007476;
	font-size: 1.125em;
	border-bottom: 1px dotted #A2ACAD;
	padding: 0.625em 0;
	font-family: 'Ubuntu';
	font-weight: 400;
}

h3, .gamma {
	color: #44585B;
	font-size: 0.875em;
	line-height: 1.5;
	font-family: 'Ubuntu';
	font-weight: 400;
	margin: 0.8em 0;
}

        .news-headline-title {
        font-size: 0.9em;
        color: #007476;
}
        .news-headline-date {
         font-size: 0.75em;
}

	.promote-advertising {
		font-style: italic;
		font-weight: normal;
		border-bottom: 1px dotted #A2ACAD;
	}

h4, .delta {
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1.357;
	color: #534a38;
	margin: 1em 0;
}

h5, .epsilon {}

h6, .zeta {}

p, ul, td, blockquote, ol, .board_member, #cw150image {
	color: #5a5e62;
	font-size: 0.813em;
	line-height: 1.308;
}

article ul li ul {
	font-size: 1em;
	line-height: 1.308;
}

td p, ul p, blockquote p {
	font-size: 1em;
}

p {
	margin: 1em 0;
}

em, .italic {
	font-style: italic;
	font-weight: inherit;
}

span.char-style-override-6 {
	font-style:italic;
	font-weight:normal;
}

span.smallcaps {
	font-variant:small-caps;
}

strong, .strong, .bold, .name {
	font-weight: bold;
}

blockquote {
	padding-left: 30px;
}

hr {
	height: 4px;
	border: 0;
	background: #e3dbd0;
	color: #e3dbd0;
	margin: 1.2em 0;
}

ul, ol {
	margin: 1em 0 1em 2.308em;
}

	ul li {
		list-style: square;
		margin: 1em 0;
	}

	ol li {
		list-style: decimal;
		margin: 1em 0;
	}

	ol li ol li {
		list-style: lower-alpha;
		margin: 0.5em 0;
		font-size: 1.3em;
	}

nav ul, footer ul {
	list-style: none;
	margin: 0;
}

	nav ul li, footer ul li {
		list-style: none;
		margin: 0;
	}

.no-margin-top {
	margin-top: 0;
}

.no-margin-bottom {
	margin-bottom: 0;
}

.no-margin-top-bottom {
	margin-top: 0;
	margin-bottom: 0;
}

.no-margin-top-bottom-list li {
	margin-top: 0;
	margin-bottom: 0;
}

article img, .max-width-full {
	max-width: 100%;
}

.center {
	text-align: center;
}

.w-960 {
	width: 960px;
	margin: 0 auto;
}

.w-970 {
	width: 970px;
	margin: 0 auto;
}

.w-menu {
	width: 982px;
	margin: 0 auto;
}

.MarkupPagerNav {
	/*clear: both;*/
	margin: 1em 0;
}

.MarkupPagerNav li {
	display: inline;
	list-style: none;
	margin: 0;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: block;
	float: left;
	padding: 2px 9px;
	color: #989183;
	background: #d7d9d9;
	margin-right: 3px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
	color: #fff;
	background: #00677F;
	text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: inline;
	color: #777;
	/*background: #d2e4ea;*/
	padding-left: 3px;
	padding-right: 3px;
}

.top-bar {
	height: 50px;
	vertical-align: middle;
	width: 960px;
	margin: 0 auto;
	border: 0px solid #ccc;
	text-align: right;
}

	.search-form {
		margin: 0;
		padding: 0;
		height: inherit;
		vertical-align: middle;
		display: inline;
	}

	.search-field {
		background: #eee;
		border: none;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		color: #666;
		width: 100px;
		height: 25px;
		padding: 0 3px 0 7px;
		vertical-align: middle;
	}

	.search-button {
		vertical-align: middle;
	}

.main-menu {
	height: 60px;
	background-color: #ccc;
	background-image: url('../images/menu-bg.png');
}

	#site-logo {
		float: left;
		position: relative;
		z-index: 10;
		margin-top: -50px;
		/*margin-right: 40px;*/
	}

	.main-menu nav {
		height: 100%;
	}

		.main-menu ul {
			font-size: 0.75em;
			display: inline-block;
			border-right: 1px solid #fff;
		}

/*		.main-menu ul li {
			font-size: 1em;
		}*/

			li.level-1 {
				position: relative;
				border-left: 1px solid #fff;
				display: inline-block;
			}

			li.level-1 a {
				height: 100%;
				display: inline-block;
				padding: 0 1.5em;
				text-transform: uppercase;
			}

			li.level-1 a:link, li.level-1 a:visited {
				line-height: 60px;
				color: #fff;
				text-decoration: none;
				text-shadow: #333 1px 1px 2px;
			}

			li.level-1 a:hover {
				background-color: rgba(0, 0, 0, 0.05);
			}

			.level-1 div {
				position: absolute;
				top: 60px;
				z-index: 97;
				min-width: 420px;
				background-color: rgb(215, 217, 217);
				background-color: rgba(215, 217, 217, 0.95);

				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-moz-border-radius-bottomright: 5px;
				-moz-border-radius-bottomleft: 5px;
				border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;

				-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.10);
				padding: 0 1em;
			}

				.col-2, .col-3 {
					margin-left: 8px;
				}

			li.level-1 ul {
				font-size: 1em;
				border: 0;
				display: none;

/*				background-color: rgb(145, 137, 118);
				background-color: rgba(175, 169, 156, 0.85);

				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-moz-border-radius-bottomright: 5px;
				-moz-border-radius-bottomleft: 5px;
				border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;

				-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.10);*/

				text-shadow: #ccc 1px 1px 0px;

				/*position: absolute;*/
				float: left;
/*				top: 60px;
				z-index: 97;*/
				width: 200px;
				/*min-width: 350px;*/
				/*max-height: 350px;*/
				padding: 1em 0;
			}

				li.level-1 li {
					/*width: 200px;*/
				}

			li.level-1:hover ul {
				display: inline-block;
			}

/*			li.level-1:nth-child(2) ul {
				left: -100px;
			}*/

/*			li.level-1:nth-child(3) ul {
				left: -150px;
			}*/

			li.level-1:nth-child(3) div {
				/*left: -300px;*/
			}

/*			li.level-1:nth-child(4) ul {
				left: -220px;
			}*/

			li.level-1:nth-child(4) div {
				left: -100px;
			}

/*			li.level-1:nth-child(5) ul {
				left: -285px;
			}*/

			li.level-1:nth-child(5) div {
				left: -225px;
			}

			li.level-1:nth-child(2) li.level-2 ul,
			li.level-1:nth-child(3) li.level-2 ul,
			li.level-1:nth-child(4) li.level-2 ul,
			li.level-1:nth-child(5) li.level-2 ul {
				left: 0;
			}

			li.level-2 ul {
				position: relative;
				top: 0;
				left: 0;
				background-color: transparent;
				padding: 0;
			}

			li.level-2 a {
				display: block;
				height: auto;
				padding: 0.2em 0;
				border-bottom: 1px dotted #ccc;
			}

				li.level-2 a:link, li.level-2 a:visited {
					color: #363739  ;
					font-weight: bold;
					text-shadow: none;
				}

				li.level-2 a:hover {
					color: #000;
					background-color: transparent;
				}

			li.level-3 a {
				padding-left: 1em;
			}

				li.level-3 a:link, li.level-3 a:visited {
					color: #626569;
					font-weight: normal;
					text-shadow: none;
				}

				li.level-3 a:hover {
					color: #000;
					background-color: transparent;
				}

/*			nav li.level-1:hover ul ul {
				background: transparent;
				display: inline;
				position: relative;
				top: 0;
				left: 0;
			}
/*
		nav li.level-1:hover ul li {
			border: 0;
			display: block;
			height: auto;
		}*/

		li.level-1:hover ul li a:link {
			line-height: 1.6em;
			text-transform: none;
		}



/*		.main-menu nav li.dropdown ul {
			display: none;
		}

		.main-menu nav li.dropdown:hover ul {
			border: 0;
			display: block;
			position: absolute;
			top: 60px;
			left: 0;
			z-index: 97;
			min-width: 400px;
			padding: 1em;

			background-color: #ccc;
			text-shadow: #ccc 1px 1px 0px;
			background-color: rgb(8, 44, 77);
			background-color: rgba(145, 137, 118, 0.8);

			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;

			-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
			box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
			text-align: left;
		}

		.main-menu nav li.dropdown:hover ul li {
			border: 0;
			display: block;
			height: auto;
		}

		.main-menu nav li.dropdown:hover ul li a:link {
			line-height: 1.6em;
			text-transform: none;
		}*/

.page-heading {
	background-color: #afb3b7;
	height: 208px;
}

	.page-heading div {
		position: relative;
		height: 100%;
		width: 960px;
		margin: 0 auto;
		/** Place a default page-heading image here **/
		background: url('../images/page-header-default.png') center no-repeat;
	}

	.page-heading div.membership-support {
		background: url('../images/page-header-miners.png') center no-repeat;
	}

	.page-heading div.meetings-events {
		background: url('../images/page-header-rushmore.png') center no-repeat;
	}

	.page-heading div.programs-resources {
		background: url('../images/page-header-plane.png') center no-repeat;
	}

	.page-heading div.publications {
		background: url('../images/page-header-womans-ad.png') center no-repeat;
	}

	.page-heading div.about {
		background: url('../images/page-header-indian-football.png') center no-repeat;
	}

	.page-heading nav {
		position: relative;
		display: inline-block;
		top: 5px;
		left: 450px;
/*		top: 25px;
		left: 530px;*/
	}

	.page-heading .section-title {
		font-family: 'Ubuntu';
		font-weight: 400;
		color: #00677F;
		font-size: 1em;
		margin: 0;
	}

	.page-heading ul {
		position: relative;
		display: inline-block;
		vertical-align: top;
		font-size: 0.688em;
		line-height: 1.182;
	}

	.page-heading ul + ul {
		margin-left: 1em;
	}

	.page-heading li {
		display: list-item;
		/*line-height: 13px;*/
		width: 160px;
		min-width: 160px;
	}

	.page-heading li a {
		color: #4c4c4c;
		display: block;
		border-bottom: 1px dotted #666;
		text-decoration: none;
		padding: 5px;
	}

	.page-heading li a:hover {
		color: #00677F;
	}

	.page-heading h1 {
		position: absolute;
		bottom: 0;
		left: 0;
		color: #fff;
		background: #00677F;
		font-size: 1.688em;
		line-height: 1.85em;
		font-family: 'Ubuntu';
		padding: 0 1.9em;
		display: inline-block;
		text-align: center;
		-webkit-border-top-left-radius: 20px;
		-webkit-border-top-right-radius: 20px;
		-moz-border-radius-topleft: 20px;
		-moz-border-radius-topright: 20px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}

.content {
	width: 960px;
	margin: 10px auto 30px auto;
}

	.content nav {
		margin-bottom: 1em;
	}

	.content nav ul {
		font-size: 0.688em;
	}

	.content nav li {
		display: inline-block;
	}

	.content article {
		float:left;
		width: 635px;
		margin-right: 25px;
	}

	.content aside {
		width: 300px;
		display: inline-block;
		float: right;
		margin-bottom: 1em;
	}

	aside div + div {
		margin-top: 1em;
	}

footer {
	background-color: #898d91;
	clear: both;
	height: 120px;
	padding: 0;
}

	footer div {
		width: 960px;
		margin: 0 auto;
	}

		footer div div {
			display: inline-block;
			vertical-align: top;
		}

		.footer-left, .footer-middle {
			width: 330px;
		}

		.footer-right {
			width: 300px;
		}

	footer p, footer ul {
		color: #fff;
		line-height: 1.3em;
	}

	footer ul li {
		list-style-image: url('../images/blue-arrow.png');
/*		background-repeat: no-repeat;
		background-position: 0px 5px;*/
/*		padding-left: 14px;*/
	}

	footer ul {
		margin: 1em 0;
		padding-left: 1em;
	}

	footer ul li {
		/*display: block;*/
	}

	footer a:link, footer a:visited {
		color: #ddd;
		text-decoration: none;
	}

	footer a:hover {
		color: #005e60;
	}

#footer-blurb
{
   font-style: italic;
   font-weight: bold;
   font-size: 110%;
}

.slide-link {
	display: block;
	width: 100%;
	height: 100%;
}

/*
DEPRECATED 8/16/13 in favor of linking the entire slide
.slide-meta {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #000;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

	.slide-meta p {
		color: #fff;
		font-family: 'Ubuntu';
		font-weight: 300;
		font-size: 1.3em;
		padding-left: 30px;
	}

.text-slide, .slide-meta {
	display: none;
}

*/

.read-more {

/*	background-color: #44585B;  */
	background-color: rgb(0, 116, 118);
	padding: 0.3em 0.4em;
}

	.read-more:link, .read-more:visited {
		color: #ddd;
	}

	.read-more:hover {
		color: #fff;
	}

/**
 ** two columns of news under slider
 **
 ** .news-block {
 **       float: left;
 **       width: 305px;
 ** }
 **
 ** .news-block + .news-block {
 **       margin-left: 20px;
 **       }
 **/

.news-block {
	float: left;
}

.news-block + .news-block {
	}

/**
 * The edit link that appears when you are logged in.
 * It is recommended that you implement an edit button
 * in your templates to make it easy to switch to and
 * from the admin control panel when editing pages.
 *
 */
#editpage {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.7em;
	background: #005e60;
	color: #fff;
	display: block;
	font-weight: bold;
}

	#editpage:hover {
		background: #626868;
		/*color: #000; */
	}


#viewlivepage {
	position: absolute;
	top: 0px;
	left: 60px;
	padding: 0.7em;
	background-color: red;
	color: #fff;
	display: block;
	font-weight: bold;
}
	#viewlivepage:hover {
		background-color: red;
		/*color: #000;*/
	}

#adminsite {
	position: absolute;
	top: 0px;
	left: 120px;
	padding: 0.7em;
	background-color: orange;
	color: #fff;
	display: block;
	font-weight: bold;
}
	#viewlivepage:hover {
		background-color: orange;
		/*color: #000;*/
	}


/**
 * Alignment styles that are used by the InputfieldTinyMCE for
 * positioning images in bodycopy. If you are using this field type,
 * you may want to include these or similar styles in your site.
 *
 */
.align_left {
        float: left;
        margin: 0 1em 0.25em 0;
}

.align_right {
        float: right;
        margin: 0 0 0.25em 1em;
}

.align_center {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.quote {float:right;width:30%;padding-left:30px;font-size:15px;color: #007476;font-family: 'Ubuntu';line-height:18px;}

h3.section {padding-top:30px;}

p.member_brochure {
	width: 125px;
	font-size: .8em;
	float: right;
	margin: 0px 5px 10px 20px;
	padding: 5px;
}

.imgr, .logo {float:right;padding-left:20px}

.board_member img {float:left; margin-right:20px; border:1px solid #979081;}
.board_member {
margin: 10px 0px 30px 0px;
clear: left;
overflow:hidden;
}

section h1{
	color: #44585B;
	font-size: 1.6em;
	line-height: 1.5em;
	font-family: 'Ubuntu';
	font-weight: 400;
	margin: 30px 0 0px 0;
	text-transform:uppercase;
}

section td{padding:5px 20px 5px 5px;border:2px solid #fff; background:#c9cbca;}



table.meetings-table-header th {
	font-family: 'Ubuntu';
	font-weight: 400;
	color: #007476;
	font-size: 1em;
	text-align: left;
	margin: 0;
}

table.white-background td { background: #fff; }

#cw150image {padding-bottom:10px;padding-top:10px;}
#cw150image .image_citation a{clear:both;}

.logo { float: left; }

span.ui-state-error {
	color: #cd0a0a;
	font-style: italic;
	border: 1px solid #cd0a0a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 7px;
}

#dlp_new_icon
{
    float:right;
}

p.dlp_alt_h1
{
    font-size: 20px;
}

p.dlp_alt_h2
{
    font-size: 16px;
}

img.dlp_right
{
    float:right;
    width: 130px;
    padding-left: 10px;
}

img.dlp_new_icon
{
    float:left;
    width: 60px;
    position: relative;
    top: -5px;
    padding-right: 10px;
    margin-bottom: 0px;
}

img.dlp_lecturer
{
    max-width: 100%;
    width: 75px;
    height: auto;
    margin-right: 10px;
    border: 1px solid #b9bbbb;
    float:left;
}

table.dlp_lecturer
{
    table-layout: fixed;
    width: 600px;
    padding: 10px;
    margin: 5px;
    background-color: #FFFFFF;
}

td.dlp_lecturer
{
    width: 300px;
    padding-left: 0px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    vertical-align: top;
    background-color: #FFFFFF;
}

td.table_highlight
{
    background-color: #FC7A42;
}

ul.compact-list li {
	margin: 0.25em;
}


/**
 * WireFatalError is a class that ProcessWire will use to output
 * fatal errors in the design, but only if debug mode is on, or if
 * you are logged in as a superuser.
 *
 */
.WireFatalError {
	background: #a30000;
	color: #fff;
	padding: 1em;
	position: relative;
	z-index: 9999;
}

@media ( max-width: 768px ) {
	.content nav {position:relative;top:0;clear:both;width:95%;}
	.content article {position:relative;top:0;clear:both;width:95%;float:none;}
	.content aside {position:relative;top:0;clear:both;width:95%;float:none;}

	.top-bar {height:10px;width:100%;}
	.search-form {clear:both;float:none;display:block;}
	form {clear:both;}
	#site-logo {clear:both;margin-top:0;float:none; display: inline-block;}
	.logotop {float: none;}
	.social {display:none;}
	.page-heading {display:none;}


	.main-menu {background-image:none;height:auto;background-color: transparent;}
	.w-960, .w-970, .w-menu {width:100%;}
	li.level-1 {position: relative;border-left: 0;display:block;}
	li.level-1 a {display: block;}
	.main-menu ul {padding-top:10px;width: 100%;overflow:hidden;font-size: 1em;display: block;border-right:0;background-color: rgba(0, 103, 127, 0.95);}
	.level-1 div { background-color:none; position:relative;min-width:80%;z-index:none;top:0;}
	li.level-1 a:link, li.level-1 a:visited {line-height:1em;text-transform: none;}
	li.level-1:hover ul li a:link{line-height:1em;}
	li.level-2:hover ul li a:link {line-height:1em;}
	li.level-1 ul, li.level-1 ul li a {display: none;}
	ul.col-1, ul.col-2, ul.col-3 {clear:both;margin-left:0;padding:0;margin:0;width:95%;}
	li.level-2 a {width:90%;padding: 0;border-bottom: 1px dotted #ccc;text-transform:none;padding:5px 20px;}
	li.level-1:hover ul li a:link {text-transform: none;}
	li.level-1:nth-child(3) div, li.level-1:nth-child(4) div, li.level-1:nth-child(5) div {left:0;}

	li.level-1:hover ul {display:block;}
	ul.col-1, ul.col-2 {margin:0;padding:0;}
	li.level-1 ul {padding:0;}
	li.level-1 a:link  {padding-top:.5em;padding-bottom:.5em;}
	li.level-2 a:link  {padding-top:.3em;padding-bottom:.3em;}
	li.level-3 a:link  {padding-top:.2em;padding-bottom:.2em;padding-left:35px;}
	.content, .content aside, .content article, .news-block {width:95%;clear:both;}
	.content article {margin-right:0;}
	.content {padding:1%;}

	.news-block + .news-block {margin-left:0;}

	.align_right {padding-right:2%;}

	footer {height:200px;}
	footer div {width:100%;}
	.footer-right {display:none;}
	.footer-left, .footer-middle {clear:both;width:100%;text-align:center;}
	.footer-left, .footer-middle {clear:both;width:100%;text-align:center;}

	h3 {clear:both;}
	h2 {clear:both;text-align:center;}
} /* /max-width: 768px */