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

body {
	background-color: #FBFBEA;
	margin: 0 auto;
}
#wrapper {
	margin: 0 auto;
	width: 760px;
}
p {
	margin-bottom: 11px;
	margin-top: 5px;
}
ul {
	padding-left: 24px;
	margin-bottom: 11px;
	margin-top: 5px;
}
ol {
	padding-left: 24px;
	margin-bottom: 11px;
	margin-top: 5px;
}
input {
	margin-bottom: 6px;
	z-index: -1;
}
form {
	z-index: -1;
}
select {
	z-index: -1;
}
a {
	color: #306B7D;
	font-weight: bold;
	text-decoration: underline;
}
a.current, a.current:hover {
	color: #444;
	font-weight: 600;
	text-decoration: underline;
	/*cursor:default;*/
}
a.blocked {
	background-image:url(images/tree/block16.gif);
	background-position:right;
	background-repeat:no-repeat;
	overflow:hidden;
	padding-right: 20px;
	font-style:italic;
	cursor:default;
}
a.blocked:hover {
	text-decoration:line-through;
}

/* klugy hack */
#ieSuppress { display: none; }

#top {
	width: 760px;
}
#topnav {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 13px;
	padding-top: 14px;
	padding-bottom: 5px;
	padding-right: 15px;
	color: #980032;
	font-weight: bold;
}
#topnav a {
	text-decoration: none;
	color: #980032;
}
#topnav a:hover {
	text-decoration: underline;
	color: #980032;
}
.forceclear {
	clear: both;
}
#header {
	width: 730px;
	padding: 15px;
	min-height: 75px;
}
#headerleft {
	width: 365px;
	float: left;
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#headerleft img {
	padding-right: 14px;
	text-align: left;
}
.headerlogotext {
	font-size: 21px;
	line-height: 23px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 3px;
	padding-bottom: 10px;
	font-weight: normal;
}
#headerright {
	width: 365px;
	float: right;
	text-align: right;
	color: #000000;
	padding-top: 6px;
	font-size: 16px;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
.headerrightspan {
	text-align: right;
	color: #000000;
	font-size: 14px;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
#headerright a {
	text-decoration: underline;
	font-weight: normal;
	color: #000000;
}
.indexdivider {
	background-image:   url("images/indexdivider.gif");
	background-repeat: repeat-x;
	height: 16px;
}
#indexheadline, .IndexHeadLine {
	background-color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 28px;
	color:#333333;
	text-align: center;
	font-weight: normal;
	padding: 12px 10px 12px 10px;
}
#subspace {
	height: 100px;
}
#contentarea, .ContentArea {
	margin-top: 8px;
}
#contentareasub, .ContentAreaSub {
	margin-top: 14px;
}
#leftcol, .LeftCol {
	width: 148px;
	float: left;
}
/* LeftCol suppression */
#leftcol.NoLeftCol {
	width:0;
	display:none;
}

#centercol, .CenterCol {
	margin-left: 148px;
	width: 405px;
	padding: 12px 26px 5px 26px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	min-height:500px;
}
#centercol img, .CenterCol img {
	border: 6px solid #FFFFFF;
	float: right;
	margin: 0px 0px 6px 10px;
}
#centercol img.leftsideimage, .CenterCol img.LeftSideImage {
	border: 6px solid #FFFFFF;
	float: left;
	margin: 0px 10px 6px 0px;
}
#centercol img.nofloat {
	float:none;
	margin:0;
	border:none;
}

#centercolwide, .CenterColWide {
	margin-left: 148px;
	padding: 12px 0px 5px 26px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	min-height:500px;
}
#centercolwide.NoLeftCol {
	margin-left:0;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	line-height: 32px;
	margin-bottom: 14px;
	color: #980032;
	font-weight: normal;
}
h2 {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
	color: #980032;
	font-weight: normal;
}
h2 a, h2 a:hover {
	color: #980032;
	text-decoration: underline;
	font-weight: normal;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	line-height: 26px;
	margin-bottom: 16px;
	color: #980032;
	font-weight: normal;
}
h4 {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 10px;
	color: #980032;
	font-weight: bold;
}
h5 {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 14px;
	color: #980032;
	font-weight: normal;
}
h6 {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 3px;
	margin-top: 10px;
	color: #980032;
	font-weight: bold;
}


/* Left Col */
#lcheader, .lcHeader {
	background-color: #E2E0D2;
	color: #443D36;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px;
}
#lccontent, .lcContent {
	background-color: #FFFFFF;
	color: #000000;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding: 10px 10px 14px 10px;
}

#lccontent p, .lcContent p {
	background-image:   url("images/lc_underline.gif");
	background-repeat: repeat-x;
	padding-bottom: 12px;
	background-position: bottom;
	margin-bottom: 8px;
}
#lcfooter, .lcFooter {
	background-color: #E2E0D2;
	color: #333333;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 6px 0px 6px 10px;
}
#lcfooter a, .lcFooter a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
#lcfooter a:hover, .lcFooter a:hover {
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}
#lccontentlegend, .lcContentLegend {
	width: 148px;
}
.lcContentLegend .resource {
	
}
.contentAdults {
	background-image:url("images/button_adult.gif");
}
.contentParentsAdults {
	background-image:url("images/button_parent_adult.gif");
}
.contentChildren {
	background-image:url("images/button_children.gif");
}
.contentParentsChildren {
	background-image:url("images/button_parent_children.gif");	
}
.contentTeens {
	background-image:url("images/button_teen.gif");
}
.contentParentsTeens {
	background-image:url("images/button_parent_teen.gif");
}
.contentEducators {
	background-image:url("images/button_educators.gif");
}
.contentEveryone {
	background-image:url("images/button_everyone.gif");
}
.contentProfessional {
	background-image:url("images/button_professional.gif");
}




#lccontentlegendleft, .lcContentLegendLeft {
	width: 21px;
	float: left;
	margin-bottom: 14px;
}
#lccontentlegendright, .lcContentLegendRight {
	width: 121px;
	float: right;
	background-color: #FFFFFF;
	color: #5C5849;
	background-image:   url("images/event_legend_bkg.gif");
	background-repeat: repeat-x;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 5px;
	text-transform: uppercase;
}
#lccontentlegendright p, .lcContentLegendRight p {
	margin-bottom: 10px;
	margin-top: 4px;
}
#lccontentsub, .contentSub {
	background-color: #FFFFFF;
	color: #000000;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding: 10px 10px 14px 10px;
	margin-bottom: 14px;
}
#lccontentsub .current {
	font-weight:bold;
}

#lccontentsub p {
	background-image:   url("images/lc_underline.gif");
	background-repeat: repeat-x;
	padding-bottom: 8px;
	background-position: bottom;
	margin-bottom: 4px;
}


#lccontentsub a {
	color: #000000;
	text-decoration: none;
	font-weight:normal;
}

#lccontentsub a:hover {
	text-decoration: underline;
}
#lccontentsub ul {
	background-image:   url("images/lc_underline.gif");
	background-repeat: repeat-x;
	padding-bottom: 8px;
	background-position: bottom;
	margin-bottom: 4px;
	margin-top: 6px;
	margin-left: 0px;
	padding-left: 24px;
}


/* ALTERNATE */

/* #lccontentsub ul ul */
#leftcol .contentSub ul ul {
	padding-bottom: 0px;
	margin-bottom: 2px;
	background-image: none;
	margin-top: 2px;
	margin-left: 0px;
	padding-left: 14px;
}

/* #lccontentsub li */
#leftcol .contentSub ul li {
	list-style-image:   url("images/lc_bullet.gif");
	padding-bottom: 4px;
	padding-left: 0px;
	margin-left: 0px;
}

/* use .contentSub > li instead of #lccontentsub > p */
#leftcol .contentSub > li {
	list-style:none;
	background-image:   url("images/lc_underline.gif");
	background-repeat: repeat-x;
	padding-bottom: 8px;
	background-position: bottom;
	margin-bottom: 4px;
}
#leftcol .contentSub > li:last-child {
	padding-bottom:0;
	margin-bottom:0;
	background-image:none;
}

/* #lccontentsub a */
#leftcol .contentSub a {
	color: #000000;
	text-decoration: none;
	font-weight:normal;
}
#leftcol .contentSub a.current, #leftcol .contentSub a.selected { 
	font-weight:bold; 
}

/* #lccontentsub a:hover */
#leftcol .contentSub a:hover {
	text-decoration: underline;
}
/* #lccontentsub ul */
#leftcol .contentSub ul {
	margin-bottom: 4px;
	margin-top: 6px;
	margin-left: 0px;
	padding-left: 24px;
}


/* #lccontentsub ul ul */
#leftcol .contentSub ul ul {
	padding-bottom: 0px;
	margin-bottom: 2px;
	background-image: none;
	margin-top: 2px;
	margin-left: 0px;
	padding-left: 14px;
}
/* #lccontentsub li */
#leftcol .contentSub ul li {
	list-style-image:   url("images/lc_bullet.gif");
	padding-bottom: 4px;
	padding-left: 0px;
	margin-left: 0px;
	background-image:none;
}


/* Right Col */
.rcheader {
	background-color: #E2E0D2;
	color: #443D36;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 10px;
}
.rcheader p {
    text-align: center;
    text-transform:none;
    
}

.rcheader p a.update {
    border: thin outset #1D414C;
    background-color: #306B7D;
    color:#fff;
    padding: 2% 5%;
    margin-left: -3px;
    margin-right: 0;
    text-decoration: none;
    font-size: 10px;
}
.rcheader p a.update:hover {
    border: thin inset silver;
    color: #306B7D;
    background-color: #efefef;
}
.rcheader form {
	margin: 0px;
	padding: 0px;
}
.rcheader a img {
	border: 0px;
}



.rcbluebox2 {
	margin-bottom: 10px;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	text-align: center;
	background-image:  url("images/rc_rollover.gif");
	background-position: top left;
	background-repeat: no-repeat;
	height: 66px;
}
.rcbluebox2 p {
	padding-top: 15px;
}

.rcbluebox2 a {
	font-weight: normal;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
.rcbluebox2 a:hover {
	text-align: center;
	background-image:  url("images/rc_rollover.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	vertical-align: middle;
	height: 66px;
	color: #FFFFFF;
}

#rightcol, .RightCol {
	width: 148px;
	float: right;
}
#rightcol fieldset {
    border: none;
    padding-left: 6px;
    margin-left: -10px;
}
#rightcol fieldset label {
    font-size: 10px;
    text-transform: none;
}
#eNewsletterSignupForm input[type='submit'] {
    margin-top: -4px;
}



/* Footer */
#footer {
	width: 760px;
	float: left;
	color: #443D36;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	padding-bottom: 10px;
}
.footerdivider {
	background-image:   url("images/indexdivider.gif");
	background-repeat: repeat-x;
	height: 16px;
	float: left;
	width: 760px;
}
#w3c-validate {
	float:left;
	margin: 0 auto;
}
#w3c-validate img {
	border:0;
	width:44px;
}
#footer .links {
	float:left;
	margin-left:1%;
	width:50%;
}
#footer .copyright {
	float:right;
	margin-right:1%;
}
#footer .sitemapLink {
	float:right;
	margin:0 10%;
	color:#980032;
	text-align:center;
	font-weight:bold;
	font-size:9pt;
	text-decoration:none !important;
	
/*	border: #690122 outset thin;
	padding:2px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
*/
}


/* Begin CSS Drop Down Menu */
#menuh {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	width: 760px;
	height: 30px;
	padding-bottom: 10px;
}

#menu {
	list-style-type:none;
	margin:0px; /* settings for this demo olnly */
	padding:0;
}
#menu li {
	display:block;
	float:left;
	position:relative;
	background-color: #980032;
	margin-right: 1px;
	height: 40px;
}
#menu li.menu1 {width: 68px;}
#menu li.menu2 {width: 130px;}
#menu li.menu3 {width: 125px;}
#menu li.menu4 {width: 85px;}
#menu li.menu5 {width: 90px;}
#menu li.menu6 {width: 105px;}
#menu li.menu7 {width: 85px;}
#menu li.menu8 {
	width: 65px;
	margin-right: 0;
	line-height: 30px;
}
#menu li span {
	display:block;
	padding: 5px;
}

#menu li a, #menu li a:visited {
	display:block;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}
#menu li:hover, #menu li a:hover {
	display:block;
	color: #FFFFFF;
	background-color: #690122;
	font-size: 12px;
	text-decoration: none;
}
#menu li:hover {
	height: 41px;
}
#menu li.menu8:hover {
	height: 40px;
}
#menu dl {
	white-space: nowrap;
	position:absolute;
	top:100%;
	left:0;
	margin: 0;
	padding: 0;
	z-index: 100;
}
#menu dl .multiline {white-space: normal;}
#menu dt {
	background-color: #980032;
	margin:0;
	font-size: 12px;
	float:left;
	border-right:1px solid #fff;
	z-index: 100;
}
#menu dd {
	display:none;
	background: transparent;
	clear:left;
	margin:0;
	padding:0;
	color: #fff;
	font-size: 12px;
	text-align:left;
	z-index: 100;
}
#menu dt a, #menu dt a:visited, #menu dt a:hover {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	background:#980032;
	display:block;
	font-size: 12px;
	text-transform: none;
	color:#FFFFFF;
	padding: 5px 10px;
	text-decoration:none;
}
#menu dd a, #menu dd a:visited, #menu dd a:hover {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	background:#980032;
	display: block;
	font-size: 12px;
	text-transform: none;
	color:#FFFFFF;
	text-decoration:none;
	padding: 5px 10px;
}
#menu li a:hover {
	border:0;
}
#menu li:hover dd, #menu li a:hover dd {
	display:block;
}
#menu li:hover dl, #menu li a:hover dl {
	border-bottom:4px solid #980032;
	background-color: #980032;
}

#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {
	background: #690122;
	color:#FFFFFF;
}
/* End CSS MENU */


/* #UpcomingEvent */
#upcomingevent {
	width: 400px;
	font-size: 12px;
}
#upcomingevent h1 {
	font-weight: normal;
	padding-top: 20px;
	background-image:  url("images/upcomingeventline.gif");
	padding-bottom: 10px;
	line-height: 17px;
	margin: 0px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
#upcomingevent img {
	float: right;
	padding-left: 6px;
	padding-bottom: 3px;
	border: 0px;
	margin: 0px;
}
#upcomingevent p {
	margin-bottom: 12px;
	margin-top: 5px;
}
.textbox {
	border:1px solid;
	padding: 10px;
	background-color: #FFFFFF;
}

/* .ReadingList */
.readinglist {
	width: 100%;
	margin: 14px auto auto;
}
.readinglist caption, .readinglist .caption {
	text-align: left;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #980032;
	font-weight: normal;
	padding: 0 0 10px;
	margin: 0;
}
.readinglist td {
	margin: 0;
	padding: 0;
}
.readinglist h5 {
	padding-top: 3px;
	margin-top: 5px;
	border-top: thin ridge #980032;
}


/* .BBoard */
.bboard th {
	border-bottom: solid 1px #CCCCCC;
	text-align: left;
	vertical-align: bottom;
	padding-top: 4px;
}
.bboard th a {
	text-decoration: none;
}
.bboard th a:hover {
	text-decoration: underline;
}
.bboard td {
	border-bottom: solid 1px #CCCCCC;
	text-align: right;
	font-size: 11px;
	font-style: italic;
	vertical-align: bottom;
	padding-top: 3px;
}

/* #Captcha */
#captcha {
	float: left;
	padding-top: 10px;
}
#captcha input {
	margin-bottom: 6px;
	z-index: 1;
}
#captcha form {
	z-index: 1;
}

/* Video Gallery */
.video {
	
}

.video .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14pt;
	margin-bottom: 1%;
	color: #980032;
	font-weight: bold;
}
.video .subtitle {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 12pt;
	margin-bottom: 2%;
	color: #980032;
	font-weight: bold;
}
.video .event {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #980032;
	font-size:11pt;
	font-weight:normal;
	font-variant:small-caps;
	margin-bottom:2%;
}
.video .duration {
	font-size:9pt;
}
.video a .duration {
	font-weight:normal;
	font-style:italic;
}
div.duration {
	padding-bottom:4px;
	margin-left:10px;
	font-weight:bold;
}
.video a .duration {
	float:right;
	margin-right:1%;
}
.video .public, .video .members {
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-position:top center;
	float:right;
	margin-top:-10px;
	
}
.video .public {
	background-image: url("images/button_public.gif");
}
.video .members {
	background-image: url("images/button_members.gif");
}
.video .speaker {
	font-size:11pt;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.video .description {
	font-size:10pt;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	padding:3px 8px;
}
.video .notes {
	color:#444;
	font-size:9pt;
	font-style:italic;
	padding-left:4px;
}
.video .embed {
	padding-left:1.1em !important;
}
.video .embed, .video .multipart {
	margin-bottom:12px;
}
.video .part {
	
}





/* form validation error styles */
input.error, textarea.error {
	border: 1px solid #f00;
}
label.error, option.error {
	color:#f00;
}
.todo {
	background-color:#000;
	color:#0ff;
	padding:3px;
	font-family:Courier, Fixedsys, monospace;
}
.testmode {
	font-family:Courier, Fixedsys, monospace;
	font-size:12pt;
	padding:3px 10%;
	background-color: #609;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}