/* psumn.css                                                 */
/* v 1.00 - Created: 	   2007-07-26                        */
/* v 1.10 - Last Modified: 2007-07-26                        */
/* v 1.11 - Last Modified: 2007-08-06                        */
/* v 1.12 - Last Modified: 2007-09-02                        */
/* v 1.13 - Last Modified: 2007-10-07                        */
/* v 1.14 - Last Modified: 2010-07-18                        */
/* by Brian Binkley - psumn.com                              */
/*                                                           */

/* Global Container */
#container {
	width: 99%;
	min-width: 720px;
	margin: 0;
	color: #000000;
	font-family: Georgia, Times New Roman, Times, serif;
	line-height: 140%;
	padding: .25em;
	}

/* Global Logo Bar */
#logobar {background-image: url(images/ns_logo_bg.png); background-repeat: repeat-x; text-align: center; clear: both;}
#logobar {font-family: Arial; font-size: 2; font-style: normal; font-weight: bold; text-align: center; text-indent: 0; margin-bottom: 1em; color: #ffffff;}
#logobar .left {float: left; text-align: left; width: 50px;}
#logobar .right {float: right; text-align: right; width: 50px;}
#pagetitle {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 250%; font-style: normal; font-weight: 300; text-align: center; text-indent: 0; vertical-align: top; margin: 10px; letter-spacing: 2px; }

/* SC Logo Bar */
#sclogobar {background-image: url(images/sc_logo_bg.png); background-repeat: repeat-x; text-align: center; clear: both;}
#sclogobar .left {float: left; text-align: left; width: 50px;}
#sclogobar .right {float: right; text-align: right; width: 120px;}

/* Global Styles */
body {color: #000000; background: #FFFFFF url(http://www.psumn.com/jpgs/psuedit.jpg) no-repeat fixed center 200px;}
body.sc {color: #000000; background-color: #feeed6;}
img {border-width: 0;}
img.link {border-width: 2px; border-style: solid; border-color: #a00000;}
sup {font-size: 60%;}
p.separator {text-indent: 0; text-align: center; clear: both;}
.sans {font-family: Arial, Helvetica, sans-serif; font-size: 85%;}
.scsans {font-family: Arial, Helvetica, sans-serif; font-size: 75%;}
.sansitalic {font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-style: italic; line-height: 125%;}
.smallcaps {font-size: 70%; text-transform: uppercase;}
.caption {font-family: Arial, Helvetica, sans-serif; font-size: 85%; font-style: italic; text-indent: 0; text-align: center; margin: .5em 0;}
.footnote {font-family: Arial, Helvetica, sans-serif; font-size: 75%; text-align: center; line-height: 125%; margin-bottom: 0;}
div.right {float:right; margin:0; padding:.5em;}


/* Main Content */
#content {
	width: 98%;
	min-width: 720px;
	color: #000000;
	font-family: Georgia, Times New Roman, Times, serif;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	}
#content h1 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 130%; font-style: italic; font-weight: normal; text-align: center; text-indent: 0; margin-bottom: 1em;}
#content h2 {font-family: Arial, Helvetica, sans-serif; font-size: 95%; font-style: italic; font-weight: normal; text-align: center; text-indent: 0; margin-top: 0; margin-bottom: 1em;}
#content h3 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 100%; font-style: normal; font-weight: normal; text-align: center; text-indent: 0; margin-bottom: 0; padding-bottom: 0;}

#content h3.rss {
	font-size: 105%;
	color: #003399;
	margin: 0.8em 0px 0.2em;
	padding: 0;
	text-align: left;
       }

#content p {margin-top: 0; padding-top: 0;}
#content p.blockindent {margin-left: 1em;}
#content p.center {text-align: center;}
#content p.justify {text-align: justify;}

#content ul.thingstodo li.header {font-weight: bold; font-size: 115%; line-height: 18px; text-decoration: none; margin-top: 0; list-style: none;}
#content ul.thingstodo li.checkbox {
	list-style-position: outside;
	list-style-image: url(gifs/checkbox2.gif);
	padding-left: 0px;
	line-height: 18px;
	}

#psu a.title:link, a.title:active, a.title:visited {color: #ffffff; font-family: Arial, Helvetica, sans-serif; line-height: 125%; font-size: 95%; font-weight: bold; text-decoration: none;}
#psu a.title:hover {color: #000080; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; line-height: 125%; font-size: 95%; font-weight: bold; text-decoration: none;}

#thingstodo a:visited { background: url(images/tick.png) right center no-repeat } 

#listserv h2 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 100%; font-style: italic; font-weight: bold; text-align: left; text-indent: 0; margin-top: 0; margin-bottom: 1em;}



/* Story Content */
#story {width: 30em; color: #000000; margin-left: auto; margin-right: auto;}
#story h1 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 120%; font-style: italic; font-weight: normal; text-align: center; text-indent: 0; margin-bottom: 1em;}
#story h2 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 120%; font-style: italic; font-weight: normal; text-align: left; text-indent: 0; margin: 0; margin-bottom: .1em;}
#story h3 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; text-align: left; text-indent: 0; margin: 0; margin-bottom: .1em;}
#story h3.date {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; text-align: left; text-indent: 0; margin: 0; margin-bottom: .5em;}
#story h4 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 100%; font-style: italic; font-weight: normal; text-align: left; text-indent: 0; margin: 0; margin-bottom: .5em;}

#story span.initial-cap {font-size: 200%; line-height: 100%;}
#story span.lead-in {text-transform: uppercase;}

#story p {margin: 0; margin-bottom: .75em; padding: 0;}
#story p.normal {text-indent: 0;}
#story p.center {text-indent: 0; text-align: center;}
#story p.readnext {text-align: right;}
#story p.end {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 120%; font-style: italic; font-weight: normal; text-align: center; text-indent: 0; margin: 1em 0;}

#story div.chapternav {margin: 0 0 1em 0; text-align: center;}
#story div.chapternav h1 {display: inline;}
#story div.chapternav span.prev {float: left;}
#story div.chapternav span.next {float: right;}

/* Table of Contents */
#toc {
	min-width: 720px;
	max-width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	}
#toc #pic {float: left; max-width: 42%;}
#toc #chapters {float: left; width: 30%; min-width: 150px; min-height: 600px; margin-left: .25em; padding-left: .25em; background-color: #feeed6;}
#toc #announcements {float: right; width: 25%; min-width: 150px; margin-left: .5em;}
#toc ul.chapterlist {list-style: none; line-height: 125%; text-indent: -.5em; margin: 0 0 0 .5em; padding: 0;}
#toc ul.chapterlist li.header {font-weight: bold; font-size: 95%; line-height: 125%; text-decoration: underline; margin-top: 0;}
#toc ul.chapterlist li {line-height: 125%; margin-top: 0; margin-bottom: 0; padding-left: 0;}
#toc ul.chapterlist li.nextchapter {color: #666666; font-family: Arial, Helvetica, sans-serif; line-height: 125%; font-size: 95%; font-weight: bold; margin-top: .01em;}
#toc ul.chapterlist li.nextchapterdate {color: #666666; font-size: 75%; font-style: italic; margin-top: .1em; margin-left: .25em; padding-left: 0;}
#toc ul.chapterlist li.attrib {font-size: 75%; font-style: italic; margin-top: -.1em; margin-bottom: .2em; margin-left: 1em;}
#toc ul.chapterlist li.announcement {font-family: Arial, Helvetica, Sans-Serif; font-size: 75%; line-height: 140%; text-indent: 0; margin-left: -.5em;}
#toc ul.chapterlist li.gcaward, #toc ul.chapterlist li.scaward {
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 75%;
	padding-left: 2.75em;
	text-indent: -1em;
	background-repeat: no-repeat;
	padding-bottom: 1.25em;
	}
#toc ul.chapterlist li.gcaward {background-image: url(images/golden_clit.gif);}
#toc ul.chapterlist li.scaward {background-image: url(images/silver_clit.gif);}

/* SC Images */
div.scimages {text-align: center; max-width: 888px; margin: 0 auto;}
div.scimages span {
	width: 204px;
	height: 204px;
	background-color: #ebdcc5;
	float: left;
	margin: 4px;
	padding: 4px;
	border: 1px solid #999999;
	}
div.scimages img, div.scgallery img {border: 2px solid #a00000; margin-top: .25em; margin-bottom: .25em;}
p.scmodel {font-family: Arial, Helvetica, sans-serif; font-size: 75%; text-align: center; margin-top: 1em; clear: both;}

/* SC Gallery */
div.scgallery {text-align: center; max-width: 888px; margin: 0 auto;}
div.scgallery span {
	width: 204px;
	height: 240px;
	background-color: #ebdcc5;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 130%;
	font-weight: normal;
	text-align: center;
	margin: 4px;
	padding: 4px;
	border: 1px solid #999999;
	}

/* Short Story block */
div.shortstory {width:60%; background-color: #ffffff; border: 1px solid #a00000; font-size: 95%; text-align: left; margin-top: 20px; margin-bottom: 2em; margin-left: auto; margin-right: auto; padding: 5px;}
div.shortstory p.tagline {font-style: italic; margin-bottom: 0; padding: 0 5px;}
div.shortstory p.description {text-align: justify; margin-top: 0; margin-bottom: 1em; padding: 0 5px;}
div.shortstory p.link {margin-top: 0; margin-bottom: 1em; padding: 0 5px;}	
div.shortstory p.note {background-color: #f0f0f0; text-align: justify; margin-top: 0; margin-bottom: 5px; padding: 2px 5px;}
div.shortstory p.textlink {font-family: Arial, Helvetica, sans-serif; font-size: 80%; text-align: right; margin-top: 0; margin-bottom: 0; padding: 0 5px;}

/* POD Gallery */
div.gallery {text-align: center; margin: 0 auto;}
div.gallery span {
	width: 125px;
	height: 150px;
	background-color: #f0f0f0;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 130%;
	font-weight: normal;
	text-align: center;
	margin: 4px;
	padding: 4px;
	border: 1px solid #999999;
	}
div.gallery img {border: 2px solid #a00000; margin-bottom: .25em;}

/* Feedback */
#egoweasel {width: 75%; margin-left: auto; margin-right: auto; margin-top: 8px; color: #000000;}
#egoweasel p {font-family: Georgia, Times New Roman, Times, serif; font-size: 100%;}

/* Link styles */
a:link, a:active, a:visited {color: #000080; font-weight: normal; text-decoration: none;}
a:hover {color: #000080; font-weight: normal; text-decoration: underline;}
a.solid:link, a.solid:active, a.solid:visited {color: #000080; font-family: Arial, Helvetica, sans-serif; line-height: 125%; font-size: 95%; font-weight: bold; text-decoration: none;}
a.solid:hover {color: #00ff00; background-color: #00ff00;}
.solidblank {color: #666666; font-family: Arial, Helvetica, sans-serif; line-height: 125%; font-size: 95%; font-weight: bold;}


/* List Styles */
ul.clean {list-style: none; margin: 0; padding: 0;}
ul.clean li {margin-top: 0; margin-left: .5em; margin-bottom: 0; padding-left: 0;}
ul.bullet {list-style: disc outside; margin-left: 1em; margin-top: 0; margin-bottom: 1em;}
ul.bullet li {margin-top: 0; margin-bottom: 0;}
ul.bullet li.date {font-weight: bold; list-style: none; margin-top: 1em; margin-left: -2em;}
ul.bullet li.description {list-style: none; margin-top: 1em; margin-left: -2em;}
ul.bullet li.header {text-decoration: underline; margin-top: 1em; margin-left: -2em;}
ul.bullet li.subheader {font-style: italic; margin-top: 0; margin-left: -2em;}

/* Inline Navigation */
div.inlinenav {text-align: center; margin-bottom: 20px;}
div.inlinenav ul {display: inline; border: 1px solid #999999; margin: 0; padding: 0;}
div.inlinenav li {font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 100%; text-align: center; display: inline; margin: 0; padding: .2em .5em .1em .5em; border-right: 1px solid #999999;}
div.inlinenav li.last {border-right: none;}

/* Arrow Navigation */
div.arrownav {margin: 0 0 .5em 0; text-align: center; clear: both;}
div.arrownav h1 {display: inline;}
div.arrownav span.prev {float: left;}
div.arrownav span.next {float: right;}

/* Footer */
#footer {font-family: Arial, Helvetica, sans-serif; font-size: 75%; line-height: 120%; text-align: center; margin-top: 1em;}

/* Footer Navigation */
#nav {margin-top: 8px; text-align: center; clear: both;}
#nav ul {display: inline; margin: 0; padding: 0;}
#nav li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 100%;
	text-align: center;
	display: inline;
	margin: 0;
	padding: 0 .25em 0 .25em;
	border-right: 1px solid #999999;	
	}
#nav li.last {border-right: none;}


.solidblank {color: #666666; font-family: Arial, Helvetica, sans-serif; line-height: 125%; font-size: 95%; font-weight: bold;}

/* The "clearFix" class is used for clearing the main menu items because they
   are left-floated for horizontal main menus and we have to clear them if our main
   menu is relatively positioned (as in this example) so that the main menu box
   takes its place correctly on the page. We have to apply this class to the parent
   DIV of the root UL of our menu tree. Please take a look at section 6.1 in the
   SmartMenus User's Manual for a detailed explanation if you like. */

.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearFix { /* for IE7/Win */
    min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
    height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
    height:auto;
    display:inline-block;
}