@charset "utf-8";
/* CSS Document */
@import url("color_palette.css") screen;
body  {font: normal .96em/1.3 Verdana, Georgia, Tahoma, Helvetica, sans-serif; background: #fff; margin: 0; padding: 0; color: #000000;}
body {font: normal /*100%/1.4*/.98em/1.4 "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; color: #000; background: #fff; margin: 0; padding: 0;}
h1, h2, h3, h4 {font-family: /*Arial, Helvetica, sans-serif; "Times New Roman", Times, serif; font-family: Georgia, "Times New Roman", Times, serif; */ Georgia, "Times New Roman", Times, serif; }
h1 {font-size: 1.76em; padding-top: .5em;}
h2 {font-size: 1.39em; font-style: italic;}
h3 {font-size: 1.20em;}
h4 {font-size: 1.15em;}
h1, h2 {text-align: center; color: #000; background: #fff;}
h3, h4 {color: #333; background: #fff;}
h4:after {content: ":";}
q:before, q:after {content:'';}
#container { font: normal .96em/1.3 "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin: 1em auto; padding: 0; max-width: 61.75em; width: 47em; background: #fff; text-align: left; border: 1px solid #000;} 
#maincontent {margin: 0; padding: 1em;} 
#pagetop {color: #000; background: #fff; padding: 0; margin: .5em 0 0;text-align:center;}
div#pagetop {margin:0;}
div#nav-main ul {margin-top: 0; padding-top: 0;}
#branding {text-align: center;}
#content-main {width: 40em; margin: 0 auto; padding-bottom: 1em;}
#content-main h1 {text-align: center; margin: 0;padding: 1.2em 0;}
#content-sub {;}
#section {}
#meta {}
#site-info {}
#crumbs {}

/* tables still need 'cellspacing="0"' in the markup */ 
table { border-collapse: separate; border-spacing: 0; } 
ul, ul li { border-collapse: separate; border-spacing: 0; } 
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
ul.uroman {list-style-type: upper-roman;}

/* Invisible */
#skiplinks {position: absolute; left: -200em; width: 200em;}
.off-left {text-indent: -200em;}
.hide {position: absolute; left: -200em; width: 1px; height: 1px; overflow: hidden;}

acronym, abbr {border-bottom: 1px dotted #ccc; cursor: help;}

/* Navigation */

/* top horizontal menu */ 
#nav-main {padding: 0; margin: 0; width: 100%;}
#nav-main ul {padding-left: 0; margin-left: 0; color: #fff; background-color: #036; float: left; width: 100%; font: bold 1em arial, helvetica, sans-serif; border: 1px solid #036;}
#nav-main li {display: inline; }
#nav-main li a {padding: 0.2em 1em; background-color: #036; color: #fff; text-decoration: none; float: left; border-right: 2px solid #fff;}
#nav-main li a:visited {background-color: #036; color: #fff;}
#nav-main li a:hover, #nav-main li a:hover, #nav-main li a:focus {background-color: #FEB52E;; color: #036; text-decoration: none;}
#nav-main li a:active {background-color: #fff; color: #f00;}
#nav-main li a#current {color: #036; background: white; border-bottom: 1px solid #036;}
#nav-main li a#last {border-right: none;}

/* domain/global navigation */
ul#nav-sub {list-style-type: none; margin-left: 0; padding-left: 0;} 
ul#nav-sub li {background: url(./media/mybullet.gif) left center no-repeat; padding-right: .2em; margin: .3em;}
ul#nav-sub li a {text-decoration: none;}

#footer {font-size: .94em; text-align: center; padding: 0 10px; background:#fff; border-top: 1px solid #036; margin: 0 0 .8em;} 
#footer ul {list-style-type: none; margin: 0; padding: 0; text-align: center;}
#footer li {display: inline; padding: 0; margin: 0 .7em 0 0;}
#footer li a {font: .92em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; text-align: center; text-decoration: none;}
#footer li a:visited {text-decoration: none;}
#footer li a:hover, #footer li a:active, #footer li a:focus  {text-decoration: underline;}

ul.plain {list-style: none;}
.small{font-size: small;}
.center {text-align:  center;}
.date {font: .9em Arial, Helvitica, sans-serif; text-align: center; margin:0; padding-top: .8em;}
img, a img {border: none;}
.textbox {border: 1px solid #999; padding: 0 .1em 0;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; } 
blockquote, q { quotes: "" ""; }

/* hr {color:#036; background-color: #036; height: 2px; width: 25em;}  color in Mozilla, Opera, IE */
/* hr {height: 2.5em; width: 25em; border: 1px solid #369;}  border, height and width. */
hr {margin: 0; padding: 0;}

/* Links - attribute selector */

/* Add "external icon to off-site, ie extra-Pellissppi links 
a.external span {position: absolute: left: -200em;}
a[class~="external"]{padding-right: 1em; background: transparent url(./media/images/external.gif) no-repeat center right;} 
a[href^="http://"]:not([href*="pstcc.edu"])::after {content: "\2197";}
a:focus {outline: none;} -removes default dotted outline 
a.intra-nav {margin-top: 1em; font: 85% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; text-decoration: none;background: url(./media/images/external.png) no-repeat center right; padding-right: 1.45em;}
a.intra-nav:after {content: "\00B7 \0020";}  http://www.ascii.cl/htmlcodes.htm text-transform: uppercase;  
*/

a[href$="pdf"]{padding-right:.2em;background: transparent url(./media/images/pdf-icon.png) no-repeat center right;}
a[href$="doc"]{padding-right:.2em;background: transparent url(./media/images/wordicon.png) no-repeat center right;}
/* a[href^="mailto:"]{font: 1.05em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; padding-right: 1.8em; background: transparent url(./media/images/mail.png) no-repeat center right;} 
email-fade.jpg, mail.png, icon_mailto.gif */
a.intra-nav, a[class="intra-nav"] {padding-top:.6em; font:.83em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; text-decoration: none; /*background: url(./media/images/arrow1_up.gif) no-repeat top right; padding-right: 1.45em;*/}
a.intra-nav:focus, a.intra-nav:hover {text-decoration: underline;}