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

/*letter styles */
h1 {font-family: 'EB Garamond', serif; font-size: 34px; line-height: 39px; color: #6d5e3f; font-weight: normal; font-style: italic; border-bottom: 1px solid #F2D49B; padding-bottom: 5px; margin-bottom: 10px}
h2 {font-family: 'EB Garamond', serif; font-size: 24px; line-height: 30px; color: #fff; font-weight: normal; padding-bottom: 5px; margin-bottom: 10px}
h3 {font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 16px; line-height: 30px; color: #fff; font-weight: normal; padding-bottom: 5px; margin-bottom: 10px}
p {font-family: 'EB Garamond', serif; font-size: 18px; line-height: 28px; padding-bottom: 15px; color: #473E2B}
.footer{text-align: center; font-size: 13px; padding-top: 10px; color: #473E2B; font-family: 'Helvetica Neue',Arial,sans-serif}

/*layout*/
html, body {background-color: #EFEBE6; font-family: 'Helvetica Neue',Arial,sans-serif}

#header {width: auto; height: 100px; border-bottom: 2px solid #7B705A; background-color: #473E2B;}
#headerContent {width: 960px; margin: 0 auto; background: url(/images/paf/paf-header-map-sm.png) 0 -7px no-repeat}

#navigation {background-color: #DB6830; width: auto; height: 40px; border-bottom: 1px solid #F2D49B}
#navigationContent {width: 960px; margin: 0 auto; padding-top: 8px}
#navigationList {/*width: 700px*/float: left; width: 960px}
#navigationContent ul li {display: inline; list-style-type: none; padding-left: 37px; font-size: 15px}
#navigationContent ul li a, #navigationContent ul li a:link, #navigationContent ul li a:visited {color: #fff; text-decoration: none}
#navigationContent ul li a:hover {border-bottom: 3px solid #E8BF7E}
.searchControls{float:right;margin:0 0 0 8px; width: 225px}
.searchBox {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #F2D49B;color: #473E2B;float: left;font-size: 15px;line-height: 12px;height: 13px;margin: 0 5px 0 0;padding: 3px 0 3px 5px;width: 170px; font-family: 'EB Garamond', serif;}

#slideshow {width: 958px; height: 349px; margin: 10px auto; border: 1px solid #000}
#slideshowScreen {background-image: url(/images/paf/black-screen.png); width: 958px; height: 50px; margin-top: -53px; position: absolute; z-index: 100; border-top: 1px solid #000}
#slideshowScreen h2 {font-size: 24px; padding: 5px 0 0 15px}
	
#mainContent {width: 960px; margin: 0 auto;}
#mainColumn {width: 695px; padding: 20px; background-color: #fff; float: left; min-height: 710px}
#mainColumn ul {padding-bottom: 15px}
#mainColumn ul ul {margin-top: 10px}
#mainColumn ul li {font-family: 'EB Garamond', serif; font-size: 18px; line-height: 24px; color: #473E2B; margin: 0 0 0 15px; background:transparent url(/images/paf/orange-bullet.png) 0 9px no-repeat; padding: 0 0 10px 21px}
#mainColumn ol {padding-bottom: 15px}
#mainColumn ol li {font-family: 'EB Garamond', serif; font-size: 18px; line-height: 24px; color: #473E2B; margin: 0 0 0 25px; /*background:transparent url(/images/paf/orange-bullet.png) 0 9px no-repeat;*/ padding: 0 0 10px 11px; list-style-type: decimal}

#mainColumn a, #mainColumn a:link, #mainColumn a:visited {color: #b85124; text-decoration: none}
#mainColumn a:hover, #mainColumn a:active {text-decoration: underline}
#mainColumn h2 {color: #b85124; margin-bottom: 0;}

#featuresColumn {width: 210px; margin: 0 0 0 15px; float: right}
#featuresColumn p {padding: 0 10px 10px; color: #fff; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 11px; line-height: 16px}
#featuresColumn p a{color: orange;}
#featuresColumn h2 {padding: 0 0 5px 10px; margin: 0}
#featuresColumn h3 {padding: 0 0 5px 10px; margin: 0}
#projects {width: 207px; background-color: #658FDB; border: 1px solid #4E6D95; margin-top: 10px}
#projectsHead {background-color: #4E6D95}
#projects img {border-top: 1px solid #4E6D95; border-bottom: 1px solid #4E6D95}
#imageFeature {width: 207px; background-color: #473E2B; border: 1px solid #000; margin-top: 10px}
#imageFeature a, #imageFeature a:link, #imageFeature a:visited {color: #fff; text-decoration: none}
#imageFeature a:hover, #imageFeature a:active {color: #fff; text-decoration: underline}
#imageFeatureHead {background-color: #000}
#imageFeature img {border-top: 1px solid #000; border-bottom: 1px solid #000}
#videoFeature {width: 207px; background-color: #DB6830; border: 1px solid #B85124; margin: 10px 0}
#videoFeatureHead {background-color: #B85124}
#videoFeature img {border-top: 1px solid #B85124; border-bottom: 1px solid #B85124}

#footer {width: auto; margin-top: 10px;}
#footerContent {width: 960px; margin: 0 auto; background-color: #658FDB; padding-top: 20px}
#footerContent img {padding: 0 50px 20px 20px; float: left}
#footerContent p {font-size: 11px; line-height: 15px; color: #fff; font-family: 'Helvetica Neue',Arial,sans-serif}

/*misc. styles */
.noPad {padding: 0 !important}
.clear {clear: both; font-size: 0.1px; height: 0pt; line-height: 0pt; width: 0pt;}
.marginTop {margin-top: 15px !important}

/*button css */
.pafBTN {background-color:#DB6830; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #be5522; display:inline-block; color:#ffffff !important; font-family:'Helvetica Neue',Arial,sans-serif; font-size:15px; font-weight:normal; padding:7px 10px; text-decoration:none; text-shadow:0px 2px 2px #810e05; width: 188px; text-align: center}
.pafBTN:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f18652), color-stop(1, #b6501e) ); background:-moz-linear-gradient( center top, #f18652 5%, #b6501e 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f18652', endColorstr='#b6501e'); background-color:#c62d1f; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.pafBTN:active {position:relative; top:1px;}

.pafBTNTwo {background-color:#6d5e3f; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #473E2B; display:inline-block; color:#ffffff; font-family:'Helvetica Neue',Arial,sans-serif; font-size:15px; font-weight:normal; padding:7px 10px; text-decoration:none; text-shadow:0px 2px 2px #000; width: 188px; text-align: center}
.pafBTNTwo:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7e6f4f), color-stop(1, #574a2e) ); background:-moz-linear-gradient( center top, #7e6f4f 5%, #574a2e 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e6f4f', endColorstr='#574a2e'); 	background-color:#c62d1f; }
.pafBTNTwo:active {position:relative; top:1px;}

.dired {font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 13px; line-height: 28px; text-align: center; padding-top: 5px}
.dired a, .dired a:link, .dired a:visited {color: #473E2B; text-decoration: none}
.dired a:hover {text-decoration: underline}