@charset "UTF-8";

html {height: 100%;}
body {background: url(images/bg-stripes.jpg) top left repeat; height: 100%;}
* {padding: 0; margin: 0;}


/* STRUCTURE & LAYOUT */

#topcolors {width: 100%; height: 8px; background: url(images/bg-top_colors.gif) top center repeat-x;}
#wrapper {width: 982px; min-height: 100%; margin: 0 auto 0 auto; display: block;overflow: auto;}
#header-container {width: 982px; height: 165px; background: #000;}
#psych-heading {width: 716px; float: left; padding: 0; margin: 44px 0 0 50px;}
#nav-container {width: 962px; height: 32px; background: #a4c5d5; padding: 0 10px 0 10px;}
#images-container {width: 982px; height: 265px; background: #ffffff;}
#content-container {width: 932px; margin: 0 auto 0 auto; background: #ffffff; padding: 20px 25px 20px 25px;}
#footer-container {width: 942px; background: #cdcdcd; height: 64px; text-align: center; padding: 10px 20px 8px 20px; }
#floatbreaker {clear: both;}
#bottomcolors {width: 982px; margin: 0 auto 0 auto; height: 8px; background: url(images/bg-top_colors.gif) top center repeat-x;}

.logo {margin: 48px 0 0 48px;}

#content-left {width: 598px; margin: 0 35p 0 0; float: left; border-right: 1px solid #3aa2a0; padding: 0 30px 0 0;}
#content-right {width: 271px; margin: 0 0 0 25px; float: left;}

#horizline {width: auto; height: 1px; border-top: 1px solid #3aa2a0; padding: 15px; display: block; clear: both; margin-top: 30px;}

/* NAVIGATION */

#navList {list-style-type:none; width:auto;} 

#navList li
{display: inline; list-style-type: none; float: left; width: auto;}

#navHome
{display: block; width: 94px; height: 32px; border: 0; background: url("images/nav_01.png") no-repeat 0 0;}
#navHomeCurrentPage
{display: block; width: 94px; height: 32px; border: 0; background: url("images/nav_01.png") no-repeat 0 0; background-position: 0 -64px;}
#navHomeCurrentPage span
{display: none;}
#navHome:hover
{background-position: 0 -32px;}
#navHome:active
{background-position: 0 -64px;}
#navHome span
{display: none;}

#navCalendar
{display: block; width: 139px; height: 32px; background: url("images/nav_02.png") no-repeat 0 0;}
#navCalendarCurrentPage
{display: block; width: 139px; height: 32px; border: 0; background: url("images/nav_02.png") no-repeat 0 0; background-position: 0 -64px;}
#navCalendarCurrentPage span
{display: none;}
#navCalendar:hover
{background-position: 0 -32px;}
#navCalendar:active
{background-position: 0 -64px;}
#navCalendar span
{display: none;}

#navRequirements
{display: block; width: 187px; height: 32px; background: url("images/nav_03.png") no-repeat 0 0;}
#navRequirementsCurrentPage
{display: block; width: 187px; height: 32px; border: 0; background: url("images/nav_03.png") no-repeat 0 0; background-position: 0 -64px;}
#navRequirementsCurrentPage span
{display: none;}
#navRequirements:hover
{background-position: 0 -32px;}
#navRequirements:active
{background-position: 0 -64px;}
#navRequirements span
{display: none;}

#navMaterials
{display: block; width: 145px; height: 32px; background: url("images/nav_04.png") no-repeat 0 0;}
#navMaterialsCurrentPage
{display: block; width: 145px; height: 32px; border: 0; background: url("images/nav_04.png") no-repeat 0 0; background-position: 0 -64px;}
#navMaterialsCurrentPage span
{display: none;}
#navMaterials:hover
{background-position: 0 -32px;}
#navMaterials:active
{background-position: 0 -64px;}
#navMaterials span
{display: none;}

#navExpertSeries
{display: block; width: 178px; height: 32px; background: url("images/nav_05.png") no-repeat 0 0;}
#navExpertSeriesCurrentPage
{display: block; width: 178px; height: 32px; border: 0; background: url("images/nav_05.png") no-repeat 0 0; background-position: 0 -64px;}
#navExpertSeriesCurrentPage span
{display: none;}
#navExpertSeries:hover
{background-position: 0 -32px;}
#navExpertSeries:active
{background-position: 0 -64px;}
#navExpertSeries span
{display: none;}

#navLinks
{display: block; width: 93px; height: 32px; background: url("images/nav_06.png") no-repeat 0 0;}
#navLinksCurrentPage
{display: block; width: 93px; height: 32px; border: 0; background: url("images/nav_06.png") no-repeat 0 0; background-position: 0 -64px;}
#navLinksCurrentPage span
{display: none;}
#navLinks:hover
{background-position: 0 -32px;}
#navLinks:active
{background-position: 0 -64px;}
#navLinks span
{display: none;}

#navContact
{display: block; width: 126px; height: 32px; background: url("images/nav_07.png") no-repeat 0 0;}
#navContactCurrentPage
{display: block; width: 126px; height: 32px; border: 0; background: url("images/nav_07.png") no-repeat 0 0; background-position: 0 -64px;}
#navContactCurrentPage span
{display: none;}
#navContact:hover
{background-position: 0 -32px;}
#navContact:active
{background-position: 0 -64px;}
#navContact span
{display: none;}


/* TYPE */

p {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #404040; font-size: 13px; line-height: 18px; margin: 0 0 12px 0;}
h1 {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #3aa2a0; font-size: 20px; line-height: 26px; margin: 0 0 15px 0; text-transform: uppercase;}
h2 {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #3a7ac0; font-size: 17px; line-height: 23px; margin: 0 0 10px 0; text-transform: uppercase;}
h3 {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #3a7ac0; font-size: 17px; line-height: 23px; margin: 15px 0 5px 0;}
h4 {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #333; font-size: 13px; line-height: 18px; margin: 0 0 5px 0;}
h5 {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #606060; font-size: 14px; line-height: 16px; margin: 5 0 12px 0; text-transform: uppercase;}
h6 {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #606060; font-size: 11px; line-height: 15px; margin: 0 0 12px 0;}
.footer-text {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #9d9d9d; font-size: 11px; line-height: 18px; margin: 20px 0 12px 0;}
.h1quotes {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #606060; font-size: 18px; line-height: 26px; margin: 10px 15px 0 25px;}
.attribution {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #9d9d9d; font-size: 14px; line-height: 12px; margin: 0 75px 25px 25px; font-style: italic; text-align: right;}

.footer-text {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #0a325e; font-size: 12px; line-height: 17px; margin: 11px 0 9px 0; text-transform: uppercase;}
.copyright-text {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #0a325e; font-size: 12px; line-height: 17px; margin: 0 0 6px 0;}
.news-headline {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #404040; font-size: 13px; line-height: 18px; margin: 0 0 4px 0; font-weight: bold;}
.news-sentence {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #404040; font-size: 13px; line-height: 18px; margin: 0 0 12px 0; font-weight: normal;}
.contact-pics {float: right; margin: 0 0 10px 10px;}
.white {color: #ffffff;}

/* LINKS */

a:link {color: #3a7ac0; text-decoration: underline;}
a:visited {color: #3a7ac0; text-decoration: underline;}
a:hover {color: #3a7ac0; text-decoration: none;}
a:active {color: #3a7ac0; text-decoration: none;}

a.footer:link {color: #0a325e; text-decoration: underline;}
a.footer:visited {color: #0a325e; text-decoration: underline;}
a.footer:hover {color: #0a325e; text-decoration: none;}
a.footer:active {color: #0a325e; text-decoration: none;}


/* CALENDAR */

#customers
{
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
width: 100%;
border-collapse:collapse;
color: #000033;
}
#customers td, #customers th 
{
font-size:0.8em;
border:1px solid #3aa2a0;
padding:3px 7px 2px 7px;
vertical-align: top;
}
#customers th 
{
font-size:1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#3aa2a0;
color:#ffffff;
}

#customers tr
{
background-color:#fff;
}

#customers tr.alt td 
{
color:#000033;
background-color:#cfe7ff;
vertical-align: top;
}

#customers td.date
{
width: 20%;
}

#customers td.topic
{
width: 35%;
}

#customers td.read
{
width: 45%;
font-size: 70%;
}