@charset "UTF-8";
/* CSS Document */

body {
	background: #e7e6d1 url(/ui/images/public/layout/header-bg.jpg) repeat-x top left;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

img,fieldset { 
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

fieldset div { 
	margin-bottom: 2px
	}
	
:focus {
	-moz-outline-style: none;
	}

fieldset legend {}

fieldset label { 
	cursor: pointer 
	}

fieldset label.left { 
	float: left;
	width: 125px;
	}

#wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;
	z-index: 1;
	}
	
#header {
	position: relative;
	width: 960px;
	margin: 0;
	padding: 0;
	height: 54px;
	}
	
h1#logo {
	position: absolute;
	background: url(/ui/images/public/layout/saves-the-day-logo.jpg) no-repeat top left;
	/*background: url(/ui/images/public/layout/saves-the-day-logo-2.gif) no-repeat top left;*/
	top: 0;
	left: 0;
	width: 213px;
	height: 54px;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	}
	
h1#logo a {
	display: block;
	height: 54px;
	}
	
#navigation {
	position: absolute;
	top: 0;
	right: 0;
	color: #ffffff;
	}
	
#navigation ul {
	margin: 0 0 0 275px;
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#navigation ul li {
	float: left;
	background: url(/ui/images/public/layout/navigation-divide.gif) no-repeat top right;
	
	line-height: 54px;
	}
	
#navigation ul li:last-child {
	background: none;
	}
	
#navigation a, #navigation a:link, #navigation a:visited, #navigation a:active  {
	padding: 5px 10px 5px 10px;
	margin: 0 1px 0 0;
	color: #ffffff;
	text-decoration: none;
	}
	
#navigation a:hover {
	padding: 5px 10px 5px 10px;
	margin: 0 1px 0 0;
	color: #e7e6d1;
	background-color: #4b4b4b;
	}
	
#mid {
	position: relative;
	margin: 10px 0 0 0;
	width: 960px;
	height: 284px;
	}
	
#mid .left {
	position: absolute;
	background: url(/ui/images/public/layout/Under-the-Boards.jpg) no-repeat top left;
	width: 681px;
	height: 284px;
	top: 0px;
	left: 0px;
	}
	
#mid .right {
	position: absolute;
	left: 681px;
	top: 0px;
	width: 279px;
	height: 284px;
	}
	
#content-wrapper {
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 25px 0;
	width: 960px;
	background-color: #ffffff;

	}
	
#content-top {
	background: url(/ui/images/public/layout/content-top-bg.jpg) no-repeat top left;
	font-size: 0px;
	height: 20px;
	}
		
#left-column {
	float: left;
	width: 200px;
	margin: 0 0 0 10px;
	}
	
#left-column h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	}
	
#left-column ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	}

#left-column ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #1d344e;
	text-decoration: none;
	}
	
#left-column ul li a:hover {
	text-decoration: underline;
	}
	
#left-column ul li ul {
	border-top: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	background-color: #f0efe0;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	}
	
#left-column ul li ul li {
	padding: 0 0 5px 10px;
	}
	
#left-column ul ul {
	border: none;
	margin: 0;
	}
	
#left-column ul li ul a {
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #5b5b5b;
	letter-spacing: -1px;
	}
	
#left-column ul li ul li.active ul {
	background: none;
	}
	
#left-column ul li ul li.active {
	padding: 5px 0 5px 10px;
	display: block;
	border-top: #ffffff 5px solid;
	border-bottom: #ffffff 5px solid; 
	/*margin: 5px 0 5px 0;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: -1px;
	background-color: #1d344e;
	}
	
#left-column ul li ul li.active a {
	/*margin: 5px 0 5px 0;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: -1px;
	background-color: #1d344e;
	}
	
#left-column ul ul ul.active {
	background-color: #2c4664;
	border: none;
	margin: 0;
	padding: 0;
	}
	
#left-column ul ul ul li {
	margin: 0;
	padding: 0;
	}
	
#left-column ul ul ul li a, #left-column ul ul ul li a:link, #left-column ul ul ul li a:visited, #left-column ul ul ul li a {
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
	background: none;
	}
	
/*Left column Home */

#left-column ul li.image, #left-column ul li.video  {
	margin: 0 0 10px 0;
	}

#left-column ul li.image p {
	background: #5e2502 url(/ui/images/public/icons/column-left-home.jpg) no-repeat top left;
	color: #e7e6d1;
	padding: 10px 5px 5px 5px; margin: 0 0 2px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
#left-column ul li.image a, #left-column ul li.image a:link, #left-column ul li.image a:visited {
	display: block;
	width: 200px;
	background: #ffffff url(/ui/images/public/icons/column-left-image-t.gif) 0 0 no-repeat;
	}
	
#left-column ul li.image a:hover {
	background: #ffffff url(/ui/images/public/icons/column-left-image-t.gif) 0 0 no-repeat;
	background-position: -200px 0;
	}	

/*#left-column ul li.image a {
	display: block;
	background: #ffffff url(/ui/images/public/icons/column-left-image.gif) no-repeat top right;
	}
	
#left-column ul li.image a:hover {
	background: #ffffff url(/ui/images/public/icons/column-left-image-active.gif) no-repeat top right;
	}
	*/
	
#left-column ul li.video p {
	background: #5e2502 url(/ui/images/public/icons/column-left-home.jpg) no-repeat top left;
	/*background: #1d3b61;*/
	color: #e7e6d1;
	padding: 10px 5px 5px 5px; margin: 0 0 2px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
#left-column ul li.video a, #left-column ul li.video a:link, #left-column ul li.video a:visited {
	display: block;
	width: 200px;
	background: #ffffff url(/ui/images/public/icons/column-left-video-t.gif) 0 0 no-repeat;
	}
	
#left-column ul li.video a:hover {
	background: #ffffff url(/ui/images/public/icons/column-left-video-t.gif) 0 0 no-repeat;
	background-position: -200px 0;
	}	
	
/*#left-column ul li.video a {
	display: block;
	background: #ffffff url(/ui/images/public/icons/column-left-video.gif) no-repeat top right;
	}
	
#left-column ul li.video a:hover {
	background: #ffffff url(/ui/images/public/icons/column-left-video-active.gif) no-repeat top right;
	}*/
	
#left-column ul li.post {
	margin: 2px 0;
	}
	
#left-column ul li.post p {
	background: #0e1e2e url(/ui/images/public/icons/column-left-p-post.gif) no-repeat center right;
	color: #e7e6d1;
	padding: 5px; margin: 0 0 2px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
#left-column ul li.post a {
	font-size: 12px;
	font-weight: normal;
	}


/*Left column Home */
	
#middle-column-header {
	float: left;
	width: 730px;
	margin: 0 0px 0 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #cccccc;
	}

#middle-column-header h1{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	height: 30px;
	}
	
#bread-crumbs {
	float: left;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6c6c6c;
	border-left: 2px solid #cccccc;
	margin: 3px 0 0 5px;
	padding: 0 0 0 5px;
	letter-spacing: -1px;
	}
	
#bread-crumbs a, #bread-crumbs a:link, #bread-crumbs a:visited, #bread-crumbs a:active{
	text-decoration: none;
	color: #6c6c6c;
	}
	
#bread-crumbs a:hover {
	text-decoration: underline;
	color: #1d344e;
	}
	
#middle-column {
	float: left;
	width: 730px;
	margin: 10px 0 0 10px;
	}

.browse-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #1d344e;
	margin: 10px 0 0 0;
	}

.browse-1 {
	float: left;
	background-color: #ffffff;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #cccccc;
	}
	
	
.browse-2 {
	float: left;
	background-color: #f0efe0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #cccccc;
	}

.browse-left {
	float: left;
	width: 137px;
	margin: 10px 0 0 10px;
	}
	
.browse-img {
	background-color: #fcfcfa;
	border: 1px solid #e6e6da;
	padding: 5px;
	}
	
.browse-right {
	float: right;
	width: 563px;
	margin: 10px 0px 0px 0px;
	}
	
.browse-right p {
	line-height: 18px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 15px;
	}

.media-details {
	float: left;
	width: 541px;
	margin: 10px 0 0 0;
	background-color: #fcfcfa;
	border: 1px solid #e6e6da;
	padding: 5px;
	line-height: 18px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: -1px;
	}

.media-details a {
	color: #333333;
	text-decoration: none;
	}

.media-details-left {
	float: left;
	width: 50%;
	}
	
.media-details-right {
	float: left;
	width: 50%;
	text-align: right;
	}
	
.media-details-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #1d344e;
	}

/*#content {
	}*/
	
#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	}
	
#content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6c6c6c;
	line-height: 20px;
	}
	
#content p a, #content p a:link, #content p a:active, #content p a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1d344e;
	text-decoration: underline;
	}
	
#content p a:hover {
	text-decoration: none;
	}
	
.browse-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #1d344e;
	margin: 10px 0 0 0;
	}
	
.browse-1 {
	float: left;
	background-color: #ffffff;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #cccccc;
	}
	
	
.browse-2 {
	float: left;
	background-color: #f0efe0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #cccccc;
	}

.browse-left {
	float: left;
	width: 137px;
	margin: 10px 0 0 10px;
	}
	
.browse-img {
	background-color: #fcfcfa;
	border: 1px solid #e6e6da;
	padding: 5px;
	}
	
.browse-right {
	float: right;
	width: 563px;
	margin: 10px 0px 0px 0px;
	}
	
.browse-right p {
	line-height: 18px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 15px;
	}
	
.media-details {
	float: left;
	width: 541px;
	margin: 10px 0 0 0;
	background-color: #fcfcfa;
	border: 1px solid #e6e6da;
	padding: 5px;
	line-height: 18px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: -1px;
	}
	
.media-details-left {
	float: left;
	width: 50%;
	}
	
.media-details-right {
	float: left;
	width: 50%;
	text-align: right;
	}
	
.media-details-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #1d344e;
	}
	
.buttons {
	padding: 5px 0 0 0;
	}

.buttons img {
	border: 0;
	}

#footer {
	clear: both;
	margin: 10px auto 0 auto;
	padding: 10px 0 10px 0;
	border-top: #e7e6d1 10px solid;
	background-color: #3c3c3c;
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
#footer p {
	margin: 10px 0 0 10px;
	padding: 0;
	}

#footer-navigation {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#footer-navigation ul {
	list-style: none;
	margin: 2px 0 0 5px;
	padding: 0;
	height: 15px;
	}

#footer-navigation li { 
	float: left;
	padding: 0 6px;
	border-right: 1px solid #ffffff;
	line-height: 15px;
	}

#footer-navigation li:last-child {
	border: 0;
	}

#footer-navigation a {
	display:block;
	color: #ffffff;
	}

/*Video Play - Three Column*/

#middle-column-media {
	float: left;
	width: 530px;
	margin: 0 0 0 10px;
	}
	
#right-column-media {
	float: left;
	width: 200px;
	}
	
.right-column-more {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	letter-spacing: -1px;
	color: #000000;
	font-weight: bold;
	margin: 0;
	}

#media-wrapper {
	margin: 10px auto 0 auto;
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.media-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #1d344e;
	margin: 0 0 10px 0;
	}
	
#media-controls {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -1px;
	color: #333333;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: right;
	}
	
#media-controls a {
	text-decoration: none;
	color: #ffffff;
	background-color: #223952;
	padding: 3px;
	}
	
#media-controls a:hover {
	text-decoration: none;
	background-color: #ffffff;
	color: #223952;
	}
	
#more-wrapper {
	width: 137px;
	margin: 10px auto 0 auto;
	}
	
#more-wrapper ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	}
	
#more-wrapper ul li {
	margin: 0 0 10px 0;
	}
	
#more-wrapper ul li img {
	background-color: #f9f9f3;
	border: 1px solid #e4e4da;
	padding: 5px;
	}
	
#more-wrapper ul li a {
	border: 0;
	}
	
#more-wrapper ul li:last-child {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	color: #1d344e;
	font-weight: bold;
	text-align: right;
	}
	
#more-wrapper ul li:last-child a {
	text-decoration: underline;
	color: #223952;
	}
	
#more-wrapper ul li:last-child a:hover {
	text-decoration: none;
	}

#cwd {
	background: url(/ui/images/public/layout/chico-web-design-logo.jpg) no-repeat center right;
	margin: 0 auto;
	width: 920px;
	text-align: right;
	padding: 0 25px 0 0;
	height: 50px;
	line-height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	}
	
#cwd a {
	color: #223952;
	}
	
.noscreen { 
	display: none;
	}

ul.photo-gallery-view {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
ul.photo-gallery-view li {
	float: left;
	margin: 0 0 0 5px;
	height: 175px;
	text-align: center;
	}
	
ul.photo-gallery-view li img {
	background-color: #fcfcfa;
	border: 1px solid #e6e6da;
	padding: 5px;
	}
	
ul.photo-gallery-view li a img, ul.photo-gallery-view li a:link img, ul.photo-gallery-view li a:visted img, ul.photo-gallery-view li a:active img {
	background-color: #fcfcfa;
	border: 1px solid #e6e6da;
	padding: 5px;
	}
		
ul.photo-gallery-view li a:hover img {
	background-color: #cccccc;
	border: 1px solid #b7b7b7;
	padding: 5px;
	}
	
ul.photo-gallery-view li a {
	text-decoration: none;
	line-height: 18px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#most-recent-album {
	float: left;
	border-bottom: #cccccc 5px solid;
	width: 730px;
	}

#most-recent-album .left{
	width: 350px;
	margin: 0 0 0 0;
	float: left;
	padding: 0 0 15px 0;
	}
	
#most-recent-album .right {
	float: left;
	width: 350px;
	margin: 0 0 0 25px;
	height: 252px;
	}
	
#most-recent-album .right h1 {
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #6c6c6c;
	margin: 100px 0 0 0;
	padding: 0;
	}
	
#most-recent-album .right p {
	margin: 0 0 15px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.form_error { 
	color: #ff0000;
	}
	
#newsletter-home h2 {
	margin: 15px 0 0 0;
	padding: 0;
	}
	
#newsletter-home p {
	margin: 0 ;padding: 0;
	}
	
#newsletter-home input {
	border: 1px #dfddc1 solid;
	float: left;
	margin: 0 2px 0 0;
	}
	
/*Comments */

#media-comments-wrapper {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18<upx;
	color: #333333;
	border-top: 3px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	margin: 15px 0;
	padding: 15px 0;
	}

#blog-content img {
	float: left;
	margin: 0 15px 15px 0;
	border: 3px #cccccc solid;
	}

#media-comments-wrapper  h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -1px;
	margin: 5px auto;
	padding: 0;
	}
	

.blog-deatils {
	padding: 5px;
	border: #f1f1f1 3px solid;
	background: #fbfbfb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 25px 0;
	}
	
.blog-deatils img {
	border: 2px #cccccc solid;
	}
	
.comments-1, .comments-2 {
	border-top: #ccc 1px solid;
	padding: 10px 0;
	margin: 0;
	}
	
.comments-2 {
	background-color: #f1f1f1;
	}
	
.comments-1 ul, .comments-2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
/*Jobs, questions answer */
.job-listings {
	width: 661px;
	float: left;
	}
	
.job-listings h2 {
	margin: 0;
	padding: 0;
	}
	
.qa {
	width: 661px;
	border-bottom: 1px solid #cccccc;
	margin: 5px 0;
	padding-bottom: 5px;
	}	
.qa .question {
	margin: 5px 0;
	border-bottom: 3px #cccccc solid;
	}	

.qa .title {
	width: 650px;
	}
.qa .title a {
	display: block;
	height: 32px;
	width: 650px;
	padding: 13px 0 0 10px;
	background: #f1f1f1;
	color: #252c1f;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
.qa .title a.open { 
	background: #f1f1f1 url(/ui/images/public/buttons/overview-open.gif) no-repeat center right;
	}
.qa .title a.close {
	background: #f1f1f1 url(/ui/images/public/buttons/overview-close.gif) no-repeat center right;
	}
.qa .details p img { 
	float: left;
	margin-right: 5px;
	}	
.qa .details .read-more {
	width: 650px;
	text-align: right;
	border: none !important;
	float: none;
	}
	
	/*Jobs, question and answer*/
	
fieldset {
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464646;
	}
fieldset legend  {
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 7px 0;
	padding: 0;
	border-bottom: 1px solid #666666;
	}
label {
	cursor: pointer;
	}
label.left {
	text-align: left;
	float: left;
	width: 125px;
	padding: 5px 0 0 0;
	}
fieldset div{
	margin-bottom: 5px;
	}
.input, .select, .textarea {
	color: #999999;
	border: 2px solid #cccccc;
	padding: 2px;
	background: #fbfbfb;
	}
	
.form_status.fail {
	color: #ff0000;
	}

.form_status.pass {
	color: #ff0000;
	}


/*blog module */

#blog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}
	
#blog a {
	color: #333333;
	text-decoration: underline;
	}

#blog .browse-1, #blog .browse-2 {
	width: 100%;
	background-color: #ffffff;
	}
	
#blog .date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}
	
#blog .category {
	margin: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	color: #333333;
	}
	
#blog .category a {
	color: #252c1f;
	}

#blog .browse-1 div img, #blog .browse-2 div img {
	float: left;
	margin: 0 15px 15px 0;
	width: 150px;
	}
	
#blog .posted-by {
	clear: both;
	border-top: 3px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	line-height: 30px;
	background-color: #f1f1f1;
	padding: 5px;
	}
	
#blog .comment {
	margin: 10px 0 0 0;
	background: url(/ui/images/public/icons/comments.gif) no-repeat top left;
	padding-left: 15px;
	}
	
/*blog module */

/*Jeff's Test */

body {
	background: url(/ui/images/public/layout/body-bg-2.jpg) top center;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	}
	
#content-wrapper {
	margin: 0px 0 10px 0;
	}

#footer {
	border: none;
	}
	

h1#logo {
	background: url(/ui/images/public/layout/saves-the-day-logo-2.gif) no-repeat top left;
	}
	
#navigation ul li {
	background: url(/ui/images/public/layout/navigation-divide-2.gif) no-repeat top right;
	}
	
#navigation a:hover {
	background-color: #5e2502;
	}
	
#content-top {
	background: url(/ui/images/public/layout/wrapper-bg-2.gif) top left;
	margin: 15px 0 0 0;
	}
	
#cwd a {
	color: #5e2502;
	}