* { 
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	outline: none;
}
body {
	background-color: #FFF;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #5B5754;
	line-height: 18px;
	text-align: center;
}
.wrapper {
	margin: 0 auto;
	width: 850px;
	text-align: left;
}
#top {
	float: left;
	width: 100%;
	height: 98px;
}
#center {
	float: left;
	width: 100%;
	background: #625D5A url(../images/bg.gif) repeat-x 0 0;
}

/* Header & Navigation ----------- */

#header {
	position: relative;
	float: left;
	width: 100%;
	height: 122px;
	background-color: #9DC631;
}
a#logo, a#logo:active, a#logo:visited, a#logo:hover {
	position: absolute;
	left: 22px;
	top: 42px;
	width: 323px;
	height: 36px;
	background-image: url(../images/logo.gif);
}
ul#nav {
	position: absolute;
	z-index: 5;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 43px;
	list-style-type: none;
}
ul#nav li {
	position: relative;
	float: left;
	display: inline;
	height: 43px;
	width: auto;
}
ul#nav li a { 
	display: block;
	height: 43px;
	width: auto;
}
ul#nav li a:hover, ul#nav li.selected a { background-position: 0 -43px; }
ul#nav li#why_csa a {
	width: 100px;
	background-image: url(../images/nav/why_csa.gif);
}
ul#nav li#how_to_enroll a {
	width: 99px;
	background-image: url(../images/nav/how_to_enroll.gif);
}
ul#nav li#calendars_news a {
	width: 128px;
	background-image: url(../images/nav/calendars_news.gif);
}
ul#nav li#among_friends_studio a {
	width: 149px;
	background-image: url(../images/nav/among_friends_studio.gif);
}
ul#nav li#photo_gallery a {
	width: 101px;
	background-image: url(../images/nav/photo_gallery.gif);
}
ul#nav li#fcsa a {
	width: 52px;
	background-image: url(../images/nav/fcsa.gif);
}
ul#nav li#support_us a {
	width: 83px;
	background-image: url(../images/nav/support_us.gif);
}
ul#nav li#about a {
	width: 54px;
	background-image: url(../images/nav/about.gif);
}
ul#nav li#contact a {
	width: 84px;
	background-image: url(../images/nav/contact.gif);
}

	/* Secondary and Tertiary Navigation ------------- */
	
	ul#nav li#why_csa ul { left: 30px; width: 120px; }
		ul#nav li#why_csa ul li ul { left: 120px; width: 120px; }
	ul#nav li#how_to_enroll ul { left: 10px; width: 180px; }
	ul#nav li#calendars_news ul { left: 10px; width: 210px; }
	ul#nav li#among_friends_studio ul { left: 12px; width: 160px; }
	ul#nav li#fcsa ul { left: 9px; width: 140px; }
		ul#nav li#fcsa ul li ul { left: 140px; width: 125px; }
	ul#nav li#support_us ul { left: 9px; width: 200px; }
	ul#nav li#about ul { left: 9px; width: 190px; }
	ul#nav li#contact ul { left: 9px; width: 70px; }
	
	ul#nav li#why_csa ul li a,
	ul#nav li#how_to_enroll ul li a,
	ul#nav li#calendars_news ul li a,
	ul#nav li#among_friends_studio ul li a,
	ul#nav li#photo_gallery ul li a,
	ul#nav li#fcsa ul li a,
	ul#nav li#support_us li a,
	ul#nav li#about ul li a,
	ul#nav li#contact ul li a { 
		background-image: none;
		width: auto;
	}
	
	ul#nav li.selected ul { display: block; }
	ul#nav li ul {
		position: absolute;
		display: none;
		top: 43px;
		padding: 15px 0 15px 18px;
		background: #CE7D16 url(../images/sub_nav_bg.gif) no-repeat 21px 0;
	}
	ul#nav li ul li {
		float: none;
		display: block;
		height: auto;
		width: auto;
	}
	ul#nav li ul li a, ul#nav li ul li.selected_sub ul li a {
		color: #FFF;
		text-decoration: none;
		font-size: 12px;
		line-height: 18px;
		height: 18px;
		width: auto;
	}
	ul#nav li ul li a:hover, ul#nav li ul li.selected_sub a, ul#nav li ul li.selected_sub a:hover { color: #222020; }
	
	ul#nav li ul li.selected_sub ul, ul#nav li.selected ul li.selected_sub ul { display: block; }
	ul#nav li ul li ul, ul#nav li.selected ul li ul {
		position: absolute;
		display: none;
		top: -15px;
		padding-right: 20px;
		background-image: none;
		background-color: #C60;
	}
		
/* Content Styles ---------- */

#content {
	float: left;
	width: 850px;
	padding-bottom: 45px;
	background-color: #FFF;
}
#content_no_line {
	float: left;
	width: 850px;
	padding-bottom: 45px;
	background-color: #FFF;
}
#content_dark {
	float: left;
	width: 850px;
	padding-bottom: 45px;
	background: #22201F url(../images/content_dark_bg_line.gif) repeat-y top right;
	color: #FFF;
}
#content_dark_no_line {
	float: left;
	width: 850px;
	padding-bottom: 45px;
	background-color: #22201F;
}
.content_fill_green { background: transparent url(/images/green_bg.gif) repeat-y 0 0; } 
.content_fill { 
	/*background: transparent url(/images/orange_bg.gif) repeat-y 0 0;*/
} 
#content_left {
	float: left;
	display: inline;
	width: 570px;
	padding-top: 40px;
}
#content_body {
	float: left;
	display: inline;
	width: 535px;
	margin: 15px 0 0 30px;
}
#content_body ul.bullets { margin-bottom: 20px; }
#content_body ul.bullets li {
	padding-left: 12px;
	background: transparent url(../images/bullet.gif) no-repeat 0 4px;
}
#content_right {
	float: right;
	display: inline;
	width: 218px;	
}
#content_right img {
	float: right;
	display: inline;
}
#content_right #fill_gap img {
	border-top: 85px solid #FFF;
}
#content_right #right_image img {
	border-top: 85px solid #FFF;
}
#content_full {
	float: left;
	display: inline;
	width: 798px;
	padding-top: 40px;
}
#content_full_inner {
	float: left;
	display: inline;
	width: 798px;
	margin: 15px 0 0 30px;
}
.header_image {
	float: left;
	clear: both;
	margin: 0 0 10px 30px;
}
.body_image {
	float: right;
	width: 218px;
	margin: 0 0 10px 30px;
}
.body_image div {
	float: left;
	width: 218px;
	background-color: #9DC631;
	color: #FFF;
	font-size: 10px;
	font-style: italic;
	line-height: 12px;
}
.body_image div p {
	margin: 15px 20px;
	width: 178px;
}
ul#body_nav {
	float: left;
	height: 28px;
	background-color: #5E7AD4;
	padding-left: 30px;
	font-size: 12px;
	list-style-type: none;
}
ul#body_nav li {
	float: left;
	display: inline;
	margin-right: 20px;
	height: 28px;
	line-height: 28px;
}
ul#body_nav li a, ul#body_nav li a:active, ul#body_nav li a:visited {
	color: #FFF;
	font-weight: bold;
}
ul#body_nav li a:hover, ul#body_nav li a.selected { 
	text-decoration: none;
	color: #3A3735;
}

/* Department Styles ------- */

ul#department_list {
	list-style-type: none;
	width: 400px;
	font-size: 12px;
	font-weight: bold;
}
ul#department_list li {
	float: left;
	display: inline;
	width: 50%;
}
ul#department_list li a { color: #5B5754; }

/* Staff & Board List ----- */

.staff_list {
	float: left;
	display: inline;
	width: 45%;
	margin-right: 25px;
	margin-bottom: 20px;
}
.staff_list p { margin-bottom: 10px; }
.staff_list .title {
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ABCA34;
}
.staff_list .name { 
	color: #C60;
	font-size: 14px;
}
.staff_list .staff_title {
	font-style: italic;
}

/* Info List Styles ------- */

#info_list {
	float: left;
	display: inline;
	width: 100%;
}
#info_list div {
	float: left;
	width: 100%;
	padding: 10px 0 5px 0;
	border-bottom: 1px dotted #ABCA34;
}
#info_list span.course_body {
	float: left;
	display: inline;
	width: 100%;
}
#info_list span.course_body p { margin-top: 20px; }
#info_list p {
	float: left;
	width: 100%;
	margin: 10px 0;
}
#info_list .title {
	float: left;
	width: 100%;
	font-size: 18px;
	color: #C60;
	margin-bottom: 5px;
}
#info_list .sub_title {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #8CB12C;
	margin-bottom: 5px;
}
#info_list ul.options {
	float: left;
	clear: both;
	list-style-type: none;
	width: 500px;
}
#info_list ul.options li {
	float: left;
	display: inline;
	width: 50%;
}
#info_list .title span { font-size: 12px; }
#info_list a, #info_list a:active, #info_list a:visited {
	font-size: 11px;
	color: #94BA2F;
	text-decoration: none;
}
#info_list a.dark { color: #87AA2B; }
#info_list a:hover { text-decoration: underline; }
#side_bar_listing {
	float: left;
	display: inline;
	width: 168px;
	margin: 25px;	
	height: 150px;
	font-size: 10px;
	padding-bottom: 30px;
}
#side_bar_listing p.title { color: #FFF; }
#side_bar_listing a, #side_bar_listing a:active, #side_bar_listing a:visited {
	color: #87AA2B;
	text-decoration: none;
}
#side_bar_listing a:hover { text-decoration: underline; }
#side_bar_listing p.title { 
	font-size: 14px;
	color: #87AA2B;
}
#side_bar_listing ul {
	list-style-type: none;
	margin-top: 15px;
	font-weight: bold;
}
#side_bar_listing ul li ul {
	border-top: 1px dotted #5B5754;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 10px 10px;
}
#side_bar_listing ul li ul li a, #side_bar_listing ul li ul li a:active,
#side_bar_listing ul li ul li a:visited { color: #5B5754; }

/* Footer Styles ----------- */

#footer {
	float: left;
	width: 850px;
	padding-bottom: 50px;
	background: #3A3735 url(../images/footer_bg.gif) repeat-x 0 0;
}
#latest_news {
	float: left;
	width: 838px;
	height: 45px;
	padding-top: 15px;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica;
	background-image: url(../images/latest_news.gif);
}
#latest_news a, #latest_news a:active, #latest_news a:visited {
	color: #FFF;
	text-decoration: none;
}
#latest_news a:hover { color: #9DC631; }
#latest_news span {
	float: right;
	display: inline;
	margin-left: 5px;
	width: 235px;
	text-align: center;
}
.footer_separator {
	float: left;
	width: 850px;
	height: 30px;
	background-image: url(../images/footer_separator.gif);
}
#footer img { 
	float: left; 
	display: inline;
}

/* styled table */

table.styled { background-color: #E6F0CA; }
table.styled td { 
	text-align: center;
	padding: 7px 0;
}
table.styled thead tr {
	background-color: #5E7AD4;
	color: #FFF;
	font-weight: bold;
}
table.styled thead tr td { padding: 5px 0; }
table.styled td.bold, table.styled tr.alt td.bold {
	background-color: #9DC631;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	text-indent: 10px;
}
table.styled tr.alt td { background-color: #D7E8AA; }

/* Calendar Styles --------- */

ul#calendar_options {
	float: left;
	width: 100%;
	list-style-type: none;
	margin-bottom: 15px;	
}
ul#calendar_options li {
	float: left;
	display: inline;
	width: 150px;
}
ul#calendar_options li.title { font-size: 14px; }
ul#calendar_options li.nav { font-size: 10px; }
ul#calendar_options li.nav a, ul#calendar_options li.nav a:active, ul#calendar_options li.nav a:visited {
	text-decoration: none;
	color: #5B5754;
	border-bottom: 1px solid #AAA;
}
ul#calendar_options li.nav a:hover { border: 0; }
div#calendar {
	float: left;
	display: inline;
	width: 784px;
	border-top: 1px solid #5B5754;
	border-left: 1px solid #5B5754;
}
div#calendar div {
	position: relative;
	float: left;
	display: inline;
	width: 111px;
	height: 86px;
	overflow: hidden;
	border-bottom: 1px solid #5B5754;
	border-right: 1px solid #5B5754;
}
div#calendar div.header {
	background-color: #C60;
	height: 28px;
	line-height: 28px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
}
div#calendar div span {
	position: absolute;
	z-index: 1;
	bottom: -8px;
	left: 13px;
	font-size: 36px;
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	color: #D3CFCC;	
}
div#calendar div div {
	position: absolute;
	z-index: 0;
	border: 0;
	background-color: #D8D4D1;
	filter: alpha(opacity=53);
	-moz-opacity: .73;
	opacity: .73;
}
div#calendar div div.public, ul#calendar_legend li.public {
	background-color: #C60;
	filter: alpha(opacity=19);
	-moz-opacity: .19;
	opacity: .19;
}
div#calendar div div.academic, ul#calendar_legend li.academic {
	background-color: #5E7AD4;
	filter: alpha(opacity=19);
	-moz-opacity: .19;
	opacity: .19;
}
div#calendar div div.both, ul#calendar_legend li.both {
	background-color: #9DC631;
	filter: alpha(opacity=19);
	-moz-opacity: .19;
	opacity: .19;
}
div#calendar div p {
	position: absolute;
	width: 93px;
	left: 8px;
	top: 8px;
	z-index: 3;
	font-size: 11px;
	line-height: 12px;
}
div#calendar div p a, div#calendar div p a:active, div#calendar div p a:visited {
	color: #5B5754;
	text-decoration: none;
}
div#calendar div p a:hover { 
	color: #333;
	text-decoration: underline;
}
ul#calendar_legend {
	float: left;
	margin-top: 35px;
	height: 22px;
	list-style-type: none;
}
ul#calendar_legend li {
	float: left;
	display: inline;
	height: 22px;
	line-height: 22px;
	margin: 0 45px 0 10px;
}
ul#calendar_legend li.public, ul#calendar_legend li.academic, ul#calendar_legend li.both { 
	width: 32px;
	margin: 0; 
}

/* store list layout */

#product_list {
	float: left;
	display: inline;
	width: 100%;
}
.product {
	position: relative;
	float: left;
	display: inline;
	width: 100%;
	padding: 18px 0;
}
#product_list .alt { background-color: #292726; }
.product .main_image {
	float: left;
	display: inline;
	margin: 0 18px;
}
.product .view_larger {
	float: left;
	display: inline;
}
.product .description p { margin-bottom: 0; }
.product .description {
	float: left;
	display: inline;
	width: 450px;
	margin: 0 40px;
	font-size: 10px;
	color: #FFF;
}
.product .description p.title {
	font-size: 16px;
	color: #C60;
	margin-bottom: 10px;
}
.product .description .title span { font-size: 12px; }
.product .price {
	position: absolute;
	right: 40px;
	font-size: 16px;
	color: #C60;
}
.product .add_to_cart {
	position: absolute;
	right: 40px;
	top: 62px;
}
#cart-totals { border-top: 1px solid #292726; }

/* Photo Gallery Styles ---- */

#gallery_photo {
	float: right;
	display: inline;
	position: relative;
	width: 571px;
	height: 380px;
	margin-bottom: 10px;
}
#gallery_thumbs {
	float: left;
	display: inline;
	width: 201px;
	height: 380px;
}
.dropdown {
	position: relative;
	width: 186px;
	height: 20px;
	margin-bottom: 12px;
	font-size: 10px;
	border: 3px solid #9DC631;
	background-color: #CBE192;
	cursor: pointer;
}
#content_dark .dropdown, #content_dark_no_line .dropdown {
	background-color: #4C4845;
	border-color: #5D5854;
}
.dropdown span {
	display: block;
	position: absolute;
	width: 186px;
	height: 20px;
	line-height: 20px;
	text-indent: 7px;
	color: #5B5754;
	background: transparent url(/images/dropdown_arrow.gif) no-repeat top right;
}
#content_dark .dropdown span, #content_dark_no_line .dropdown span { 
	color: #DDD;
	background-image: url(/images/dropdown_arrow_dark.gif);
}
.dropdown ul {
	position: absolute;
	z-index: 100;
	display: none;
	top: 20px;
	width: 186px;
	background-color: #CBE192;
	border-bottom: 3px solid #9DC631;
	border-left: 3px solid #9DC631;
	border-right: 3px solid #9DC631;
	margin-left: -3px;
}
#content_dark .dropdown ul, #content_dark_no_line .dropdown ul {
	background-color: #4C4845;
	border-color: #5D5854;
}
.dropdown ul.selected { display: block; }
.dropdown ul li a.all { border-bottom: 1px solid #ABC861; }
.dropdown ul li a, .dropdown ul li a:active, .dropdown ul li a:visited {
	float: left;
	width: 179px;
	height: 20px;
	line-height: 20px;
	padding-left: 7px;
	color: #5B5754;
}
#content_dark .dropdown ul li a, #content_dark .dropdown ul li a:active, #content_dark .dropdown ul li a:visited,
#content_dark_no_line .dropdown ul li a, #content_dark_no_line .dropdown ul li a:active, #content_dark_no_line .dropdown ul li a:visited {
	color: #FFF;
}
.dropdown ul li a:hover {
	text-decoration: none;
	background-color: #5B5754;
	color: #FFF;
}
#gallery_thumbs img { 
	margin: 8px 8px 0 0;
	cursor: pointer;
}
#gallery_bottom {
	float: left;
	width: 850px;
	height: 130px;
	padding-top: 20px;
	background-color: #F5F5F5;
}
#content_dark #gallery_bottom, #content_dark_no_line #gallery_bottom { background-color: #000; }
#gallery_desc {
	float: left;
	display: inline;
	width: 520px;
	height: 130px;
	margin-left: 30px;
}
#gallery_desc p.title {
	font-size: 18px;
	color: #C60;
	margin-bottom: 15px;
}
#gallery_desc p.title span { font-size: 12px; }
#gallery_nav {
	position: relative;
	float: left;
	display: inline;
	width: 197px;
	height: 130px;
	margin-left: 30px;
	font-size: 12px;
	color: #C60;
}
#gallery_nav ul {
	position: absolute;
	top: 0;
	right: 5px;
}
#gallery_nav ul li {
	float: left;
	display: inline;
	margin-left: 10px;
}
#gallery_nav ul li a {
	display: block;
	width: 19px;
	height: 19px;
}
#gallery_nav ul li a.left { background: transparent url(/images/gallery_left.gif) no-repeat 0 0; }
#gallery_nav ul li a.right { background: transparent url(/images/gallery_right.gif) no-repeat 0 0; }

/* sponsors layout */

#sponsors tr td {
	border-bottom: 1px solid #A6A4A2;
	padding: 15px 0;
	width: 165px;
}
	
/* Pagination Styles ------- */

ul#pagination {
	float: left;
	width: 100%;
	list-style-type: none;
	padding-top: 15px;
	font-size: 11px;
	line-height: 11px;
	height: 11px;
}
ul#pagination li {
	float: left;
	display: inline;
	margin-right: 4px;
}
ul#pagination li a.prev {
	display: block;
	width: 44px;
	height: 10px;
	background: transparent url(/images/prev.gif) no-repeat 0 0;
	margin-right: 10px;
}
ul#pagination li a.next {
	display: block;
	width: 42px;
	height: 10px;
	background: transparent url(/images/next.gif) no-repeat 0 0;
	margin-left: 10px;
}
ul#pagination li a, ul#pagination li a:active, ul#pagination li a:visited {
	color: #C60;
	text-decoration: none;
}
ul#pagination li a:hover, ul#pagination li a.selected { text-decoration: underline; }

/* Page Bottom ------------- */

#bottom {
	float: left;
	width: 100%;
	padding: 20px 0;
	text-align: center;
}
#bottom a { margin: 0 5px; }

/* Form Styles ------------- */

.form_group {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
label {
	float: left;
	display: inline;
	width: 125px;
	font-size: 11px;
}
.text_field, .text_field_selected {
	float: left;
	display: inline;
	width: 350px;
	padding: 3px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #FFF;
}
.text_field { border: 1px solid #6B6B6B; }
.text_field_selected { border: 1px solid #9DC631; }
a.go, a.go:active, a.go:visited, a.go:hover {
	float: left;
	display: block;
	width: 42px;
	height: 18px;
	background: transparent url(/images/go_button.gif) no-repeat 0 0;
	margin-top: 25px;
}

/* Misc Styles ------------- */

a span { display: none; }
a, a:active, a:visited {
	text-decoration: none;
	color: #C60;
}
a:hover { text-decoration: underline; }
a img { border: 0; }
ul { list-style-type: none; }
p { margin-bottom: 20px; }
.error { color: #F00; }
.title {
	font-size: 16px;
	color: #86A82b;
}
.sub_title { 
	font-size: 14px;
	line-height: 20px;
}
.green { color: #86A82b; }
.important {
	color: #C60;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 25px;
}
.small { font-size: 10px; }
table { margin-bottom: 30px; }
/*table tr td { padding-bottom: 20px; }*/
h1 {
	font-family: Helvetica, Arial, sans-serif;
	color: #CC6600;
	font-size: 16px;
}

/* PopImg Styles ------------ */

#overlay {
	position: absolute;
	background-color: #000;
	width: 100%;
	z-index: 100;
}
#popimg {
	position: absolute;
	z-index: 101;
	width: 850px;
	top: 122px;
	padding-top: 35px;
	background-color: #FFF;
}
#popimg_image_holder {
	position: relative;
	width: 747px;
	height: 500px;
	margin-left: 52px;
}
#popimg_image, #popimg_loading { position: absolute; top: 0; left: 0; }
#popimg_loading {
	width: 747px;
	height: 500px;
	background: transparent url(/images/popimg_loading.gif) no-repeat 0 0;
}
#popimg a { 
	position: absolute;
	height: 19px;
	width: 19px;
}
#popimg_previous {
	right: 29px;
	background: transparent url(/images/gallery_left.gif) no-repeat 0 0;
}
#popimg_next {
	right: 0;
	background: transparent url(/images/gallery_right.gif) no-repeat 0 0;
}
#popimg_close {
	top: 35px;
	right: 17px;
	background: transparent url(/images/gallery_close.gif) no-repeat 0 0;
}
#popimg_caption_holder { 
	width: 850px;
	height: 130px;
	padding-top: 20px;
	margin-top: 10px;
	text-align: left;
	/*background-color: #CAC4C0;*/
}
#popimg_caption {
	float: left;
	display: inline;
	width: 480px;
	height: 130px;
	margin-left: 52px;
}
#popimg_caption p.title {
	font-size: 18px;
	color: #C60;
	margin-bottom: 15px;
}
#popimg_caption p.title span { font-size: 12px; }
#popimg_nav {
	position: relative;
	float: right;
	display: inline;
	width: 192px;
	height: 130px;
	margin-right: 52px;
	font-size: 12px;
	color: #C60;
}