﻿/*------------------------------------------------------------

screen.css
Screen media CSS.

------------------------------------------------------------*/

@media screen, projection {





/*------------------------------------------------------------

HTML elements

------------------------------------------------------------*/

html {
    background: url(../images/bg.gif);
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: Transparent;
}

p {
	margin: 0 0 0.8em 0;
	line-height: 1.4em;
}

address {
	margin: 0 0 0.8em 0;
}

code, samp {
	font-size: 105%;
	line-height: 1.4em;
}

pre {
	font-size: 105%;
	line-height: 1.4em;
	margin: 0 0 0.8em 0;
}

pre code, pre samp {
	font-size: 100%;
}

/* links */
a:link, a:visited {
	color: #00966e;
	outline: 0;
}

a:hover {
	color: #00a0dd;
}


/* images */
img.floatLeft {
	margin: 0 10px 10px 0;
}

img.floatRight {
	margin: 0 0 10px 10px;
}





/*------------------------------------------------------------

headers

------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
	font-weight: normal;
}

h1 {
	margin: 0 0 0.4em 0;
	line-height: 1.2em;
	color: #00966e;
	font-size: 174%;
}

h2 {
	font-size: 130%;
	margin: 0.8em 0 0.4em 0;
	color: #00966e;
}
h2.first {
	margin-top: 0;
}

h3, h4, h5, h6 {
	margin: 1em 0 0.4em 0;
	font-weight: 700;
	color: #333;
	font-size: 100%;
}

h3 {
	font-size: 100%;
	color: #00966e;
}



/*------------------------------------------------------------

lists

------------------------------------------------------------*/

ul {
	list-style: square;
	margin: 0 0 0.8em 0;
	padding: 0;
}

ol {
	margin: 0 0 0.8em 0;
	padding: 0 0 0 32px;
}
html>body ol {
	padding: 0;
	margin-left: 32px;
}

li {
	margin-bottom: 0.4em;
	background: url(../images/bullet_666.gif) no-repeat 0 7px;
	padding-left: 12px;
	list-style: none;
}

dd {
	margin: 0 15px 0.8em 15px;
}


/* links list */

ul.pp-LinksList li {
    background: url(../images/arrow.gif) no-repeat 0 -25px;
}

/* 3 column list */

ul.pp-List-3col {
    overflow: auto;
}
ul.pp-List-3col li {
    float: left;
    width: 30%;
}
ul.pp-List-3col li.first {
    clear: left;
}

/* photo list */

ul.pp-PhotoList li {
    background-image: none;
    padding-left: 0;
}


/* definition list */

dl {
    clear: both;
}
dt {
    font-weight: 700;
    margin-bottom: 5px;
}
dd {
    margin-left: 0;
    margin-bottom: 15px;
}


/*------------------------------------------------------------

tables

------------------------------------------------------------*/

table {
	margin: 0.8em 0 0.8em 0;
	border-spacing: 0;
	border-collapse: collapse;
}

th, td {
	padding: 3px;
	text-align: left;
}

thead th, thead td {
	border-bottom: 1px dashed #CCC;
}

tfoot th, tfoot td {
	border-top: 1px dashed #CCC;
}

tr.alt th, tr.alt td {
	background: #F0F0F0;
}

tbody th {
	color: #666;
}





/*------------------------------------------------------------

forms

------------------------------------------------------------*/

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

/* marqui OOTB forms */

table.form {
    margin-top: 0;
}
table.form td {
    padding-bottom: 10px;
    padding-right: 0;
    vertical-align: top;
}
table.form td.pp-Label {
    background: url(../images/requiredIndicator.gif) no-repeat right 3px;
    padding-right: 4px;
}
table.form td .requiredIndicator {
    border-left: solid 4px #00966e;
    padding-left: 5px;
    font-style: italic;
    font-size: 93%;
    color: #00966e;
}





/*------------------------------------------------------------

generic classes

------------------------------------------------------------*/

.hack-clearBoth {
	clear: both;
	height: 1px;
	overflow: hidden;
}





/*------------------------------------------------------------

header region

------------------------------------------------------------*/

.pp-Header {
    position: relative;
	height: 46px;
	margin: 0 auto 95px auto;
	width: 968px;
	font-size: 13px;
}



/* logo */
.pp-Logo {
	position: absolute;
	margin: 65px 0 25px 20px;
	font-size: 1px;
	line-height: 1px;
	letter-spacing: -1em;
	text-indent: -9999px;
	color: #900;
	height: 62px;
	width: 299px;
	background: url("../images/logo.gif") no-repeat 0 0;
}


/* header navigation */

.pp-Header .pp-Nav {
	list-style: none;
	white-space: nowrap;
	position: absolute;
	top: 10px;
	right: 185px;
}

.pp-Header .pp-Nav li {
	display: inline;
	background: url(../images/bullet_Header.gif) no-repeat 0 7px;
    padding-left: 10px;
	margin-left: 10px;
}
.pp-Header .pp-Nav li a {
    text-decoration: none;
}
.pp-Header .pp-Nav li a:hover {
    color: #333;
}

.pp-TextResizer {
    position: absolute;
    top: 7px;
    right: 0;
}
.pp-TextResizer span {
    float: left;
    margin-right: 8px;
    padding-top: 3px;
}
.pp-TextResizer a, .pp-TextResizer a:visited {
    background: url(../images/fontResizer.gif) no-repeat;
    width: 23px;
    height: 25px;
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin-left: 5px;
    padding-right: 2px;
    
    color: #fff;
    text-decoration: none;
    text-align: center;
    text-transform: lowercase;
}
.pp-TextResizer a:hover {
    background-position: 0 -26px;
}
.pp-TextResizer a.selected, .pp-TextResizer a.selected:visited {
    background-position: 0 -51px;
}
.pp-TextResizer .smaller, .pp-TextResizer .smaller:visited {
	font-size: 13px;
	line-height: 22px;
}

.pp-TextResizer .larger, .pp-TextResizer .larger:visited {
	font-size: 19px;
	line-height: 18px;
	padding-top: 0;
}


.pp-UserAccountActions {
    position: absolute;
    right: 15px;
    top: 40px;
}
.pp-UserAccountActions a {
    background: url(../images/buttons/login.gif) no-repeat 0 -50px;
    width: 60px;
    height: 35px;
    padding-left: 30px;
    padding-top: 12px;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #e7a51c;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px;
}
.pp-UserAccountActions a:hover {
    background-position: 0 1px;
    padding-top: 21px;
    height: 26px;
}

.pp-UserAccountActions a.logout {
    background-image: url(../images/buttons/logout.gif);
    padding-left: 27px;
    width: 63px;
}

.pp-UserAccountActions .pp-LoggedIn {
    float: left;
    background: url(../images/tabLoggedIn.gif) no-repeat;
    height: 24px;
    padding: 9px 12px 0 12px;
    font-size: 13px;
    margin-right: 3px;
    position: relative;
}
.pp-UserAccountActions .pp-LoggedIn span {
    position: absolute;
    right: -3px;
    top: 0;
    height: 33px;
    width: 3px;
    background: url(../images/tabLoggedIn.gif) no-repeat top right;
}
.pp-UserAccountActions a.icon-MyProfile, .pp-UserAccountActions a.icon-MyProfile:hover {
    background: url(../images/icons/myProfile.gif) no-repeat;
    padding: 0 0 0 18px;
    width: auto;
    display: inline;
    float: none;
    height: auto;
    color: #00966e;
    font-weight: normal;
    font-size: 13px;
    text-transform: none;
}
pp-UserAccountActions a.icon-MyProfile:hover {
    color: #333;
}




/*------------------------------------------------------------

primary navigation region

------------------------------------------------------------*/

.pp-NavPrimary {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	width: 230px;
}

.pp-NavPrimary ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.pp-NavPrimary li {
	list-style: none;
	background-image: none;
	margin: 0;
	padding-left: 0;
	width: 230px;
}

.pp-NavPrimary a {
	position: relative;
	background: #def5e5 url(../images/arrow.gif) no-repeat 12px -39px;
	color: #333;
	border-bottom: solid 1px #dfdfdf;
	border-top: solid 1px #f8f8f8;
	display: block;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 17px 15px 5px 27px;
	height: 30px;
	width: 178px;
}
.pp-NavPrimary a:hover {
    background-color: #fff;
    background-position: 12px -8px;
}
.pp-NavPrimary .pp-RoundedCorner {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1px;
    width: 3px;
    height: 3px;
    background: url(../images/nav/corner.gif) no-repeat;
}
.pp-NavPrimary li.current .pp-RoundedCorner {
    background-position: 0 -3px;
}
.pp-NavPrimary a:hover .pp-RoundedCorner {
    display: none;
}

.pp-NavPrimary li.first a {
    border-top: 0;
}
.pp-NavPrimary li.last a {
    border-bottom: 0;
}

.pp-NavPrimary li.current {
    background: #fff url(../images/nav/selected.gif) no-repeat;
}
.pp-NavPrimary li.current a {
	color: #fff;
	background-position: 12px 22px;
	background-color: Transparent;
	font-weight: 700;
	border: 0;
	height: 30px;
	padding-top: 17px;
	padding-left: 27px;
	width: 177px;
}


/* level 2 */

.pp-NavPrimary li.current ul {
    margin: 0;
    padding: 10px 0 10px 0;
    width: 218px;
    border: solid 1px #e7a620;
    border-top: 0;
}
.pp-NavPrimary li.current ul li {
    width: 218px;
    margin-bottom: 5px;
}
.pp-NavPrimary li.current ul li a {
    border: 0;
    width: 160px;
    height: 22px;
    height: auto;
    
    padding-left: 43px;
    padding-top: 0;
    padding-bottom: 0;
    color: #333;
    font-weight: normal;
    text-transform: none;
    background: url(../images/bullet_disc_e8aa28.gif) no-repeat 31px 7px;
}
.pp-NavPrimary li.current ul li a:hover {
    color: #00a0dd;
}
.pp-NavPrimary li.current ul li.current {
    background: transparent;
}
.pp-NavPrimary li.current ul li.current a {
    color: #d59918;
    padding-bottom: 0;
}


/* level 3 */

.pp-NavPrimary li.current ul li.current ul {
    border: 0;
    padding: 0;
    margin-top: 5px;
}
.pp-NavPrimary li.current ul li.current ul li {
    
}
.pp-NavPrimary li.current ul li.current ul li a {
    width: 150px;
    padding-left: 53px;
    font-size: 13px;
    padding-bottom: 0;
    background-image: url(../images/bullet_arrow_e8ae32.gif);
    background-position: 45px 6px;
    color: #333;
}
.pp-NavPrimary li.current ul li.current ul li a:hover {
    color: #00a0dd;
}
.pp-NavPrimary li.current ul li.current ul {
    margin-bottom: 5px;
}
.pp-NavPrimary li.current ul li.current ul li.current a {
    color: #d59918;
}


/*------------------------------------------------------------

breadcrumb

------------------------------------------------------------*/

.pp-Breadcrumb {
	clear: both;
	margin: 0 0 25px 0;
	padding-left: 8px;
	font-size: 12px;
}

.pp-Breadcrumb a {
	color: #999;
	text-decoration: none;
}
.pp-Breadcrumb a:hover {
	color: #921d00;
	text-decoration: underline;
}
.pp-Breadcrumb a.home {
	background: url("../images/icons/home.gif") 0 3px no-repeat;
	padding-left: 17px;
}
.pp-Breadcrumb a.home:hover {
    background-position: 0 -13px;
}

.pp-Breadcrumb .selected {
	color: #333;
	text-decoration: none;
}

.pp-Breadcrumb .selected:hover {
	text-decoration: none;
}

.pp-Breadcrumb .separator {
	display: inline-block;
	display: -moz-inline-box;
	width: 12px;
	height: 15px;
	line-height: 18px;
	overflow: hidden;
	background: url("../images/icons/arrow_breadcrumb_right.gif") 50% 5px no-repeat;
	color: #fff;
	cursor: default;
}
.pp-Breadcrumb span .separator {
    width: 20px;
}




/*------------------------------------------------------------

footer region

------------------------------------------------------------*/

.pp-Footer {
	background: url(../images/bg_Footer.png) repeat-x;
	clear: both;
	margin: 60px 0 0 0;
	padding: 15px 15px 0 15px;
	height: 25px;
	position: relative;
	font-size: 13px;
}
.pp-Footer span {
    float: left;
}


/* footer navigation */
.pp-NavFooter {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

.pp-FooterInner {
    width: 961px;
    margin-left: auto;
    margin-right: auto;
}

.pp-NavFooter li {
	background: url(../images/bullet_Header.gif) no-repeat 0 7px;
    padding-left: 10px;
	margin-left: 15px;
	display: inline;
}
.pp-NavFooter li a {
    text-decoration: none;
}
.pp-NavFooter li a:hover {
    color: #333;
}


/*------------------------------------------------------------

Breadcrumbs

------------------------------------------------------------*/

.pp-Breadcrumbs {
    font-size: 12px;
    margin-bottom: 10px;
}
.pp-Breadcrumbs .separator {
    padding: 0 5px 0 5px;
}



/*------------------------------------------------------------

buttons

------------------------------------------------------------*/

a.pp-Button, a.pp-Button:visited, a.pp-Button:hover {
    background: url(../images/buttons/default.gif) no-repeat 0 0;
    padding: 4px 3px 4px 22px;
    margin-right: 10px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    
    position: relative;
    display: inline-block;
}
.pp-Button span {
    position: absolute;
    top: 0;
    right: 0;
    
    height: 24px;
    width: 7px;
    margin-right: -7px;
    background: url(../images/buttons/default.gif) top right;
}
a.pp-Button:hover {
    background-position: 0 -24px;
}
.pp-Button:hover span {
    background-position: right -24px;
}


a.pp-Button-More, a.pp-Button-More:visited, a.pp-Button-More:hover {
    background-image: url(../images/buttons/more.gif);
}
.pp-Button-More span {
    background-image: url(../images/buttons/more.gif);
}


/*------------------------------------------------------------

Misc

------------------------------------------------------------*/

/* sections */

.pp-Section {
    background: #f4f6e1;
    padding: 15px;
}


/* columns */

.pp-Columns {
    clear: both;
    margin-bottom: 10px;
}
.pp-Columns .pp-Column {
    float: left;
    margin-right: 15px;
    width: 48%;
}
.pp-Columns .pp-Column h2 {
    margin-top: 0;
}
.pp-Columns .pp-Column-Last {
    margin-right: 0 !important;
}
.pp-Columns-Three .pp-Column {
    width: 31%;
}


.pp-Login .pp-Column {
    width: 43%;
    padding: 12px;
    background-color: #f3f4e3;
    min-height: 200px;
}



/* images */

.pp-Content1 img {
    background: url(../images/bg_Image.gif) no-repeat bottom left;
    border: solid 1px #efefef;
    border-bottom: 0;
    padding: 5px 5px 7px 5px;
}

.pp-Caption {
    margin-top: 10px;
}
.pp-Caption .image-detail {
    margin-bottom: 10px;
}
.pp-Caption .image-detail .image-detail-label {
    font-weight: 700;
    width: 100px;
    float: left;
}
.pp-Caption .image-detail .image-detail-value {
    padding-left: 110px;
}



/* more links */

a.pp-More {
    background: url(../images/arrow.gif) no-repeat 0 -25px;
    padding-left: 12px;
}


/* tab switcher */

.pp-TabSwitcher .pp-TabNav {
    overflow: auto;
    margin-bottom: 0;
    height: 31px;
    position: relative;
    top: 1px;
}
.pp-TabSwitcher .pp-TabNav li {
    background: none;
    padding-left: 0;
    float: left;
}
.pp-TabSwitcher .pp-TabNav li a {
    background: url(../images/tabs/default.gif) no-repeat top right;
    display: block;
    height: 24px;
    padding: 7px 15px 0 5px;
    margin-left: 10px;
    text-decoration: none;
    font-weight: 700;
    position: relative;
    float: left;
}
.pp-TabSwitcher .pp-TabNav li a span {
    background: url(../images/tabs/default.gif) no-repeat top left;
    width: 12px;
    height: 31px;
    position: absolute;
    top: 0;
    left: -10px;
}
.pp-TabSwitcher .pp-TabNav li a:hover {
    background-position: right -31px;
}
.pp-TabSwitcher .pp-TabNav li a:hover span {
    background-position: 0 -31px;
}
.pp-TabSwitcher .pp-TabNav li.selected a {
    color: #333;
    background-position: right -62px !important;
}
.pp-TabSwitcher .pp-TabNav li.selected a span {
    background-position: 0 -62px !important;
}

.pp-TabSwitcher .pp-TabNav li.first a, .pp-TabSwitcher .pp-TabNav li.first a span {
    background-image: url(../images/tabs/first.gif);
}
.pp-TabSwitcher .pp-TabNav li.first a {
    padding-left: 2px;
    padding-right: 18px;
}
.pp-TabSwitcher .pp-TabNav li.last a, .pp-TabSwitcher .pp-TabNav li.last a span {
    background-image: url(../images/tabs/last.gif);
}
.pp-TabSwitcher .pp-TabNav li.last a {
    padding-right: 12px;
}
.pp-TabSwitcher .pp-TabContent {
    border: solid 1px #e5e5e5;
    padding: 15px;
    clear: both;
}


/* disclaimer */

.pp-Disclaimer {
    padding: 12px;
    background: #f1f1f1;
}

/* team member profile */

.pp-TeamMember {
    display: inline;
}
.pp-TeamMember img {
    display: block;
}
.pp-TeamMember .pp-Columns {
    background: #f9fbf0;
    padding: 10px;
    overflow: auto;
    margin-bottom: 20px;
}
.pp-TeamMember .name {
    color: #00966e;
    font-weight: 700;
}
.pp-TeamMember .pp-Column-Last {
    text-align: right;
}


/*------------------------------------------------------------

promo cycler

------------------------------------------------------------*/

.pp-Hero-Promo {
    width: 705px;
    height: 322px;
    float: right;
    position: relative;
}
.pp-Hero-Promo h1 {
    font-size: 24px;
}
.pp-Hero-Promo .subTitle, .pp-More {
    font-size: 14px;
}
.pp-Hero-Promo img {
    width: 480px;
    height: 322px;
    border: 0;
    background: none;
    padding: 0 10px 0 0;
    float: left;
}
.pp-Hero-Promo .details {
    background: url(../images/cycler/bg.png) no-repeat top right;
    width: 201px;
    height: 307px;
    padding: 15px 10px 0 40px;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 16px;
}
.pp-Hero-Promo .details h1, .pp-Hero-Promo .details .pp-More {
    color: #fff;
}
.pp-Hero-Promo .details .pp-More {
    background: url(../images/arrow.gif) no-repeat 0 5px;
    padding-left: 12px;
}

.pp-Hero-Promo .pp-Hero-Nav {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5;
    background: url(../images/cycler/nav.gif) repeat-x;
    width: 230px;
}
.pp-Hero-Promo .pp-Hero-Nav a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    float: left;
    width: 38px;
    height: 25px;
    padding-top: 5px;
    text-align: center;
}
.pp-Hero-Promo .pp-Hero-Nav a:hover {
    background: #fff;
    color: #dc9d1b;
    overflow: auto;
}
.pp-Hero-Promo .pp-Hero-Nav a.activeSlide {
    background: #dc9d1b;
    color: #fff;
}
.pp-Hero-Promo .pp-Hero-Nav a#ppPromoPausePlay {
    background: url(../images/cycler/sprite.gif) no-repeat center 9px;
    width: 40px;
}
.pp-Hero-Promo .pp-Hero-Nav a#ppPromoPausePlay:hover {
    background-color: #fff;
    background-position: center -39px;
}
.pp-Hero-Promo .pp-Hero-Nav a#ppPromoPausePlay.paused {
    background: url(../images/cycler/sprite.gif) no-repeat center -12px;
}
.pp-Hero-Promo .pp-Hero-Nav a#ppPromoPausePlay.paused:hover {
    background-color: #fff;
    background-position: center -62px;
}


/*------------------------------------------------------------

upgrade message

------------------------------------------------------------*/

.upgrade {
	display: none;
}





/*------------------------------------------------------------

grid presentation and/or override rules

------------------------------------------------------------*/

.pp-Container {
    background: transparent url(../images/bg_Header.png) repeat-x;

    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
    
}

.pp-ContentContainer {
    background: #fff url(../images/bg_ContentContainer.gif) repeat-y;
    margin-bottom: 150px;
}

.pp-ContainerCapTop, .pp-ContainerCapBottom {
    background: url(../images/bg_ContentContainerCaps.gif) no-repeat 0 0;
    font-size: 1px;
}
.pp-ContainerCapTop {
    height: 7px;
}
.pp-ContainerCapBottom {
    height: 10px;
    background-position: 0 -7px;
}


/* primary content */

.pp-Content1 {
	padding: 5px 15px 0 15px;
}




/*------------------------------------------------------------

home

------------------------------------------------------------*/

.pp-Home .pp-Header .pp-Nav li.homeLink {
    display: none;
}

.pp-Home .pp-NavPrimary {
    float: left;
    margin-bottom: 0;
}

.pp-Home .pp-Columns {
    margin-top: 10px;
    margin-bottom: 5px;
    overflow: auto;
    background: url(../images/bg_Columns.gif) repeat-y;
}
.pp-Home .pp-Column {
    position: relative;
    padding: 10px 15px 10px 15px;
    width: 276px;
    min-height: 225px;
    height: 225px;
    margin-right: 10px;
}
html>body .pp-Home .pp-Column {
    height: auto;
}
.pp-Home .pp-Column h2 {
    margin-top: 0;
    font-size: 142%;
}
.pp-Home .pp-Column ul {
    margin-left: 5px;
}
.pp-Home .pp-Column-Last, .pp-Section-Login {
    background: url(../images/bg_SectionLogin.gif) no-repeat top right;
}
.pp-Home .pp-Column-Last p {
    margin-bottom: 0;
}


.pp-Columns-Login .pp-Column {
    width: 42%;
}
.pp-Columns-Login .pp-Column-Last {
    width: 54%;
}



/* DDL content switchers */

.pp-Home .pp-ContentSwitcher {
    margin-bottom: 10px;
}
.pp-Home .pp-ContentSwitcher h2 {
    display: inline;
}
.pp-Home .pp-ContentSwitcher select {
    margin-left: 20px;
    margin-bottom: 10px;
    width: 200px;
    position: absolute;
    top: 12px;
    right: 10px;
}
.pp-Home .pp-ContentSwitcher .pp-ContentSwitcherItem {
    display: none;
    margin-top: 10px;
}
.pp-Home .pp-ContentSwitcher div.selected {
    display: block;
}

.pp-Home .pp-Events .pp-ContentSwitcherItem li {
    color: #00966e;
}
.pp-Home .pp-Events .pp-ContentSwitcherItem li span.date {
    color: #333;
    font-style: italic;
    font-size: 93%;
}



}
