/*
Theme Name: PSTC
Theme URI: http://www.marketingbymarlow.com
Description: A custom 3-column CSS layout
Version: 1.0
Author: Scott Marlow, Marketing By Marlow | scott@marketingbymarlow.com, 206.784.5454
Author URI: http://www.marketingbymarlow.com

Modified: September 2010

COLORS
Lt Blue: 		#c8dae8 (body bg)
Dk Blue: 		#2a3990 (sidebar text)
Blue:	 		#1a62d6 (h2)
Lt Grey:		#d0cecd (footer)
Grey: 			#b0aeae (footer links)
red (hr): 		#ee2a24 (hr)
Yellow:			#ffc540 (footer hover)
Orange:			#d85529 (box)
Green: 			#659146 (box)
Yellow: 		#f2912a (box)

*/

body {
	background: #c8dae8;
	font-family: trebuchet ms, helvetica, arial, verdana, sans-serif;
	font-size: 62.5%;
	padding: 0
}
#wrapper-top {
	background: #fff url('../img/bg_header.gif') no-repeat;
	height: 38px;
	margin: auto;
	max-width: 1037px
}
#wrapper {
	background: #fff url('../img/bg_wrapper.gif') repeat-y;
	margin-left: auto;
	margin-right: auto;
	max-width: 1035px
}
#container {
	background: #fff;
	clear: both;
	margin: auto;
	max-width: 880px
}
#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.padding {
	padding: 10px 45px;
}
/* HEADER */

#header {
	background: #fff;
	color: #8b8a8a;
	margin: auto;
	max-width: 880px
}
#header p {
	font-size: 1.1em;
	line-height: 1.4em;
	margin-top: 22px;
}
.alignright {
float: right;
margin: 0 0 8px 8px;
width: auto
}
/* PRIMARY (TOP) NAVIGATION */
div#nav {
clear: both;
display: block
}
#nav ul {
	clear: both;
	min-height: 27px;
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 0 0 0 10px
}
#nav li {
	float: left;
	font-size: 1.2em;
	height: 25px;
	line-height: 25px;
	margin: 0 2px 0 0;
	width: 109px
}
#nav a {
	background: url('../img/bg_nav.jpg');
	color: #2a3990;
	display: block;
	margin-right: .1em;
	text-align: center;
	text-decoration: none
}
#nav a:hover, #nav #a:hover, #home #a, #train #b, #services #c, #stories #d, #employers #e, #about #f, #contact #g {
	background: url('../img/bg_nav_over.jpg');
	color: #fff
}

/* SIDEBARS */
#sidebar {
	float: left;
	padding: 5px;
	width: 12.5%
}
#sidebar ul {
	margin: 10px 0 0 0;
	max-width: 110px
}
#sidebar li {
	border-bottom: 1px solid #fff;
	font-size: 12px;
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 .5em 0;
	padding: 0 0 .2em 0;
	text-transform: uppercase
}
#sidebar ul ul {
	margin: 0
}
#sidebar li li {
	border: none;
	font-size: 12px;
	margin: 0
}
#sidebar li:last-child {
	border: none
}
#sidebar a {
	color: #2a3990;
	display: block;
	text-decoration: none
}
#sidebar a:hover {
	background: #ffc540
}
#sidebar2 {
	color: #2a3990;
	float: right;
	padding: 0 5px;
	width: 30.909090%
}
#sidebar2 img {
	margin-bottom: 10px
}

/* PRIMARY CONTENT */

#content {
	background: #fff;
	float: left;
	margin: 0 10px 0 25px;
	width: 45%
}
#content img, #content object {
	margin-left: -25px
}
h1 {
	color: #1a62d6;
	font-size: 2em;
	margin-bottom: -6px
}
h2 {
	color: #1a62d6;
	font-size: 1.6em;
	margin-bottom: -11px;
	text-transform:uppercase
}
h3 {
	font-size: 1.4em;
	margin-bottom: -11px
}
p {
	font-size: 1.2em;
	line-height: 1.5em
}
blockquote {
	margin: 1em 0 0 0
}
q {
	font-style: italic;
	line-height: 1.5em
}
#sidebar2 p, q, cite {
	font-size: 1.1em
}
cite {
	display: block;
	font-style:normal;
	margin-top: 0
}
a {
}
a:hover {
	text-decoration: none
}
a[href $='.pdf'] {
padding-right: 20px;
background: transparent url('../images/pdf-icon.gif') no-repeat center right
}
a[href $='top'] {
float: right;
font-style: italic;
text-transform:lowercase
}
img {
	border: none;
	height: auto;
	max-width: 100%
}
ul {
	margin: 0;
	padding: 0
}
li {
	font-size: 1.2em;
	line-height: 1.4em;
	list-style-position: inside
}
hr {
	color: #ee2a24
}
/* FOOTER */

#footer {
	background: #fff;
	border: 1px solid #000;
	clear: both;
	margin: auto;
	max-width: 880px
}
#footer p {
	margin: 10px 0 5px 0
}
#footer a {
	text-decoration: none

}
#footer a:hover {
	text-decoration: underline
}
#footer ul#partners li {
	background: transparent url('../img/bullet.gif') no-repeat center left;
	display: inline;
	padding-left: 10px;
}
#footer ul#partners li:first-child {
	background: none;
	padding-left: 0
}
ul#foot {
	background: #d0cecd;
}
ul#foot li {
	display: inline;
	font-size: 1.4em;
	letter-spacing: .06em;
	list-style-type: none;
	text-align: center;
	text-transform: uppercase;
	max-width: 290px;
}
ul#foot a {
	background: #838383;
	color: #fff;
	padding: 0 1.8em
}
ul#foot a:hover {
	background: #ffc540;
	color: #333;
	text-decoration: none
}
.padding-foot {
	padding: 0 15px 5px 30px;
}
#wrapper-foot {
	background: #fff url('../img/bg_footer.gif') no-repeat;
	min-height: 64px;
	margin: auto;
	max-width: 1037px
}
/*CREDIT*/
#credit {
	clear: both;
	color: #2a3990;
	margin: -20px auto 0 auto;
	text-align: right;
	max-width: 960px
}
#credit a {
	color: #2a3990;
	text-decoration: none;
	text-transform: uppercase
}
#welcome {
	background: #99c3e8 url('../img/bg_globe.jpg') no-repeat left;
	clear: both;
	min-height: 267px;
	margin: 0 0 10px 0;
	box-shadow: 2px 2px 6px #999999;
	-moz-box-shadow: 2px 2px 6px #999999;
	-webkit-box-shadow: 2px 2px 6px #999999
}
#home #container {
	background: none
}
#home h1 {
	color: #2a3990;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0;
	padding: 40px 0 0 10px;
}
#home h2 {
	color: #fff;
	font-weight: normal;
	margin: 5px 0 0 10px
}
.box {
	color: #fff;
	float: left;
	height: 276px;
	margin-bottom: 10px;
	max-width: 290px;
	box-shadow: 2px 2px 6px #999999;
	-moz-box-shadow: 2px 2px 6px #999999;
	-webkit-box-shadow: 2px 2px 6px #999999;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px
}
.box img {
	margin: 0 6px
}
.box p {
	margin: 0 10px;
	line-height: 1.3em
}
.box a {
	color: #fff;
	text-decoration: none
}
.green {
	background: #659146 url('../img/bg_box_green.jpg') repeat-x
}
.orange {
	background: #d85529 url('../img/bg_box_orange.jpg') repeat-x;
	margin: 0 5px
}
.yellow {
	background: #f2912a url('../img/bg_box_yellow.jpg') repeat-x
}
@media screen and (min-width: 800px) {
.logo img {
float: left
}
#header p {
	float: right;
	max-width: 365px
}
	#nav ul {
	background: url('../img/bg_nav_foot.jpg') bottom repeat-x;
	}
#container {
	background: #fff url('../img/bg_container2.jpg') repeat-y;
	}
	#home h1 {
	padding: 40px 0 0 90px;
	max-width: 320px
}

}