/* Designed by Chris Latham, chris [at] lathamdesign.com for the Council on At-Risk Youth */

/*
Colors
Dark purple: #414
Purple: #606
Red: #c00
Gold: #f90
*/









/* HTML Tags */

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; margin: 3em 0; padding: 0; background: #414 url(images/body_background.jpg) repeat-x bottom fixed; text-align: center; color: #fff;}
acronym {font-style: normal;}
p {margin-top: 0em; }
ul {list-style: square;}
a {text-decoration: none; color: #900;}
a:hover {text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 0px; font-family: Georgia, Times, serif; color: #900;}
h1 {font-weight: normal; margin: 1em 0;}
h4 {text-transform: uppercase; letter-spacing: .5em;}
img {border: none;}
table {font-size: 100%;}
th, td {padding: .2em;}
table.numbers td {text-align: right;}
tr.total th, tr.total td {font-weight: bold; border-top: 1px solid;}
form div {padding: .5em 0;}
fieldset {border: none;}










/* Primary Layout DIVs */

#container {width: 800px; margin: auto; text-align: left;}

#nav {margin-right: 1em; padding-bottom: 20px; float: left; width: 180px; color: #f90; font-weight: bold; background: #c00 url(images/nav_bottom.gif) no-repeat bottom; font-size: .9em;}
#nav ul {margin: 0; padding: 0; list-style: none;}
#nav li {border-bottom: 1px #900 solid; margin: 0; padding: .5em;}
#nav a {color: #f90; text-decoration: none;}
#nav a:hover {color: #FFF;}


#content {color: #414; padding: 10px 10px 40px 10px; background: #fff; float: right; width: 580px; border: solid #900; border-width: 4px 0;}
#content p, #content li {line-height: 150%;}
#content p {margin-left: 2em;}
#content ul, #content ol {margin-left: 3em;}


div.callout {float: right; width: 40%; margin: 0 0 1em 1em; border: #f90 solid; border-width: 2px 0; font-size: 120%; font-family: Georgia, "Times New Roman", Times, serif; color: #900;}
div.callout p {margin: 0; padding: 0;}


#footer {margin: 1em 0;}
#footer a {}









/* Custom Classes */
.hidden {display: none;}
.centered {text-align: center;}
.clear {clear: both;}
.pittsbanner {background: #666; color: #fff; padding: 1em; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; margin: 10px 10px 10px 20px;}
	.pittsbanner h1 {font-size: 1.5em; font-variant: small-caps; letter-spacing: .2em; margin: 0;}
	.pittsbanner p {margin: .2em 0;}
	.pittsbanner a {color: #f90;}
.subnav {border-top: 1px solid #f90; margin: 1 0; padding: 1 0;}
	.subnav li {list-style: none;}
.floatright {float: right; margin: 0 0 2em 1em;}