/* Table of Contents:
	- CSS Imports
	- Global Containers
	- Typography
	- Header Layout
	- Middle Layout
	- Footer Layout
*/

/* CSS Imports
--------------------------------------------------------------------------------------- */
/*@import url("ccc-nav.css");*/
@import url("lightbox.css");

/* Global Containers
--------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	text-shadow: rgba(0,0,0,.01) 0 0 0; /* Safari Font Smoothing Fix */
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #ffd280;
}

#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/ccc-border.jpg) top center repeat-y;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clear {
	clear: both;
}

.hidden {
	visibility: hidden;
}

#container:after {
	content: ".";  
	display: block; 
	height:  0;  
	clear: both; 
	visibility:  hidden;
}

/* Link Styles
--------------------------------------------------------------------------------------- */
a, a:link, a:active {
	color: #004159;
}

a:visited {

}

a:hover {
	color: #792720;
}

a img {
	border: 0;
}

/* Header Layout
--------------------------------------------------------------------------------------- */
#content {
	width: 838px;
	margin: 0 auto;
	padding: 0 31px;
	float: left;
	background: url(../img/header-bg.jpg) top center no-repeat;
}

#content.home {
	background: url(../img/home-header-bg.jpg) top center no-repeat;
}

h1 {
	margin: 0 0 0 10px;
	float: left;
}

address {
	float: right;
	width: 400px;
	margin: 10px 21px 0 0;
	text-align: right;
	color: #792720;
	font-size: 11px;
	line-height: 16px;
	font-style: normal;
}

address span {
	display: block;
	margin: 0 0 16px 0;
}

#nav {
	height: 30px;
	padding: 2px 0 2px 14px;
	margin: 0 0 2px 0;
	width: 817px;
	float: left;
	background: url(../img/nav-bg.jpg) top left no-repeat;
	list-style: none;
	overflow: hidden;
}

#nav li {
	float: left;
}

#nav a {
	display: block;
	font-size: 13px;
	line-height: 30px;
	color: #004159;
	text-decoration: none;
	padding: 0 18px;
	border-right: solid 1px #792720;
}

#nav a:hover {
	color: #792720;
	background: url(../img/nav-rollover-bg.jpg) center center no-repeat;
}

#nav li.last a {
	border-right: none;
}

#flash {
	clear: both;
	width: 738px;
	height: 220px;
	margin: 0 0 12px 50px;
}

/* HOMEPAGE Layout
--------------------------------------------------------------------------------------- */
#home {
	width: 748px;
	margin: 0 0 0 45px;
}

#home h2 {
	margin-bottom: 6px;
}

#intro {
	width: 566px;
	float: left;
}

#signup, #calendar {
	float: left;
	display: inline;
	margin: 20px 0 0 0;
	padding: 6px 10px 10px 10px;
	border: solid 1px #ccc;
}

#calendar {
	margin-top: 23px;
}

#signup a, #calendar a {
	display: block;
	width: 140px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	padding: 50px 0 0 0;
	text-decoration: none;
	background: url(../img/signup-bg.jpg) top left no-repeat;
}

#calendar a {
	padding: 110px 0 0 0;
	background: url(../img/calendar-icon.jpg) top left no-repeat;
}

#signup a:hover, #calendar a:hover {
	background-position: top right;
	text-decoration: underline;
}

#new-contain {
	width: 566px;
	margin: 0 0 10px 0;
	float: left;
	display: inline;
}

#new-contain h2 {
	border-bottom: solid 1px;
}

#new {
	height: 200px;
	overflow: auto;
	margin: 0 21px 10px 0;
}

#new h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #004159;
	font-size: 14px;
	line-height: 18px;
	margin: 6px 10px 6px 10px;
}

#new ul {
	list-style: none;
	margin-left: 21px;
	margin-right: 11px;
}

#new li {
	border-bottom: dashed 1px #004159;
	margin-bottom: 6px;
	padding: 6px 0 12px 0;
}

body#newsletter-pop {
	background: #fff;
	margin: 10px 0;
}

fieldset {
	margin-bottom: 11px;
	border: solid 1px #792720;
	width: 380px;
	margin: 0 auto;
	text-align: left;
}

#interior fieldset {
	margin: 0 21px 18px 21px;
}

fieldset p {
	font-size: 11px;
	line-height: 16px;
	margin: 0 10px 8px 10px;
}

fieldset label {
	float: left;
	display: inline;
	width: 110px;
	margin: 0 4px 0 0;
	text-align: right;
	font-size: 11px;
}

fieldset span label {
	float: none;
	margin-left: 20px;
}

p.thankyou {
	padding-left: 10px;
	padding-right: 5px;
}

fieldset p input {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	background: #fff;
	border: solid 1px #999;
	padding: 1px;
}

fieldset p input:focus {
	background: #ffc;
	border: solid 1px #666;
}

legend {
	font-size: 14px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #792720;
	padding: 0 5px 3px 5px;
}

#FIRST, #LAST, #email, #ADDRESS, #AGENCY {
	width: 210px;
}

#CITY, #PHONE {
	width: 150px;
}

#STATE {
	width: 40px;
}

#ZIP {
	width: 90px;
}

#company57 {
	display: none;
}

fieldset div {
	text-align: center;
	padding: 4px 0;
	border-top: solid 1px #ccc;
	background: #eee;
}

#submit {
	font-size: 16px;
}





/* Middle Layout
--------------------------------------------------------------------------------------- */
p, ul {
	font-size: 11px;
	line-height: 18px;
	margin: 0 21px 11px 21px;
}

ul {
	margin-left: 36px;
}

ul li {
	margin-bottom: 8px;
}

ul.bot li.bot {
	margin-bottom: 1px;
	margin-top: 0;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 24px;
	margin: 0 21px 8px 21px;
	color: #792720;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	margin: 0 21px 5px 21px;
	color: #004159;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin: 0 21px 2px 21px;
	color: #792720;
}

h4.topmar  {
	margin-top: 14px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	margin: 0 21px 1px 21px;
	font-weight: bold;
	color: #000;
}

#leftnav {
	float: left;
	display: inline;
	width: 180px;
	padding: 4px 0 20px 0;
	margin: 0 0 10px 21px;
	border-right: solid 1px #ddd;
}

#leftnav h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 4px 0;
	padding: 4px 10px;
	background: #792720;
	display: none;
}

#leftnav ul {
	list-style: none;
	margin: 0 21px 0 0;
	font-size: 11px;
	line-height: 16px;
}

#leftnav ul ul {
	margin: 8px 0 0 4px;
}

#leftnav h3 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin: 0;
	padding: 6px 0 6px 8px;
	border-top: solid 1px #792720;
	background: #ecf1e3;
}

#interior {
	width: 636px;
	float: left;
	padding: 4px 0 0 0;
}

#interior.fullwidth {
	width: 838px;
}

#interior img {
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #792720;
}

div.img {
	text-align: center;
}

#crumbs {
	clear: both;
	font-size: 10px;
	line-height: 12px;
	text-align: right;
	padding: 6px 0 0 0;
	margin: 10px 21px 6px 0;
}

/* Workshops: Upcoming Schedule
--------------------------------------------------------------------------------------- */
div.upcoming h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	margin: 30px 21px 5px 21px;
	color: #792720;
	border-bottom: 1px solid #792720;
	padding-bottom: 2px;
}

div.upcoming h4 a {
	float: right;
	display: inline;
	width: 80px;
	font-size: 11px;
	text-align: right;
	line-height: 11px;
}

div.upcoming p.date {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-weight: bold;
	margin-bottom: 4px;
	padding-top: 10px;
}

div.upcoming p.wsname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-bottom: 4px;
	padding-bottom: 4px;
	margin-left: 41px;
}

div.upcoming p.wsabout {
	margin-left: 0;
}

div.upcoming ul {
	list-style-type: square;
	color: #004159;
	font-weight: bold;
}

div.wsa-cont { 
border-top: solid 1px #999;
	margin-left: 41px;
	margin-right: 21px;	
}

div.hide {
	display: none;
}

/* Form Registration
--------------------------------------------------------------------------------------- */
div.extend { 
	width: 838px;
}

fieldset.formreg {
	float: left; 
	display: inline;
	width: 380px;
	margin-left: 21px;
	margin-right: 0;
	margin-bottom: 12px;
}
p.wsform {
	margin: 10px 0px 0px 60px;
	color: #000;
}
p.wsform2 {
	margin: 10px 0px 0px 60px;
	color: #000;
}
p.wsform:hover {
	color: #004159;
}

#wsform-error {
	margin: 10px 30px;
	border: 1px solid #c00;
	padding: 10px;
	background: #eee;
	color: #c00;
}
#wsform-error h1 {
	width: 100%;
	float: none;
	display: block;
}
div.confirm div.confbox { float: left; display: inline; width: 300px; }
div.confirm div.big { width: 400px !important; }
div.confirm div.confbox p { margin: 2px 21px 0px 21px; }
div.confirm h3 { margin-top: 20px; }
div.confirm div.confbox p label { font-weight: bold; float: left; display: inline; width: 120px; }


/* Sitemap Layout
--------------------------------------------------------------------------------------- */
ul.sitemap {
	list-style: none;
	margin: 0 21px;
	width: 377px;
	float: left;
}

ul.sitemap li {
	font-size: 16px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 16px 0;
}

ul.sitemap li ul {
	list-style: square;
	margin: 4px 16px;
}

ul.sitemap li ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	margin: 10px 0;
}

ul.sitemap li ul.nosubs li {
	font-weight: normal;
	margin: 5px 0;
	font-size: 11px;
}

ul.sitemap li ul li ul {
	list-style: disc;
}

ul.sitemap li ul li ul li {
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	margin: 5px 0;
}

ul.sitemap li ul li ul li ul {
	list-style: circle;
}

ul.sitemap li ul li ul li ul li {
	margin: 5px 0;
}


/* Footer Layout
--------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 838px;
	padding: 10px 31px;
	background: url(../img/footer-bg.jpg) top left no-repeat;
	height: 60px;
	text-align: center;
}

#footer div {
	padding: 6px 0;
	border-top: solid 1px #792720;
	background: #d9e4c7;
	height: 32px;
}

#footer p {
	font-size: 10px;
	line-height: 14px;
	margin: 0;
	color: #792720;
	font-weight: bold;
}

#footer ul {
	font-size: 10px;
	line-height: 14px;
	margin: 0;
	list-style: none;
	color: #792720;
}

#footer ul li {
	display: inline;
}


/* Young Adult Layout
--------------------------------------------------------------------------------------- */

.youngsub {
	color:#792720;
	font-weight:bold;
}