/* 

STYLE SHEET FOR PCS WEB SITE
Created by Bluespace Creative, Inc.
www.bluespacecreative.com

ToC
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
	behavior: url(../css/csshover.htc);
	font-size: 11px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../newImages/bodyBkg.jpg);
	background-repeat: repeat-x;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
	width: 959px;
	margin-right: auto;
	margin-left: auto;
		}
#leftGrad {
	float: left;
	height: 609px;
	width: 28px;
	background-image: url(../newImages/leftGradiant.jpg);
}
#rightGrad {
	float: right;
}
#subwrapper {
	width: 903px;
	float: left;
}
#masthead {
	background-image: url(../newImages/mastBkgSec.jpg);
	height: 203px;
	clear: left;
	float: left;
	width: 603px;
		}
#mastheadLandingPg {
	float: left;
}
#mastheadLandingPgAPPA {
	float: left;
	width: 880px;
	height: 265px;
	background-image:url(../newImages/landingPgAPPA.jpg);
	clear:both;
	padding-top: 190px;
	padding-left: 23px;
}
#mastheadLandingPgAPPA h1 {
	font-size: 32px;
	color: #31549a;
	font-weight: bolder;
	letter-spacing: -.1em;
	font-style: italic;
	margin-bottom: -3px;
}
#mastheadLandingPgAPPA h2 {
	font-size: 17px;
	letter-spacing: -.1em;
	margin-bottom: -3px;
}
#mastheadLandingPgAPPA p {
	padding-top: 13px;
	padding-left: 30px;
	font-size: 14px;
	padding-right: 360px;
	line-height: 20px;
}

#mastheadTert {
	height: 62px;
	clear: left;
	float: left;
	width: 603px;
}

#ssfu {
	padding-left: 49px;
	padding-bottom: 61px;
}
#logo {
	width: 603px;
	float: left;
	height: 119px;
	background-color: #FFF;
	color: #000;
		}
#logo img {
	padding-top: 11px;
	padding-left: 29px;
}
#leftShadow {
	margin-right: auto;
	margin-left: auto;
}

#topRight {
	float: left;
	width: 300px;
	background-image: url(../newImages/topBlueBar.gif);
	height: 119px;
	background-repeat: no-repeat;
}
#topRight a {
	margin: 0px;
	color: #000;
	padding: 0px;
}
#topRightNav {
	text-align: right;
	padding: 0px 12px 0px 0px;
}
#topRightNav p {
	padding-bottom: 6px;
}
#topRight #searchSite {
	text-align: right;
	padding-right: 12px;
}
#topRight #searchSite form {
	font-size: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#topRight #clientLoggedIn {
	text-align: right;
	padding-bottom: 34px;
	padding-right: 12px;
	padding-top: 10px;
}
#topRight #clientLoggedIn p {
	height: 10px;
}


#topRight #searchSite input {
	font-size: 10px;
	text-align: left;
}

#navContainer {
	background-color: #565756;
	clear: left;
	float: left;
	height: 37px;
	width: 903px;
		}
#NavBar {
	padding-top: 7px;
}
#content {
	float: left;
	background-image: url(../newImages/contentGradiant.jpg);
	width: 603px;
	background-repeat: repeat-x;
	background-color: #FFF;
	border-top: 1px solid #d5d4d9;
	clear: left;
		}
#breadcrumbs {
	padding-top: 10px;
}

#mainContent {
	width: 600px;
	float: left;
	padding-bottom: 15px;
}
#mainContent p {
	line-height: 1.8em;
	margin-right: 25px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#mainContent img {
	padding: 0px;
	margin: 10px;
}
#mainContent .tableLayout {
	padding: 0px;
	margin: 0px 0px 0px 30px;
	font-weight: normal;
}
#mainContent #registrationTable {
	margin-left: 30px;
	background-color: #FFFFFF;
	margin-top: 15px;
}

#mainContent .quote {
	float: right;
	width: 50%;
	margin: 5px;
	padding: 5px;
}
#mainContent .quote .pullquote {
	font-size: 16px;
	color: #A0BFDC;
	float: right;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	margin: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#mainContent .quote .quoteCredit {
	float: right;
	text-align: right;
	width: 75%;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	clear: right;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	line-height: 1.4em;
}


#events {
	width: 298px;
	float: left;
}
#events p {
	padding-left: 15px; 
}
#rightNav {
	background-image: url(../newImages/mastBkgSec.jpg);
	background-repeat: repeat-x;
	width: 300px;
	float: right;
	background-color: #a3c2df;
}
#wrapper #subwrapper #rightNav #clientArea #bluespacer {
	clear: both;
}

#rightNav p {
	padding-left: 15px;
}
#rightNav table#loginTable {
	padding: 0px;
	margin-left: 30px;
	margin-top: 25px;
	margin-bottom: 65px;
}
#footerLPG {width: 872px}
#footer {width: 603px}

#footer, #footerLPG {
	clear: left;
	float: left;
	background-image: url(../newImages/bottomShadow.gif);
	background-repeat: repeat-x;
	padding-top: 32px;
	font-size: 10px;
	color: #666;
		}
#footer p, #footerLPG {
	padding-left: 30px;
}
.separator {
		clear: both;
		height: 0;
		}
#divider {
	float: left;
}
#title {
	padding: 15px;
}
.thumbnail{
	position: relative;
	z-index: 0;
}
a .thumbnail img {
	clear: both;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #fff;
	left: -1000px;
	border: 1px solid #ccc;
	visibility: hidden;
	color: #084476;
	text-decoration: none;
	text-align: left;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 60px; /*position where enlarged image should offset horizontally */
}

.thumbtext {
	font-size: 14px;
	font-weight: bold;
	color: #084476;
	width: 300px;
	}

/* ---------- 3. links and navigation ---------- */

a {
	color: #084476;
		}
a:hover {
	text-decoration:none;
		}
#rightNav li {
	color: #FFF;
	padding-top: 2px;
	font-size: 12px;
	line-height: normal;
}
#rightNav li a {
	color:#FFF;
	text-decoration: none;
}
#rightNav li a:hover {
	text-decoration: underline;
}

#rightNav ul {
	padding-left: 25px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
}
#rightNav #clientArea p {
	padding: 0px 13px 6px 19px;
}



/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}  

#content #mainContent #eventsTable td {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	margin: 0px;
	padding: 3px 0px 2px;
}
#content #mainContent #eventsTable {
	margin: 0px 0px 0px 30px;
	padding: 0px;
	width: 560px;
}

#content #mainContent #eventsTable #date, #event, #location {
	text-align: left;
}
#content #mainContent #classInfo {
	float: left;
	width: 50%;
	margin-top: 10px;
}
#content #mainContent #classInfo p {
	padding: 0px 0px 10px 30px;
	margin: 0px;
	line-height: 1.5em;
}
#content #mainContent #classInfo ul {
	padding: 0px 0px 0px 45px;
}
#content #mainContent #classInfo li {
	padding: 0px;
	list-style-position: inside;
}

#content #mainContent #classDescription {
	float: left;
	width: 50%;
	margin: 10px 0px 0px;
	padding: 0px;
}
#content #mainContent #classDescription p {
	padding: 0px 10px 10px 30px;
	line-height: 1.5em;
	margin: 0px;
}
#content #mainContent #faxTable {
	margin: 0px;
	padding-top: 15px;
	padding-left: 10px;
}
#content #mainContent #faxForm {
	float: left;
	border: thin solid #000000;
	margin: 0px;
	padding: 0px;
}
#content #mainContent #faxForm p {
	margin: 0px;
	padding: 10px 10px 0px;
}
#content #mainContent select {
	font-size: 11px;
}
#content #mainContent .bioPic {
	padding-left: 30px;
	padding-right: 0px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
}
#content #mainContent .columnRightAlign {
	margin: 0px;
	padding: 0px 0px 30px;
	float: left;
	width: 400px;
}
#content #mainContent .columnRightAlign p{
	padding-left: 10px;
}
#content #mainContent .columnRightAlign h2{
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 7px;
	margin: 0px; 
}
#content #mainContent .columnRightAlign .blueBold12 {
	padding: 0px 0px 0px 10px;
}
#content #mainContent #sitemap ul{
	margin: 0px;
	padding: 5px 0px 0px 60px;
	list-style-type: none;
}
#content #mainContent #sitemap li{
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
}
#content #mainContent #sitemap h3{
	margin: 0px;
	padding: 0px 0px 0px 5px;
	font-size: 11px;
}

#SignUp .signupframe {
  border: 1px solid #3076C5;
  background: #fff;
  color: #226699;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 20px;
  padding: 5px 0 15px 0;
}
#SignUp td{
  padding: 5px;
}

.indent {text-indent: 5px; text-align: left;}