/** @Import Default */
/** ------------------------------ */

@import url("base.css");

/** @Header */
/** ------------------------------ */

#logo {
	margin: 50px 0 0 0;
}


/** @end */
/** ------------------------------ */

/** @Navigation */
/** ------------------------------ */


#navigation {
	text-align: left;
	background: #fff;
	width: 877px;
	border-radius: 5px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
	float: left;
	margin:10px 0 35px 0;
	padding: 6px 0 6px 10px;
}

.hrfix {
	border-bottom: #D4E8E6 1px solid;
	height: 2px ;
	width: 872px;
	float: left;
}

#navigation a {
	float: left;
	margin: 0 0 0 12px;
	letter-spacing: -1px;
	font-size: 14px;
	padding: 5px 9px;
}

#navigation a:link, #navigation a:visited, #navigation a:focus{
	color: #878787;
	font-weight: bold;
	font-style: italic;
}

#navigation a:hover, #navigation a:active {
	color: #6A93A5;
	background: #edf5f7;
	border-radius: 5px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
}

#navigation a.current {
	color: #6A93A5;
	background: #edf5f7;
	border-radius: 5px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
}


/** @end */
/** ------------------------------ */

/** @Content */
/** ------------------------------ */


h1 {
	margin-left: 10px;
}

h1.sectitle {
	font-size: 55px;
	font-style: italic;
	color: #C9DFE3;
}

h1 span {
	float: left!important;
	display: block!important;
	font-size:112px;
	margin: 10px 15px 0 0;
	font-weight: normal!important;
	width: 81px;
	height: 81px;
	background: url(../images/d-span.gif) no-repeat top left;
	text-indent: -8888px;
}


#content {
	float: left;
	margin-left: 35px;
	width: 887px;
}

#content .leftcol, #content .rightcol {
	float: left;
}

#content .leftcol {
	width: 545px;
	margin: 0 65px 0 0;
}

#content .rightcol {
	width: 260px;
	margin: 5px 0 0 0;
}

#content .fullcol {
	width: 887px;
	margin: 5px 0 0 0;
	float: left;
}

#content .leftcol .learnmore-btn a  {
	width: 170px;height:30px;
	display: block;
	background: url(../images/learnmore-btn.gif) no-repeat top left;
	text-indent: -8888px;
	float: right;
}

#content .leftcol .sec-nav {
	border-top: #D4E8E6 1px solid;
	padding: 30px 0 30px 0;
	margin: 20px 0 0 0;
	float: left;
	width: 545px;
}

#content .leftcol .viewphotos-btn a  {
	width: 170px;height:80px;
	display: block;
	background: url(../images/viewphotos-btn.gif) no-repeat top left;
	text-indent: -8888px;
	float: left;
	margin: 0 14px 0 4px;
}

#content .leftcol .audio-btn a  {
	width: 170px;height:80px;
	display: block;
	background: url(../images/audio-btn.gif) no-repeat top left;
	text-indent: -8888px;
	float: left;
	margin: 0 14px 0 0;
}

#content .leftcol .contact-btn a  {
	width: 170px;height:80px;
	display: block;
	background: url(../images/contact-btn.gif) no-repeat top left;
	text-indent: -8888px;
	float: left;
}

#content .leftcol .learnmore-btn a:hover,
#content .leftcol .contact-btn a:hover,
#content .leftcol .audio-btn a:hover,
#content .leftcol .viewphotos-btn a:hover {
	background-position: bottom left;
}

#content .leftcol .audiocont {
	background: #e1eef0;
	border-radius: 5px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
	padding: 18px;
	margin-bottom: 15px;
}

#content .leftcol .audiotitle {
	font-size:17px;
	color: #6A93A5;
	margin: 0 0 10px 0;
	background: #cde4e8;
	padding: 7px 5px 7px 15px;
	border-radius: 5px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
}

p { 
	color:#878787;line-height:22px;letter-spacing: 0px;font-size: 13px;
	padding: 0 0 0 10px;
}

.rightcol .event  {
	margin-bottom: 20px;
	padding-bottom:20px;
	border-bottom: #D4E8E6 1px solid;
}

.rightcol .event .date {
	color: #636363;
	font-style: italic; 
	font-weight: bold;
	font-size: 11px;
	line-height:16px;
}

.rightcol .event .details {
	color: #636363;
	font-weight: bold;
	font-size: 11px;
	margin: 10px 0 0 0;
	color: #939393;
	line-height: 17px;
}

#contact  form {
	display: block;
	width: 440px;
	float: left;
	margin: 0 20px 0 4px;
}

#contact label {
	color: #8E8E8E;
	font-size: 12px;
	display: block;
	margin: 15px 0 8px 0;
	font-weight: bold;
}

#contact input, #contact textarea {
	padding: 7px 9px;
	color: #666;
	font-size: 12px;
	display: block;
	border: 1px #fff solid;
	background: #e1eef0;
	border-radius: 5px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px; 
	font-weight: bold;
}

#contact input:focus, #contact textarea:focus {
	border: 1px #eee solid;
	background: #fff;
	display: block;
}

#contact #submit_btn  {
	padding: 7px 35px;
	color: #6A93A5;
	background: #cde4e8;
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin: 15px 5px 0 0;
	float: left;
}

#contact #submit_btn:hover {
	background: #6A93A5;
	color: #cde4e8;
	cursor: pointer;
}

#contact #submit_btn:active,  #contact #reset_btn:active {
	background: #666;
	color: #fff;
}

#contact .error {
	display:block;
	color: #A50000;
}

a.pastlink {
	font-size: 11px;
	text-decoration: underline;
	display: block;
	margin: 0 0 15px 0;
}

.eventlist h2 {
	margin: 0 0 10px 10px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}

.eventlist p {
	margin: 0 0 25px 0;
}
.eventlist strong {
	margin: 0 0 10px 10px;
	color: #940D37;
	font-style: italic;
	display: block;
	font-size: 12px;
	
}

.eventlist h2.past {
	margin-left: 10px;
	font-size: 16px;
	color: #888;
	font-weight: bold;
}

.event-uc {
	font-style: normal;
	line-height: 1.2;
}

/** @end */
/** ------------------------------ */

/** @Footer*/
/** ------------------------------ */

div#footer {
	clear: left;
	width:957px;
	text-align: right;
}


.ftright{
	float: right;
	margin: 10px 0 0 0;
	text-align: right;
}

.ftleft p, .ftright p {
	color: #666;
	text-transform: uppercase;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 10px;
	margin: 5px 0 0 0;

}

#image {
	height:640px;
	width:640px;
	overflow:hidden;
	float: left;
	margin-top:10px;
	border-radius: 5px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
	margin-bottom: 40px;
	margin-left: 20px;
}

#thumbs {
	width: 150px;
	float: left;
	margin-left: 20px;
}

.thumb{
	float:left;
	margin-right:10px;
	margin-top:10px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 5px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
}

/** @end */
/** ------------------------------ */