/*

 Screen style  

 Site: PHLS

*/



/* SPECIFIC BODY ATTRIBUTES ---------------------------- */

body { background: url(/images/bg/home_back.gif) top left repeat-x #F3F3ED; color: #F3F3ED; font-size: 75%; text-align: center; }

body.subPage { background: url(/images/bg/sub_back.gif) top left repeat-x #fff; }



p.intro-text { font-family: Georgia, "New York", utopia, serif; font-size: 1.33em; line-height: 1.3; }





/* LAYOUT ---------------------------------------------- */

.home #content { background: transparent url(/images/bg/content-home.gif) top left repeat-x; color: #666; float: none; line-height: 1.3; margin: 0 auto 0 65px; min-height: none; padding: 25px 0 50px 0; width: 770px; border-left: 1px solid #bbb;}

.home #content .date { background-color: transparent; color: #626262; margin: 0 0 0.75em 0; }

.home #content .place { font-weight: bold; margin: 0; }

.home #content h2 { background-color: transparent; color: #58594C; font-size: 1.3em; margin-top: 0; text-transform: uppercase; }

.home #content h3 { background-color: transparent; color: #CC6600; line-height: 1.2; margin: 16px 0 0 0; }

.home #content h3 a, .home #content h3 a:link, .home #content h3 a:visited, .home #content h3 a:hover, .home #content h3 a:active { background-color: transparent; color: #CC6600; }

.home #footer p.copy { background-image: url(/images/bg/copy-home.gif); }

.home #inner-wrapper { background: transparent url(/images/bg/hands-middle.jpg) top left repeat-x; color: #666; padding-top: 169px; }

.home #logo { background-image: url(/images/bg/logo-home.gif); height: 267px; }

.home #logo p { height: 185px; left: 50px; top: 40px; width: 137px; }

.home #logo p span { background-image: url(/images/logo/logo-home.gif); height: 185px; width: 137px; }

.home #nav ul { background: transparent url(/images/bg/hands-top.jpg) 298px 100% no-repeat; color: #666; }

.home #wrapper { background-color: #F3F3ED; color: #666; }





#content { background: #fff url(/images/bg/content.gif) top left no-repeat; color: #666; float: right; margin-right: 69px; min-height: 400px; padding: 33px 51px 100px 40px; width: 439px; }

#content h1 { margin: 0 0 20px 0; }

#content ul.larger { margin: 2em 0 2em 2px; }

#content ul.larger li { background: transparent url(/images/bg/li.gif) left center no-repeat; color: #666; font-size: 1.2em; list-style: none; padding-left: 15px; }





#events { float: left; margin-left: 65px; width: 198px; }





#footer { background-color: transparent; border-top: 1px solid #DADADA; clear: both; color: #7C7C7C; margin: 0 auto 0 123px; padding: 15px 0 50px 0; width: 655px; }

#footer p { margin: 0; text-align: center; }

#footer p.copy { background: transparent url(/images/bg/copy.gif) top center no-repeat; color: #7C7C7C; font-size: 0.9em; padding-top: 25px; }



#footer p.copy a, #footer p.copy a:link, #footer p.copy a:visited, #footer p.copy a:hover, #footer p.copy a:active { background-color: transparent; color: #cc6600; }

#footer p.links { background-color: transparent; color: #A0A0A0; margin-bottom: 20px; }

#footer p.links a { padding: 0 5px; }

#footer p.links a.first { padding-left: 0; }

#footer p.links a.last { padding-right: 0; }





#inner-wrapper { background: transparent url(/images/bg/inner-wrapper.gif) top left repeat-x; color: #666; padding-top: 30px; width: 900px; }





#intro { background: #5F6148 url(/images/bg/intro.gif) top left repeat-x; border-bottom: 5px solid #E8E9D5; color: #F0F0F0; min-height: 257px; }

#intro a, #intro a:link, #intro a:visited, #intro a:hover, #intro a:active { background-color: transparent; color: #FEB94D; }

#intro h1 { background-color: transparent; color: #fff; font-size: 1em; height: 38px; left: 0; margin: 30px 0 11px 0; overflow: hidden; position: relative; top: 0; width: 207px; }

#intro h1 span { background-image: url(/images/titles/phls.gif); background-position: top left; background-repeat: no-repeat; display: block; height: 38px; left: 0; position: absolute; top: 0; width: 207px; z-index: 1; }

#intro h2 { background-color: transparent; color: #fff; margin: 0; }

#intro:after, #content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }



#intro-content { float: right; margin-right: 70px; width: 501px; }

#intro-content img#decorative { float: right; margin: 0; }

#intro-content p { font-size: 1.2em; line-height: 1.4; margin: 0 54px 0 0; }

#intro-content p.member { margin: 12px 79px 25px 0; text-align: right; }

#intro-sidebar { background: transparent url(/images/bg/intro-sidebar.gif) top right no-repeat; color: #ccc; float: right; margin-right: 24px; padding: 30px 18px 20px 0; width: 229px; }

#intro-sidebar h2 { background: transparent; color: #FEB94D; font-family: "Lucida Sans", Verdana, Geneva, lucida, sans-serif; font-size: 0.9em; margin-top: 30px; text-align: center; text-transform: uppercase; }

#intro-sidebar h2.delimiter { background: transparent url(/images/bg/intro-del.gif) top center no-repeat; color: #FEB94D; margin-top: 22px; padding-top: 38px; }

#intro-sidebar h2.first { background-image: none; margin-top: 0; padding-top: 0; }

#intro-sidebar p { line-height: 1.2; margin-top: 0.5em; text-align: center; }





#logo { background: #fff url(/images/bg/logo.gif) top left no-repeat; color: #666; height: 241px; left: 57px; position: absolute; top: 0; width: 234px; }

#logo p { font-size: 1em; height: 174px; left: 55px; margin: 0; overflow: hidden; position: absolute; top: 34px; width: 129px; }

#logo p span { background-image: url(/images/logo/logo.gif); background-position: top left; background-repeat: no-repeat; display: block; height: 174px; left: 0; position: absolute; top: 0; width: 129px; z-index: 1; }





#member-login { float: left; font-size: 0.9em; margin-left: 28px; width: 176px; }

#member-login .forgot { margin: 3px 25px 10px 0; text-align: right; }

#member-login .forgot a { text-decoration: underline; }

#member-login .input { margin: 5px 0 0 0; }

#member-login .input input { background-color: #fff; border: 1px solid #ACB8C3; color: #666; padding: 4px 0; width: 150px; }

#member-login .login { margin: 0 0 13px -3px; }

#member-login a { background-color: transparent; color: #CC6600; }

#member-login h2 { margin-bottom: 15px; }

#member-login label { background-color: transparent; color: #B58039; font-weight: bold; text-transform: uppercase; }

#member-login p.submitP { text-align: right; padding-right: 28px; }
#member-login #loginButt { margin-top: 10px; width: 70px; height: 28px; font-size: 12px; font-weight: bold; border: 1px dotted; }
p.alert { font-size: 14px; color: #fff; background-color: #E1A94C; padding: 6px; }


#nav { background: #ECEDE4 url(/images/bg/nav.gif) top left repeat-x; color: #666; height: 56px; }

#nav a { display: block; float: left; font-size: 1em; height: 21px; left: 0; margin: 0; overflow: hidden; position: relative; top: 0; }

#nav a span { background-position: top left; background-repeat: no-repeat; display: block; height: 21px; left: 0; position: absolute; top: 0; z-index: 1; }

#nav a#about-nav { width: 92px; }
#nav a#about-nav span { background-image: url(/images/nav/about-us.gif); width: 92px; }
#nav a#about-nav span.active { background-image: url(/images/nav/abouton.gif); width: 92px; }
#nav a:hover#about-nav span { background-image: url(/images/nav/abouton.gif); width: 92px; }

#nav a#calendar-nav { width: 88px; }
#nav a#calendar-nav span { background-image: url(/images/nav/calendar.gif); width: 88px; }
#nav a#calendar-nav span.active { background-image: url(/images/nav/calendar-on.gif); width: 88px; }
#nav a:hover#calendar-nav span { background-image: url(/images/nav/calendar-on.gif); width: 88px; }

#nav a#contact-nav { width: 100px; }
#nav a#contact-nav span { background-image: url(/images/nav/contact-us.gif); width: 100px; }
#nav a#contact-nav span.active { background-image: url(/images/nav/contact-us-on.gif); width: 100px; }
#nav a:hover#contact-nav span { background-image: url(/images/nav/contact-us-on.gif); width: 100px; }

#nav a#learn-nav { width: 64px; }
#nav a#learn-nav span { background-image: url(/images/nav/learn.gif); width: 64px; }
#nav a#learn-nav span.active { background-image: url(/images/nav/learn-on.gif); width: 64px; }
#nav a:hover#learn-nav span { background-image: url(/images/nav/learn-on.gif); width: 64px; }

#nav a#publications-nav { width: 111px; }
#nav a#publications-nav span { background-image: url(/images/nav/publications.gif); width: 111px; }
#nav a#publications-nav span.active { background-image: url(/images/nav/publications-on.gif); width: 111px; }
#nav a:hover#publications-nav span { background-image: url(/images/nav/publications-on.gif); width: 111px; }

#nav a#resources-nav { width: 93px; background: url(/images/nav/resources-on.gif) no-repeat; }
#nav a#resources-nav span { background-image: url(/images/nav/resources.gif); width: 93px; }
#nav a#resources-nav span.active { background-image: url(/images/nav/resources-on.gif); width: 93px; }
#nav a:hover#resources-nav span { background-image: url(/images/nav/resources-on.gif); width: 93px; }

#nav li { float: left; list-style: none; margin: 0; }

#nav ul { height: 36px; margin: 0 0 0 292px; padding-top: 20px; }

#nav ul a:hover{background:transparent}



#news { float: left; margin-left: 65px; width: 215px; }



#sec-nav #sec-nav-wrapper a.subHit  { color: #518FC4; }


#sec-nav { background: transparent url(/images/bg/sec-nav-inner.gif) 288px 0 no-repeat; color: #fff; }

#sec-nav a, #sec-nav a:link, #sec-nav a:visited, #sec-nav a:hover, #sec-nav a:active { background-color: transparent; border-bottom: 1px solid #8F917E; color: #fff; display: block; font-family: "Lucida Sans", Verdana, Geneva, lucida, sans-serif; font-size: 0.9em;  padding: 13px 0 4px 0; text-transform: uppercase; width: 154px;  }

#sec-nav-wrapper #sec-nav a.subHit  {  font-weight: bold;}

#sec-nav li { list-style: none; margin: 0; }

#sec-nav ul { background: transparent url(/images/bg/sec-nav-ul.gif) 56px 100% no-repeat; color: #fff; margin: 0 0 0 96px; padding: 30px 0 34px 0; }

#sec-nav-wrapper { background: #5F6148 url(/images/bg/sec-nav.gif) top left repeat-x; border-bottom: 5px solid #E8E9D5; min-height:235px; height:auto !important; height:235px; color: #ccc; margin-top: 113px; padding: 0 0 50px 0; }





#top { background: #575A41 url(/images/bg/top.gif) top left repeat-x; color: #fff; font-size: 0.9em; font-weight: bold; height: 47px; text-align: right; text-transform: uppercase; }

#top #search-text { background-color: #EBEBE5; border: 1px solid #545C39; color: #666; font-weight: normal; height: 18px; line-height: 18px; }

#top a { background-color: transparent; color: #EBA833; margin-right: 8px; }

#top form { margin: 0; }

#top input { background-color: transparent; color: #fff; margin: 0; vertical-align: middle; }

#top label { background-color: transparent; color: #fff; font-weight: bold; margin-left: 7px; }

#top p { margin: 0; padding: 14px 70px 0 0; }





#wrapper { background-color: #fff; color: #666; margin: 0 auto; position: relative; text-align: left; width: 900px; }


/* CALENDAR 
----------------------------------------------- */
table.month { border: none; margin-top: 10px; width: 100%; }
table.month td { border: 1px dotted #ddd; }
td.monthname { color: #BC7E11; border: 1px solid #fff; font-size:1.2em; margin:0; padding:10px 0 5px 10px; } 
td.monthday, td.saturday, td.sunday, td.today { font-size: 10px; padding-left: 3px; width: 55px; height: 55px; vertical-align: top; text-align: left; }
td.dayname { background-color: #eee; padding-left: 5px;}
td.today { background-color: #FFFFCC; }

* html #calendarLegend { margin-top: 10px; } 
#calendarLegend { float: right; padding-right: 10px; }
div.calendarLegendBlock { margin: 0 5px 0 15px; width: 20px; display: inline;}


/* Alumni Directory Search ---------------------- */
#alumniSearchForm { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#alumniSearchForm h3 { padding: 5px; border-bottom: 1px solid #ccc; margin: 0; }
#alumniSearchForm form { background-color: #efefef; padding: 0 5px 1px 5px; }
#alumniSearchForm p { font-size: 11px;  }

#alumniSearchForm input { color: #000; }
#alumniSearchForm #name { width: 190px }
#alumniSearchForm #state { width: 130px; margin-right: 10px; }
#alumniSearchForm #year { width: 100px; }

#alumniSearchForm p.lastSearchRow { background-color: #ddd; border-left: 1px solid #aaa; padding: 8px 16px; margin-left: 3px; }
#alumniSearchForm p.lastSearchRow select { margin-right: 10px; }
#alumniSearchForm #alumniSearchButt { color: #000; font-size: 18px; }

#alumniPerson h3 { font-size: 18px; margin: 0; padding: 0; padding-top: 20px; }
#alumniPerson h3 span.year { color: #aaa; }
#alumniPerson h4 { margin: 0; padding: 0; }

h3.alumniSearchHead img { vertical-align: middle; border: 1px solid; }
h3.alumniSearchHead span.downloadLink a { margin-left: 10px; text-decoration: underline; }
h3.alumniSearchHead span.downloadLink a:hover { color: #000; }

/* MEMBER APPLICATION FORM ====================== */
#member_application_form table { background-color: #efefef; border: 0px; border-right: 1px solid #aaa; border-bottom: 2px solid #aaa; }
#member_application_form td { padding: 3px; border: 0px; border-bottom: 1px solid #ccc; vertical-align: top; }
#member_application_form td.leftCol { width: 150px; color: #000; font-size: 12px; padding-left: 5px; }
#member_application_form td.mini input { vertical-align: middle; } 
#member_application_form input.tReg { width: 240px; }
#member_application_form input.tZip { width: 60px; }
#member_application_form select { margin-right: 20px; width: 50px; }
#member_application_form h3 { margin: 0 0 0 1px; }
#member_application_form #submitApplication { font-size: 16px; padding: 5px; color: #444; }

/* DISCUSSIONS ======================================= */
#discussions { margin-top: 20px; }
div.commentBlock { background: #eee; padding: 15px 15px 5px 15px; margin-bottom: 10px;}
div.commentBlock p.head { border-bottom: 1px solid #ccc; }
div.commentBlock p.head a:hover { color: #000; }

div#commentHead { clear: both; display: block; height: 25px; }
div#commentHeadText { width: 200px; float: left; }
div#commentHeadText h3 { display: inline; }
div#collapeButt { float: right; width: 120px; text-align: right; vertical-align: top; }
div#collapeButt a { text-decoration: underline; }
div#collapeButt a:hover { color: #000; }

div.collapsed { margin: 0px; background-color: #eee; padding: 3px 0 0 7px; }
div.collapsed .to-make-inline { display: inline; float: left; margin-right: 5px; }
div.collapsed .to-hide { display: none; }
div.collapsed .to-crop { height: 20px; overflow: hidden; }