@charset "UTF-8";
/* CSS Document */

/*//////////// TAGS ////////////*/

* {
	margin: 0;
	padding: 0;
	}

body {
	background-color: #bed1d8;
	margin: 5px 0 20px 0;
	padding: 0;
	background-image: url(../resources/images/who/universal/bkgd.gif);
	font: normal 12px/15px Verdana, Helvetica, Arial, sans-serif;
	color: #626366;
	text-align: center;
	}
	
a img {
	border: 0;
}

h1 {
	margin: 0;
	padding: 13px 0 0;
	font: bold 15px Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	color: #7da2b0;
	display: inline;
	}

h2 {
	margin: 0;
	padding: 13px 0 0;
	font: bold 15px Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	color: #7da2b0;
	display: inline;
	}

h3 {
	margin: 0;
	padding: 0;
	font: bold 12px/15px Verdana, Helvetica, Arial, sans-serif;
	color: #626366;
	}

h4 {
	margin: 0;
	padding: 0;
	font: normal 12px/15px Verdana, Helvetica, Arial, sans-serif;
	color: #626366;
	}

h5 {
	margin: 0;
	padding: 0;
	font: normal 11px Verdana, Helvetica, Arial, sans-serif;
	color: #ffffff;
	}

h6 {
	margin: 0;
	padding-top: 3px;
	font: normal 7px Verdana, Helvetica, Arial, sans-serif;
	color: #ffffff;
	}
	
p {
	margin: 0;
	padding: 7px 0 0 0;
	line-height: 18px;
	}

/*//////////// CONTAINERS ////////////*/

#page-container {
	width: 980px;
	margin: 20px auto;
	text-align: left;
	}
	
#socmedia-container {
	width: 186px;
	padding: 0 0 16px 0;
	}
	
#content-container {
	background: #fff;
	width: 980px;
	}
	
#header-container {
	background: url(../resources/images/who/universal/header_bkgd_extended.gif) no-repeat;
	width: 980px;
	}

/*//////////// HEADER ELEMENTS ////////////*/

#header {
	height: 163px;
	margin-right: 588px;
	}
	
#quote {
	float: right;
	width: 508px;
	height: 143px;
	font: lighter 16px/22px Georgia, "Times New Roman", Times, serif;
	color: #ecf2f4;
	text-indent: -0.5em;
	padding: 25px 40px 0 50px;
	}
	
#quote .cite {
	font: italic lighter 13px/28px Georgia, "Times New Roman", Times, serif;
	color: #ecf2f4;
	text-indent: -0.5em;
	}
	
#logo {
	margin: 40px 0 0 13px;
	padding: 0;
	float: left;
	display: block;
	width: 293px;
	height: 47px;
	}

/*//////////// MAIN NAV ////////////*/

#main-nav {
	background: #7da2b0;
	width: 980px;
	height: 35px;
	font: normal 11px/14px Verdana, Helvetica, Arial, sans-serif;
	text-align: right;
	}
	
#main-nav  ul {
	margin: 0;
	padding: 0;
	}
	
#main-nav  li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#main-nav  a {
	line-height: 14px;
	margin: 0 0 0 48px;
	text-decoration: none;
	color: #ecf2f4;
	}
	
#main-nav  a.active, #main-nav a:hover {
	color: #ffffff;
	padding-bottom: 17px;
	background: url(../resources/images/who/universal/main_nav_tab.gif) no-repeat bottom center;
	z-index: 1;
	}
	
#main-nav .padding {
	padding: 5px 15px 0 10px;
	}
	
/*//////////// SIDE NAV ////////////*/

#side-nav {
	background: #fff;
	float: left;
	width: 210px;
	font: bold 11px/14px Helvetica, Arial, sans-serif;
	color: #626366;
	}
	
#side-nav  ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#side-nav  li {
	margin: 0;
	padding-left: 18px;
	padding-bottom: 14px;	
	}
	
#side-nav  li.active {
	margin: 0;
	background: url(../resources/images/who/universal/side_nav_tab.gif) no-repeat 0 -3px;
	padding-left: 18px;
	padding-bottom: 14px;	
	}
	
#side-nav  a {
	line-height: 14px;
	text-decoration: none;
	color: #626366;
	}
	
#side-nav  a.active, #side-nav a:hover {
	color: #a5a7a8;
	}
	
#side-nav  .brown {
	color: #ec7e2c;
	}
	
#side-nav .padding {
	padding: 16px 0 0 0;
	}

/*//////////// CONTENT ////////////*/

#content {
	background: #fff;
	width: 763px;
	margin-left: 210px;
	vertical-align: top;
	clear: none;
	}
	
#content .type {
	width: 630px;
	font: normal 13px/17px Verdana, Helvetica, Arial, sans-serif;
	color: #626366;
	clear: none;
	}
	
#content .typevert {
	width: 703px;
	font: normal 13px/17px Verdana, Helvetica, Arial, sans-serif;
	color: #626366;
	clear: none;
	position: relative;
	}
	
#content .padding {
	padding: 15px 15px 15px 0;
	}
	
#content a {
	color: #626366;
	text-decoration: underline;
	}

#content a:hover {
	color: #7da2b0;
	}

.rfimage {
	float: right;
	clear: none;
}

.bluetext {
	color: #7da2b0;
}

hr {
	visibility: hidden;
	clear: both;
}

.date {
	font: lighter small-caps normal 9px/15px Verdana, Helvetica, Arial, sans-serif;
}

.author {
	font: bolder normal 10px/15px Verdana, Helvetica, Arial, sans-serif;
	color: #999;
}
	
/*//////////// FOOTER ////////////*/

#footer {
	clear: both;
	height: 40px;
	background-image: url(../resources/images/who/universal/footer_extended.gif);
	font: bolder 12px/15px Helvetica, Arial, sans-serif;
	text-align: right;
	padding: 14px 15px 10px 10px;
	}
	
#footer a {
	color: #ffffff;
	text-decoration: none;
	}

#footer a:hover {
	color: #626366;
	}
	
	
/*
 * jQuery Nivo Slider v2.5.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position: relative;
}
.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
}
.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
}
/* Caption styles */
.nivo-caption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #000;
	color: #fff;
	opacity: 0.8; /* Overridden by captionOpacity setting */
	width: 100%;
	z-index: 8;
}
.nivo-caption p {
	padding: 5px;
	margin: 0;
}
.nivo-caption a {
	display: inline !important;
}
.nivo-html-caption {
    display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position: absolute;
	top: 45%;
	z-index: 9;
	cursor: pointer;
}
.nivo-prevNav {
	left: 0px;
}
.nivo-nextNav {
	right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position: relative;
	z-index: 9;
	cursor: pointer;
}
.nivo-controlNav a.active {
	font-weight: bold;
}

#slider {
    position: relative;
    width: 703px; /* Change this to your images width */
    height: 250px; /* Change this to your images height */
    background: url(resources/images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}
#slider a {
    border: 0;
    display: block;
}