@charset "UTF-8";

@import url(font-awesome.css);
@import url(font-awesome-ie7.css);

/* CSS Document */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 20, 2012 01:58:25 PM America/New_York */

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('fonts/PTN57F-webfont.eot');
    src: url('fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN57F-webfont.woff') format('woff'),
         url('fonts/PTN57F-webfont.ttf') format('truetype'),
         url('fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansCaptionBold';
    src: url('fonts/PTC75F-webfont.eot');
    src: url('fonts/PTC75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTC75F-webfont.woff') format('woff'),
         url('fonts/PTC75F-webfont.ttf') format('truetype'),
         url('fonts/PTC75F-webfont.svg#PTSansCaptionBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansCaptionRegular';
    src: url('fonts/PTC55F-webfont.eot');
    src: url('fonts/PTC55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTC55F-webfont.woff') format('woff'),
         url('fonts/PTC55F-webfont.ttf') format('truetype'),
         url('fonts/PTC55F-webfont.svg#PTSansCaptionRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansBoldItalic';
    src: url('fonts/PTS76F-webfont.eot');
    src: url('fonts/PTS76F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS76F-webfont.woff') format('woff'),
         url('fonts/PTS76F-webfont.ttf') format('truetype'),
         url('fonts/PTS76F-webfont.svg#PTSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansBold';
    src: url('fonts/PTS75F-webfont.eot');
    src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS75F-webfont.woff') format('woff'),
         url('fonts/PTS75F-webfont.ttf') format('truetype'),
         url('fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansItalic';
    src: url('fonts/PTS56F-webfont.eot');
    src: url('fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS56F-webfont.woff') format('woff'),
         url('fonts/PTS56F-webfont.ttf') format('truetype'),
         url('fonts/PTS56F-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansRegular';
    src: url('fonts/PTS55F-webfont.eot');
    src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('fonts/PTN77F-webfont.eot');
    src: url('fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN77F-webfont.woff') format('woff'),
         url('fonts/PTN77F-webfont.ttf') format('truetype'),
         url('fonts/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.lt-ie9 ul.icons li .icon-star:before {
	content:"★";
}	

/* -- DEFAULT MEDIA QUERIES for smallest "mobile-first" browser canvas -- */
/* Portrait Smartphones (iPhone, Android, etc, 320x480 phones) */
body {
	background:#192844 url(../images/background.png) left top repeat-x;
	color:#24324F; /*dk blue*/
	font: normal 1em Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width:100%;
	max-width:479px;	
}

header {
	height:7.5em; /*120px*/
	max-width:479px;	
	margin:0%;
	overflow:hidden;
	padding:0%;
	position:relative;
	width: 100%; /*320 - 479px*/
}

img#bg {
	filter: alpha(opacity=15);
	/*height:auto;*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	opacity:.15;
	width:100%;
}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

header h1 {text-indent:-9999px;}
		
#esdlogo {
	background:;
	display: block;
	float: left;
	height: 90%; /*108px/120px*/
	width: 50%; /*160px/320px or 240px/479px*/
	position: absolute;
	top:1.25em; /*20px*/
	left:4.175%; /*20px/479px*/
}
#whslogo {
	background-color:;
	display: block;
	float: left;
	max-height:5.313em; /*85px/120px*/
	width: 18%; /*70px/320px or 105px/479px*/
	position: absolute;
	top: 1em; /*16px*/
	right: 1.96%; /*15px/767px*/
}
#tagline {
	background-color:;
	color:#FFF;
	display: block;
	font-family:'PTSansBoldItalic', Arial, Helvetica, sans-serif;
	font-size: .625em; /*10px*/
	font-weight:normal;
	font-style:normal;
	line-height: .625em; /*10px*/
	height: .625em; /*10px*/
	max-width: 100%; /*256px/320px or 383px/479px*/
	right: 1.96%; /*15px/767px*/
	bottom: 1.25em; /*20px*/
	position: absolute;
	text-align:right;
}


nav {
	background:none;
	border:none;
	list-style:none;
	list-style-type:none;
	margin:0;
	outline:0;
	padding:0;
	width:100%; /*320 - 767px*/
	z-index:9999;
}
nav li {
	background:none;
	border-bottom:1px solid #6B83B2;
	border-left:none;
	border-right:none;
	color:#FFF;
	cursor:pointer;
	display:block;
	font-family:'PTSansCaptionBold', Arial, Helvetica, sans-serif;
	float:none;
	font-size:0.75em; /*12px*/
	font-weight:bold;
	line-height:.75em; /*12px*/
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:1.25em 0; /*20px*/
	text-align:center;
	word-break:normal;
	word-wrap:normal;
	white-space:normal;
	width:inherit;
}
nav li:hover,
nav li:active,
nav li:focus,
nav li.hovered {
	background:url(../images/nav_bkg.png) left center repeat-x;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
nav li#search {
	background:none;
	cursor:default;
	height:auto !important;
	margin:0;
	overflow:hidden;
	padding:.625em 0;
}
nav li#search .sBtn {
	background:url(../images/search_btn.png) 0px 0px no-repeat;
	border:none;
	cursor:pointer;
	display:inline-block;
	height:20px; /*20px*/
	line-height:20px; /*20px*/
	margin:0;
	padding:0;
	width:20px;
}
nav li#search .sBtn:hover {
	background:url(../images/search_btn_hover.png) 1px 1px no-repeat;
}
nav li#search .sField {
	background:url(../images/search.png) left top no-repeat;
	border:none;
	display:inline-block;
	font-family:'PTSansCaptionBold', Arial, Helvetica, sans-serif;
	font-size:100%;
	font-style:normal; 
	height:20px; /*20px*/
	line-height:20px; /*20px*/
	margin:0;
	padding:0 0 0 .75em;  /*10px*/
	width:140px;
}

nav li a {
	background:;
	color:#FFF;
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
	text-transform:uppercase;
}

/* ---- SUBMENU's 1, 2, 3 & 4 ---- */

nav ul {
	background:#6B83B2/*med blue*/;
	border:none;
	display:block;
	float:left;
	list-style:none;
	list-style-type:none;
	margin:.625em 0; /*10px*/
	outline:0;
	padding:0;
	width:100%; /*320 - 767px*/
	z-index:1001;
}	
nav ul li {
	background:none;
	border:none;
	cursor: pointer;
	display:block;
	float:none;
	font-family:'PTSansCaptionRegular', Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:100%;
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	width:auto;
}

nav ul li:hover, 
nav ul li:active,
nav ul li:focus {background:#6B83B2/*med blue*/;}

nav ul li a {
	display:block;
	color:#FFF;
	margin:0;
	padding:.75em 0; /*12px*/
	text-align:center;
	text-decoration:none;
	text-transform:none;
	word-break: normal;
	word-wrap: normal;
	white-space: normal;
	width:auto;
	z-index:1002;
}

nav ul li a:hover,
nav ul li a:active,
nav ul li a:focus {background:#24324F;/* dk blue*/ border-top:1px solid #FFF; border-bottom:1px solid #FFF; /*dk blue*/}

nav ul li:focus > a {
	color:#FFF;
}


/* ---- DROPMENU ---- */

nav ul li:focus {}

nav ul li:focus > .dropmenu {
	display:block;
}

nav ul .dropmenu {
	background:#DBE2EC; /*Lt blue*/
	display:none;
	list-style:none;
	position:absolute;
	top:0;
	width:100%;
	z-index:1004;
}

nav ul .dropmenu li {
	float:none;
	width:auto;
}
nav ul .dropmenu li:focus {
	background:#24324F; /*dk blue*/
}
nav ul .dropmenu li:hover a {
	color:#DBE2EC; /*Lt blue*/
}
nav ul .dropmenu a {
	color:#24324F; /*dk blue*/
	white-space:pre-wrap;
}

#headline {
	background:#DBE2EC; /*Lt blue*/
	clear: both;
	display: block;
	float: none;
	margin:0;
	overflow: hidden;
	padding:3.13%; /*15px/479px*/
	width: 93.73%; /*449px/479px*/
}
#headline h1.title, #headline h2.title {
	/*background-color:#F00;*/ /*red*/
	display: block;
	float: none;
	font-family:'PTSansCaptionBold', Arial, Helvetica, sans-serif;
	font-size:1.5em; /*24px*/
	font-weight:bold;
	line-height:1em; /*16px*/
	min-height: 1em; /*16px*/
	margin:0 0 .5em 0; /*8px*/
	overflow:hidden;
	padding:0;
	text-transform:uppercase;
	width: auto;
}
#headline h3 {
	display: block;
	float: none;
	font-family:'PTSansCaptionBold', Arial, Helvetica, sans-serif;
	font-size:1.25em; /*20px*/
	font-weight:bold;
	line-height:1.25em; /*20px*/
	min-height: 1.25em; /*20px*/
	margin:0 0 .5em 0; /*8px*/
	overflow:hidden;
	padding:0;
	text-transform:uppercase;
	width: auto;
}
#headline video {
	background:url(../images/video_bkg.png) center top repeat;
	float:none;
	height:auto !important;
	margin:0 0 .5em 0; /*8px*/
	padding: .75em 2.23%; /*10px 10px/449px*/
	min-width:inherit;
	width: 92.54%; /*415/449px*/
	
	-moz-box-shadow: 2px 2px 4px #23423F; /*dk blue*/
	-webkit-box-shadow: 2px 2px 4px #23423F; /*dk blue*/
	box-shadow: 2px 2px 4px #23423F; /*dk blue*/
	/* For IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#23423F')";
	/* For IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#23423F');
}
#headline img.headline, #headline ul.headline {
	float: none;
	height:auto !important;
	margin:0 0 .313em 0; /*5px */
	padding:0; 
	min-width:inherit;
	width: 100%; /*449px*/
}
#headline ul.headline li {
	background:#6B83B2/*med blue*/;
	display:inline-block;
	float:left;
	height:auto !important;
	margin:0 3.33% 1em 0; /*16px*/
	padding:0;
	width:30%;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#headline ul.headline li:hover {
	background:#24324F; /*dk blue*/
	cursor:pointer;
	-moz-box-shadow: 2px 2px 4px #23423F; /*dk blue*/
	-webkit-box-shadow: 2px 2px 4px #23423F; /*dk blue*/
	box-shadow: 2px 2px 4px #23423F; /*dk blue*/
	/* For IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#23423F')";
	/* For IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#23423F');
}
#headline ul.headline li a {
	background:;
	display:block;
	color:#FFF;
	font-family:'PTSansBold', Arial, Helvetica, sans-serif;
	font-size:1em; /*16px*/
	font-weight:normal;
	height:inherit !important;
	line-height:1.5em; /*24px*/
	margin:0;
	padding:1.5em .5em;
	text-align:center;
	text-decoration:none;
	word-break:normal;
	word-wrap:normal;
	white-space:normal;
	width:auto;
}

#headline figcaption {
	display:inline-block;
	float:none;
	font-family:'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size:1em; /*16px*/
	font-style:italic;
	font-weight:normal;
	height:auto !important;
	margin:0 0 1.25em 0; /*20px*/
	overflow:hidden;
	padding:0;
	width: 100%; /*449 - 767px*/
}
#headline figcaption a, #headline figcaption a:visited {
	color:#6B83B2/*med blue*/;
	text-decoration:none;
}
#headline figcaption a:hover, #headline figcaption a:active {
	color:#24324F/*dk blue*/;
	text-decoration:underline;
}
#headline .text {
	background:;
	display:inline-block;
	float:none;
	height:auto !important;
	margin:0;
	overflow:hidden;
	padding:0;
	width: 100%; /*449px*/
}
#headline .text a {color:#6B83B2/*med blue*/; text-decoration:none;}
#headline .text a:hover {color:#24324F/*dk blue*/; text-decoration:underline;}
#headline .text p {
	background-color:;
	font-family:'PTSansRegular', Arial, Helvetica, sans-serif;
	margin:0 0 .75em 0; /*12px*/
	padding:0;
	width: auto; /*449px*/
}
#headline ul {
	list-style:none;
	list-style-type:none;
	list-style-position:inside;
}
#headline li {
	font-family: 'PTSansCaptionRegular', Arial, Helvetica, san-serif;
	font-size:.875em; /*14px*/
	margin: 0 0 .625em 0;	 /*10px*/
	padding: 0;
	white-space:normal;
	word-wrap:normal;
	word-break:normal;
}

#content {
	background-color: #FFF;
	background-image: url(../images/pnt_icon.png);
	background-position: bottom right;
	background-repeat:no-repeat;
	display: block;
	clear: both;
	float: none;
	height:inherit;
	margin:0;
	overflow:hidden;
	position:relative;
	padding:1em 3.13% 3.125em 3.13%; /* 16px 15px/479px 50px*/
	width: 93.73%; /*449px/479px*/
}

#contentLeft {
	background-color: #FFF;
	display: block;
	float: none;
	height:auto !important;
	margin:0;
	width: 100%; /*449px*/
	padding:0;
	position:relative;
	overflow: hidden;
}
#contentLeft h1 {
	font-family:'PTSansCaptionBold', Arial, Helvetica, sans-serif;
	font-size:1.5em; /*24px*/
	font-weight:bold;
	margin:.313em 0 .313em 0; /*5px*/
}
#contentLeft h2 {
	font-family:'PTSansCaptionBold', Arial, Helvetica, sans-serif;
	font-size:1.375em; /*22px*/
	font-weight:bold;
	margin:.313em 0 .313em 0; /*5px*/
}
.picCaption {
	display: block;
	float: none;
	margin:0 0 1.25em 0; /*20px*/
	padding:0;
	min-width:inherit;
	width: 100%; /*449px*/
}
#contentLeft figcaption {
	font-family:'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size:.875em; /*14px*/
	font-style:italic;
	font-weight:normal;
}
#contentLeft .article {
	background:;
	border-top:1px dotted #000;
	clear:both;
	display:block;
	margin:0;
	overflow:hidden;
	padding:0;
}
#contentLeft .article h1 {
	display:block;
	float:none;
	font-family:'PTSansCaptionBold', Arial, Helvetica, sans-serif;
	font-size:1.5em; /*24px*/
	font-weight:bold;
	margin:.313em 0; /*5px*/
	width:100%;
}
#contentLeft .article h2 {
	display:block;
	float:none;
	font-family:'PTSansBold', Arial, Helvetica, sans-serif;
	font-size:1.25em; /*20px*/
	font-weight:bold;
	margin:.313em 0 0 0; /*10px*/
	width:100%;
}
#contentLeft .article h3 {
	display:block;
	float:none;
	font-family:'PTSansBold', Arial, Helvetica, sans-serif;
	font-size:1.125em; /*18px*/
	font-weight:bold;
	margin:.313em 0 0 0; /*10px*/
	width:100%;
}
#contentLeft .article ul {
	color:#24324F; /*dk blue*/
	display:block;
	float:none;
	list-style:none;
	list-style-type:none;
	list-style-position:inside;
	margin:.5em 0 1em 0; /* 8px  16px*/
}

#contentLeft .article li {
	font-family:'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	line-height:1.25em; /*20px*/
	margin: 0 0 .5em 0;
}
#contentLeft .article li.address {
	margin: 0;
}
#contentLeft .article ul ul {
	color:#24324F; /*dk blue*/
	display:block;
	float:none;
	list-style:none;
	list-style-type:none;
	list-style-position:inside;
	margin:0 0 1em 0; /*16px*/
	padding:.5em 0 0 1em; /* 8px 16px*/
}
#contentLeft .article ul ul li {
	font-family:'PTSansItalic', Arial, Helvetica, sans-serif;
	font-size:.875em; /*14px*/
	font-weight:normal;
	line-height:1.25em; /*20px*/
	margin: 0 0 .5em 0;
}
#contentLeft p {
	color:#24324F; /*dk blue*/
	display:block;
	float:left;
	font-family:'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size:1em; /*16px*/
	font-weight:normal;
	width:100%;
}

#contentLeft a, #contentLeft a:visited {
	color:#6B83B2/*med blue*/;
	text-decoration:none;
}
#contentLeft a:hover, #contentLeft a:active {
	color:#23423F /*dk blue*/;
	text-decoration:underline;
}

#contentRight {
	background-color:;
	display: block;
	float: none;
	height:auto !important;
	margin:0;
	width: 100%; /*449px*/
	padding:0;
	position:relative;
	overflow: hidden;
}
#contentRight .events {
	background:;
	display:block;
	margin:0 0 .625em 0; /* 10px */
	overflow:hidden;
	padding:0 0 0 2.23%; /* 10px/449px */
	width:auto; /*439px*/
}
#contentRight .events h2 {
	border-bottom:2px solid #6B83B2;
	font-family:'PTSansCaptionBold', Arial, Helvetica, sans-serif;
	font-size:1.5em; /*24px*/
	font-weight:bold; 
	line-height:2em;
	margin:0 0 .313em -2.23%; /* 5px -10px/449px */
	width:auto; /*449px*/
}
#contentRight .events .date {
	background:url(../images/cal.png) center top no-repeat;	
	color:#000;
	clear:both;
	display:block;
	float:left;
	font-family:'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 1.25em; /*20px*/
	font-weight:bold;
	height:35px; /*48px*/
	margin:0;
	padding:7px 10px 6px 8px;
	text-align:center;
	text-transform: uppercase;
	width: 30px; /*48px*/
}
#contentRight .events .date:first-line {
	color:#FFF;
	font-size: 80%; /*16px*/
}
#contentRight .events figcaption {
	background:;
	border-bottom:1px dotted #6B83B2;
	display:block;
	float:left;
	margin:0 0 .625em 3.13%; /*10px   10px/320px or 15px/479px*/
	overflow: hidden;
	padding: .625em 0; /*10px*/
	width:78.49%; /*251/320px - 376/479px*/
}

#contentRight .resources {
	background:#DBE2EC; /*Lt blue*/
	display:block;
	margin:0 1.5% 1.25em 1.5%; /* 6.75px 20px */
	overflow:hidden;
	padding:0 2.23% 1.25em 2.23%; /* 10px/449px 20px*/
	text-transform:uppercase;
	width:auto; /*449 - 20(padding) - 13.5(margin) = 415px === 415/449px = 92.54%*/
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	
	-moz-box-shadow: 2px 2px 4px #23423F; /*dk blue*/
	-webkit-box-shadow: 2px 2px 4px #23423F; /*dk blue*/
	box-shadow: 2px 2px 4px #23423F; /*dk blue*/
	/* For IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#23423F')";
	/* For IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#23423F');
}
#contentRight .resources h2 {
	background:url(../images/nav_bkg.png) left center repeat-x;
	color:#FFF;
	display:block;
	font-family:'PTSansCaptionBold', Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	height:2.5em; /*40px*/
	line-height:2.5em;  /*40px*/
	margin:0 -2.23% .313em -2.23%; /* 5px    -10px/449px */
	padding:0 2.23%; /*10px/449px*/
	width:auto; /*449px*/
	
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

#contentRight .resources h3 {
	color:#24324F; /*Dk blue*/
	display:block;
	float:left;
	font-family:'PTSansBold', Arial, Helvetica, sans-serif;
	font-size:1em; /*16px*/
	font-weight:bold;
	line-height:1em; /*16px*/
	margin:1em 0 0 0; /*16px*/
	padding:0;
	width:50%; /*224px*/
}
#contentRight .resources h3.full {
	width:100%; /*449px*/
}
#contentRight .resources h4 {
	text-indent:-9999px;
}
#contentRight img.doc {
	background:;
	float:left;
	height:auto;
	margin:.625em 0 0 0; /*10px*/
	overflow:hidden;
	padding:0; 
	min-width: inherit;
	max-width: 7.8%; /*35px/449px*/
}
#contentRight .resources figcaption {
	background:;
	border-bottom:1px dotted #6B83B2;
	display:block;
	float:left;
	margin:0; 
	min-height:1.875em; /*30px*/
	padding: .625em 2.23% 0 2.23%; /*10px   10px/449px    10px/449px */
	overflow: hidden;
	width:37.74%; /*169px/449px*/
}

#contentLeft a, #contentLeft a:visited, #contentRight a, #contentRight a:visited {
	text-decoration:none;	
}
#contentLeft a:hover, #contentLeft a:active, #contentRight a:hover, #contentRight a:active {
	
	color:#192844 /*dk blue*/;
	text-decoration:underline;
}
#contentLeft a img, #contentRight a img {
	border:none;
	text-decoration:none;
}

#contentRight .events figcaption h3 {font-size:1.25em; /*20px*/ font-family:'PTSansBold', Arial, Helvetica, sans-serif; font-weight:bold; line-height:100%; margin:.313em 0; /*5px 0 */ text-transform:uppercase;}
#contentRight .events figcaption h4 {font-size:1em; /*16px*/ font-family:'PTSansRegular', Arial, Helvetica, sans-serif; font-weight:normal; line-height:100%; margin:0 0 .313em 0; /*5px*/}
#contentRight .resources figcaption h3, #contentRight .resources figcaption h5 {font-size:.625em; /*10px*/ font-family:'PTSansBold', Arial, Helvetica, sans-serif; font-weight:bold; line-height:100%; margin:0; text-transform:capitalize;}

#contentRight .events figcaption h3 a {color:#192844 /*dk blue*/;}
#contentRight .events figcaption h4 a {color:#6B83B2/*med blue*/;}
#contentRight .resources figcaption h3 a, #contentRight .resources figcaption h5 a {color:#24324F; /*dk blue*/}

footer {
	background-color:;
	display: block;
	clear: both;
	overflow:hidden;
	padding:1.25em 2.08%; /*20px 10px/479px */
	width: 95.82%; /*459px/479px*/
}
#expander {
	border-bottom: 3px solid #DBE2EC;
	cursor:pointer;
	display:block;
	height: .75em; /*12px*/
	margin:0 0 .188em 0; /*3px*/
	overflow: hidden;
	padding:0 0 .625em 0; /*0 0 10px 0*/
	width: auto;
}
#expander #desc {color:#FFF; float:left; font-family:'PTSansCaptionBold', Arial, Helvetica, sans-serif; font-size:.75em; /*12px*/ text-align:left;}
#expander #toggle {color:#FFF; font-family:'PTSansCaptionBold', Arial, Helvetica, sans-serif; float:right; font-size:.75em; /*12px*/ text-align:right;}

#sitemap {
	background:;
	border-top:1px dotted #DBE2EC;
	border-bottom:1px dotted #DBE2EC;
	display:block;
	margin: 0;
	overflow:hidden;
	padding:0;
	width:auto;
}
#sitemap ul {
	background-color:;
	border-top:1px dotted #DBE2EC;
	display: block;
	float: none;
	list-style-type:none;
	margin: 0 0 .625em 0; /* 10px */
	overflow:hidden;
	padding:0%;
	text-align:center;
	width: auto;
}
#sitemap ul h6 {
	background-color:;
	color:#DBE2EC;
	display: block;
	font-family:'PTSansCaptionBold', Arial, Helvetica, sans-serif;
	font-size:1.25em; /*20px*/
	font-weight:bold;
	line-height:1.25em; /*20px*/
	margin:.625em 0; /*10px*/
	padding: 0%; 
	float: left;
	width: 100%;
	overflow: hidden;
	text-transform:uppercase;
}
#sitemap li {
	display:block;
	font-family:'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size:1em; /*16px*/
	font-style:normal;
	line-height:1em; /*16px*/
	list-style-type:none;
	margin:1em 0; /*16px*/
	width:100%;
}
#sitemap ul ul {
	border:none;
	display:block;
	float:none;
	list-style-type:none;
	margin:.313em 0 1em 0; /*5px 16px*/
	overflow:none;
	padding:0;
	width:auto;
}
#sitemap ul ul li {
	display:block;
	font-family:'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size:.875em; /*14px*/
	font-style:italic;
	line-height:1.75em; /*28px*/
	list-style-type:none;
	margin:0;
	width:100%;
}
#sitemap h6 a, #sitemap li a {color:#fff; text-decoration:none;}
#sitemap h6 a:hover, #sitemap li a:hover {color:#fff; text-decoration:underline;}
#sitemap ul ul li a {color:#DBE2EC;/*Lt blue*/}

#signature {
	border-top: 3px solid #DBE2EC;
	display:block;
	margin:.188em 0 0 0; /*3px*/
	overflow: hidden;
	padding:.625em 0 0 0; /*10px 0 20px 0*/
	width: auto;
}
#signature #allrights {color:#FFF; float:left; width:65%;}
#signature #allrights p {display:block; float:left; font-family:'PTSansRegular', Arial, Helvetica, sans-serif; font-size:.563em; /*9px*/ margin:0; padding:0;}
#signature #allrights ul {display:block; float:left; list-style-type:none; margin:0; overflow:hidden; padding:0;}
#signature #allrights li {border-left: 1px solid #FFF; display:block; float:left; font-family:'PTSansRegular', Arial, Helvetica, sans-serif; font-size:.563em; /*9px*/ margin:0; padding:0 0 0 5px;}
#signature #allrights li.first {border:none; padding:0;}
#signature #allrights li a {color:#FFF; margin:0 .313em 0 0; /*5px*/ text-decoration:none; }
#signature #allrights li a.nopad {color:#FFF; margin:0; text-decoration:none; }
#signature #allrights li a:hover {text-decoration:underline;}

#signature #links {color:#FFF; float:right;}
#signature #links ul {display:block; float:left; list-style-type:none; margin:0; overflow:hidden; padding:0}
#signature #links li {border-right: 1px solid #FFF; display:block; float:left; font-family:'PTSansRegular', Arial, Helvetica, sans-serif; font-size:.625em; /*10px*/ margin:0; padding:0 5px 0 0; /*5px*/}
#signature #links li.last {border:none; padding:0;}
#signature #links li a {color:#FFF; margin:0 0 0 5px; /*5px*/ text-decoration:none;}
#signature #links li a:hover {text-decoration:underline;}


/* -- MEDIA QUERIES -- */

/* Landscape Smartphones (iPhone, Android, etc, 480px phones) */
@media only screen and (min-width:480px) {
body {
	margin: 0 auto;
	width:100%;
	max-width:591px;	
}
header {
	height:9.375em; /*150px*/
	max-width:767px;
	width: 100%; /*767px*/
}
#esdlogo {
	height: 72%; /*108px/150px*/
	width: 42.37%; /*203px/480px or 250px/591px*/
	top:1.875em; /*30px*/
	left:5.07%; /*30px/591px*/
}
#whslogo {
	height:70%; /*105px/150px*/
	width: 13.69%; /*66px/480px or 81px/591px*/
	top: 1.25em; /*20px*/
	right: 3.38%; /*20px/591px*/
}
#tagline {
	font-size: 0.625em; /*10px*/
	line-height: 0.625em; /*10px*/
	height: .625em; /*10px*/
	width: 80%; /*384px/480px or 473px/591px*/
	right: 3.38%; /*20px/591px*/
	bottom: 1.25em; /*20px*/
}

#headline {
	padding:1.95%; /*15px/767px*/
	width: 96.1%; /*737/767px*/
}
#headline h1.title, #headline h2.title {
	/*background-color:#3CF;*/ /*cyan*/
	font-size:1.75em; /*28px*/
	line-height:1em; /*16px*/
	min-height: 1em; /*16px*/
	width:auto; /*480 - 767px*/
}
#headline h3 {
	font-size:1.5em; /*24px*/
	line-height:1.5em; /*24px*/
	min-height: 1.5em; /*24px*/
	width: auto;
}
#headline video {
	margin:0 0 .5em 0; /*8px*/
	padding: 1em 2.04%; /*16px  15/737px*/
	width: 92.92%; /*446/480px - 712/767px*/
}
#headline .text p {
	margin:0 0 1em 0; /*16px*/
}

#content {
	padding:1em 2.53% 3.125em 2.53%; /* 16px 15/591px 50px*/
	width: 94.92%; /*561/591px*/
}

#contentLeft {
	padding:0 1.78%; /*10/561px*/
	width: 96.44%; /*541/561px*/
}
.picCaption {
	margin:0 2.67% 1.25em 0; /*15/561px 20px */
	padding:0;
	min-width:inherit;
	width: 100%; /*561px*/
}

#contentRight {
	width: 100%; /*561px*/
	padding:0;
}
#contentRight .events {
	margin:0 0 1em 0; /* 16px */
	padding:0 0 0 2.67%; /* 15/561px */
	width:auto; /*546px*/
}
#contentRight .events h2 {
	margin:0 0 .313em -2.67%; /* 5px -15/561px */
	width:auto; /*561px*/
}
#contentRight .events .date {
	height:35px; /*48px*/
	width: 30px; /*48px*/
}
#contentRight .events figcaption {
	margin:0 0 .313em 2.53%; /*5px    15/591px*/
	width:86.67%; /*512/591px*/
}

#contentRight .resources {
	margin:0 1.5% 1.25em 1.5%; /* 8px 20px */
	padding:0 2.67% 1.25em 2.67%; /* 15/561px 20px */
	width:auto; /*531 - 30(padding) - 16(margin) = 485px === 485/531px = 91.33%*/
	
}
#contentRight .resources h2 {
	margin:0 -3.17% .313em -3.17%; /* 5px    -15px/531px */
	padding:0 1.88%; /*10/531px*/
	width:auto; /*531px*/
}
#contentRight .resources h3 {
	width:50%; /*265px*/	
}
#contentRight .resources h3.full {
	width:100%; /*531px*/
}
#contentRight img.doc {
	margin:.625em 0 0 0; /*10px*/
	min-width: inherit;
	max-width: 6.59%; /*35/531px*/
}
#contentRight .resources figcaption {
	min-height:1.875em; /*30px*/
	padding: .625em 2.82% 0 1.88%; /*10px   15/531px    10/531px */
	width:38.71%; /*205/531px*/
}

}
/*/mediaquery*/


/* Smaller Portrait tablets (Kindles, Nooks, smaller tablets) */
@media only screen and (min-width:592px) {
body {
	margin: 0 auto;
	width:100%;
	max-width:767px;	
}
#headline h1.title, #headline h2.title {
	/*background-color:#FF0;*/ /*yellow*/
}
#content {
	float:left;
	padding:1.25em 2.61% 3.125em 2.61%; /* 20px 20px/767px 50px*/
	width: 94.78%; /*727px/767px*/
}

#contentLeft {
	display: block;
	float: left;
	width: 56.38%; /*410px/727px*/
	padding:0 1.38%; /*10px/727px*/
}
#contentLeft h1, #contentLeft h2 {
	margin:.313em 0 .313em 0; /* 5px*/
}
.picCaption {
	float:left;
	margin:0 4.88% 1.25em 0; /*20px/410px 20px */
	min-width:inherit;
	width: 100%; /*410px*/
}
#contentLeft .article h1 {
	float:left;
	margin:.313em 2.75% .313em 0; /* 5px 20px/727px 5px */
}
#contentLeft .article h2, #contentLeft .article h3 {
	float:left;
	margin:.313em 2.75% 0 0; /* 5px 20px/727px */
}
#contentLeft .article ul {
	clear:both;
	float:left;
}

#contentRight {
	display: block;
	float: left;
	margin:0;
	padding:0;
	width: 40.85%; /*297/727px*/
}
#contentRight .events {
	margin:0 0 1.25em 0; /* 20px */
	padding:0 0 0 3.36%; /* 10/297px */
	width:auto; /*287px*/
}
#contentRight .events h2 {
	margin:0 0 .313em -3.36%; /* 5px   -10/297px */
	width:auto; /*297px*/
}
#contentRight .events figcaption {
	margin:0 0 .313em 3.36%; /*5px  10/297px*/
	width:75.6%; /*224/297px*/
}

#contentRight .resources {
	margin:0 2% 1.25em 2%; /* 20px   6px */
	padding:0 6.73% 1.25em 6.73%; /* 20/297px 20px */
	width:auto; /*297 - 40(padding) - 12(margin) = 245px === 245/297px = 82.49%*/
}
#contentRight .resources h2 {
	margin:0 -8.23%; /* -20/297px */
	padding:0 3.36%; /*10/297px*/
	width:auto; /*297px*/
}
#contentRight .resources h3 {
	text-indent:-9999px;
}
#contentRight .resources h4 {
	float:left;
	font-family:'PTSansBold', Arial, Helvetica, sans-serif;
	font-size:1em; /* 16px */
	font-weight:bold;
	line-height:1em; /* 16px */
	margin:0 0 .5em 0; /* 8px */
	padding:0;
	text-indent:0;
	width:100%; /*297px*/
}
#contentRight img.doc {
	margin:.625em 0 0 0; /*10px*/
	min-width: inherit;
	max-width: 11.78%; /*35px/297px*/
}
#contentRight .resources figcaption {
	min-height:1.875em; /*30px*/
	padding: .625em 6.73% 0 3.36%; /*10px  20px/297px  10px/297px */
	width:78.12%; /*232px/297px*/
}

footer {
	padding:1.25em 1.3%; /*20px 10px/767px */
	width: 97.39%; /*747px/767px*/
}
#expander {
	margin:0 1.3% .188em 1.3%; /*10px/767px 3px*/
}
#sitemap {
	margin: 0 1.3%; /* 10px/767px */
}
#sitemap ul {
	border:none;
	display: inline-block;
	float:left;
	height:inherit !important;
	min-height:12.5em; /*200px*/
	margin: 0px 1.3% 1.25em 1.3%; /* 0 10px/767px 20px 10px/767px*/
	width: 47.4%; /*364px/767px*/
}
#sitemap ul h6 {
	margin:1.25em 0 .625em 0; /*20px 10px*/
}
#sitemap ul ul {
	display:block;
	height:inherit;
	min-height:inherit;
	margin:.313em 0 1em; /*5px 16px;*/
	overflow:none;
}
#sitemap ul ul li {
	font-size:.75em; /*12px*/
	line-height:1.5em; /*24px*/
}
#signature {
	margin:.188em 1.3% 0 1.3%; /*3px 10px/767px*/
}
}
/*/mediaquery*/


/* Portrait tablets (iPad, Android, etc) */
@media only screen and (min-width:768px) {
body {
	margin: 0 auto;
	width:100%;
	max-width:960px;	
}
header {
	height:12.5em;/*200px*/
	max-width:960px;
	width: 100%; /*767 - 960px*/
}

#esdlogo {
	height: 54%; /*108px/200px*/
	max-height:6.75em; /*108px*/
	width: 33.89%; /*260px/768px or 325px/960px*/
	top:2.5em; /*40px*/
	left:4.17%; /*40px/960px*/
}
#whslogo {
	height:52.5%; /*105px/200px*/
	width: 10.94%; /*84px/768px or 105px/960px*/
	top: 1.875em; /*30px*/
	right: 3.13%; /*30px/960px*/
}
#tagline {
	font-size: 0.875em; /*14px*/
	line-height: 0.875em; /*14px*/
	height: 0.875em; /*14px*/
	min-width:20em; /*320px*/
	width: 60%; /*460px/768px or 576px/960px*/
	right: 3.13%; /*30px/960px*/
	bottom: 1.875em; /*30px*/
}

nav {
	float:none;
	list-style:none;
	position:relative;
	width: 100%; /*768 - 960px*/
	z-index:1000;
}
nav li {
	background:url(../images/nav_bkg.png) left top repeat-x;
	border:none;
	border-right:1px solid #6B83B2;
	float:left;
	font-size:0.875em; /*14px*/
	font-weight:bold;
	height: 0.875em; /*50px - 18px(top) - 18px(bottom) = 14px*/
	line-height:0.875em; /*14px*/
	padding:1.125em 0; /*18px*/
	width: 16.56%; /*16.56% works on all browsers */
}
nav li:hover,
nav li:active,
nav li:focus,
nav li.hovered {
	background:url(../images/nav_bkg_over.png) left top repeat-x;
}
nav li#search {
	background:url(../images/nav_bkg.png) left top repeat-x;
	border:none;
	padding:.75em 0; /*12px*/
	text-align:right;
	width:33.23%; /* 256/768px OR 320/960px */
	max-width:33.33%;
}
nav li#search .sField {
	margin:0 1.875em 0 0; /*30px*/
}

/* ---- SUBMENU's 1, 2, 3 & 4 ---- */

nav ul {
	/*overflow:hidden;*/
	border-bottom:2px solid #24324F;/*dk blue*/
	list-style:none;
	margin:0 0 0 0;
	position:absolute;
	left:0;
	top:3em; /*48px: less than 50px for the submenu to overlap*/
	width: 100%; /*767 - 960px*/
	z-index:1001;
}
nav ul li {
	display:block;
	float:left;
	height:auto;
	line-height:100%;
	list-style:none;
	margin:0;
	padding:0 1%;
	position:relative;
	width:auto;
}	
nav ul li a {
	display:block;
	margin:0;
	width:inherit;
	z-index:1002;
}
nav ul li a:hover,
nav ul li a:active,
nav ul li a:focus {border:none; color:#24324F;/*dk blue*/}
nav ul li:hover > a {
	color:#FFF;
}

/* ---- DROPMENU ---- */

nav ul li:hover {
	background:#24324F; /* dk blue*/
}

nav ul li:hover > .dropmenu {
	display:block;
	width:100%;
}

nav ul .dropmenu {
	background:#DBE2EC; /*Lt blue*/
	border-left:1px solid #24324F; /* dk blue*/
	border-bottom:none;
	display:none;
	list-style:none;
	position:absolute;
	top:2.45em;
	width:inherit;
	z-index:1004;
	
	-moz-box-shadow: 0px 0px 4px #23423F; /*dk blue*/
	-webkit-box-shadow: 0px 0px 4px #23423F; /*dk blue*/
	box-shadow: 0px 0px 4px #23423F; /*dk blue*/
	/* For IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#23423F')";
	/* For IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#23423F');
}

nav ul .dropmenu li {
	border-bottom:1px solid #24324F; /* dk blue*/
	float:none;
	width:auto;
}
nav ul .dropmenu li:hover {
	background:#24324F; /*dk blue*/
}
nav ul .dropmenu li:hover a {
	color:#DBE2EC; /*Lt blue*/
}
nav ul .dropmenu a {
	color:#24324F; /*dk blue*/
	white-space:pre-wrap;
}

#headline {
	padding:2.083%; /*16/768px or 20/960px*/
	width: 95.83%; /*736/768px or 920px/960px*/
}
#headline h1.title, #headline h2.title {
	/*background-color:#0C0;*/ /*green*/
	font-size:1.5em; /*24px*/	
	margin:0 0 1em 0; /*16px*/
	width:auto; /*736px or 920px*/	
}
#headline h3 {
	font-size:1.25em; /*20px*/
	line-height:1.25em; /*20px*/
	min-height: 1.25em; /*20px*/
	width: auto;
}
#headline video {
	float: left;
	margin:0 0 1.25em 0; /*20px*/
	padding: 1.25em 2.174%; /*20px    20/920px*/
	position:relative;
	min-width:inherit;
	width: 47.82%; /*377/736px or 440px/920px*/
	z-index:100;
}
#headline img.headline, #headline ul.headline {
	float: left;
	margin:0 0 1.25em 0; /*20px*/
	position:relative;
	min-width:inherit;
	width: 52.168%; /*377/736px or 440px/920px*/
	z-index:100;
}
#headline figcaption {
	float:left;
	position:relative;
	width: 52.168%; /*377/736px or 440px/920px*/
}
#headline .text {
	margin:0 2.174%; /* 20px/960px */
	position:relative;
	top:0;
	left:0;
	width: 43.47%; /*311/736px or 400/920px*/
}
#headline .text p {
	margin:0 0 1em 0; /*16px*/
	width: auto; /*311/736px or 400/920px*/
}

#content {
	padding:1.25em 2.08% 3.125em 2.083%; /* 20px 20px/960px 50px*/
	width: 95.83%; /*736/768px - 920px/960px*/
}

#contentLeft {
	width: 56.38%; /*415/736px - 520px/920px*/
	padding:0 1.064%; /*8px/736px - 10px/920px*/
}
.picCaption {
	margin:0 3.85% 1.25em 0; /* 16px/415px - 20px/520px 20px */
	/*min-width:inherit;*/
	min-width: 38.46%; /* 200/520px*/
	max-width: 48.19%; /* 200/415px*/
}
#contentLeft h1, #contentLeft h2 {
	margin:.313em 0; /* 5px*/
}
#contentLeft .article h1 {
	margin:.313em 2.17% 0 0; /* 5px    16/736px or 20/920px */
}
#contentLeft .article h2, #contentLeft .article h3 {
	margin:.313em 2.17% .313em 0; /* 5px    16/736px or 20/920px */
}

#contentRight {
	width: 41.48%; /*305/736px or 382/920px*/
	padding:0; 
}
#contentRight .events {
	padding:0 0 0 5.23%; /* 16/305px or 20/382px */
	width:auto; /*362px*/
}
#contentRight .events h2 {
	margin:0 0 .313em -5.23%; /* 5px    -16/305px or -20/382px */
	width:auto; /* 382px */
}
#contentRight .events figcaption {
	margin:0 0 .313em 5.23%; /*5px    16/305px or 20/382px*/
	width:78.5%; /* 239/305px - 300/382px*/
}

#contentRight .resources {
	margin:0 2% 1.25em 2%; /* 20px 7px */
	padding:0 5.23% 1.25em 5.23%; /* 16/305px or 20/382px */
	width:auto; /* 260/305px or 327px/382px */
}
#contentRight .resources h2 {
	margin:0 -6.23%; /* -16/305px or -20/382px */
	padding:0 2.61%; /*8/305px or 10/382px*/
	width:auto; /* 305px - 382px */
}
#contentRight .resources h3 {
	text-indent:0;
	width:50%; /* 152 - 191px*/
}
#contentRight .resources h4 {
	text-indent:-9999px;
}
#contentRight img.doc {
	max-width: 9.16%; /* 28px/305px - 35px/382px */
}
#contentRight .resources figcaption {
	padding: .714em 5.23% 0 2.61%; /*10px   16px/305px - 20px/382px   or   8px/305px - 10px/382px */
	width:33%; /* 100px/305px - 126px/382px */
}

footer {
	padding:1.25em 1.064%; /*20px 10px/940px */
	width: 97.92%; /*940px/960px*/
}
#expander {
	margin:0 1.064% .188em 1.064%; /*10px/940px 3px*/
}

#sitemap {
	margin: 0 1.064%; /* 10px/940px */
}
#sitemap ul {
	display: block;
	float: left;
	margin: 0 1.064% 1.25em 1.064%; /* 0 10px/940px 20px 10px/940px*/
	width: 31.2%; /*293px/940px*/
}
#sitemap ul h6 {
	font-size:1em; /*16px*/
	line-height:1em; /*16px*/
	margin:1.25em 0 ..625em 0; /*20px 10px*/
}
#sitemap li {
	font-size:.875em; /*14px*/
	line-height:1em; /*16px*/
	margin:.625em 0; /*10px*/
}
#sitemap ul ul li {
	font-size:.875em; /*14px*/
	line-height:1.25em; /*20px*/
}

#signature {
	margin:.188em 1.064% 0 1.064%; /*3px 10px/940px*/
}
#signature #allrights {width:auto;}
#signature #allrights p {margin:0 5px 0 0;}
#signature #allrights li, #signature #allrights li.first {border-left: 1px solid #FFF; margin:0; padding:0 0 0 5px;}

}
/*/mediaquery*/


/* Landscape tablets (iPad, Android, etc), Laptops and desktops */
@media only screen and (min-width:960px) {

body {
	margin: 0 auto;
	width:90%;
	max-width:960px;
}      

#headline h1.title, #headline h2.title {
	/*background-color:#FFF;*/ /*white*/	
}

#expander {margin:0 -1.064% .188em -1.064%; /*-10px/940px 3px*/}
#expander #desc {font-size:.875em; /*14px*/}
#expander #toggle {font-size:.875em; /*14px*/}

#sitemap {margin: 0 -1.064%; /* 10px/940px */}

#signature {margin:.188em -1.064% 0 -1.064%; /*3px -10px/940px*/}
#signature #allrights p {font-size:.75em; /*12px*/}
#signature #allrights li {font-size:.75em; /*12px*/ padding:0 0 0 5px;}

#signature #links li {font-size:.875em; /*14px*/}

}
/*/mediaquery*/



/* Larger desktop screens, widescreen displays */
@media only screen and (max-width:1100px) {

}
/*/mediaquery*/