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

/* RESETS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
/* END RESETS */


html { background: #333333 url(image/back-html.jpg) 0 -20px repeat; height:100%;}
body { 
	background: url(image/back-body.jpg) center 0 repeat-y; 
	height:auto; 
	min-height:100%; 
	font: 14px Helvetica, Verdana, Arial, sans-serif;
	line-height: 20px;
	color:#CCCCCC;
	}
#graphic { background:url(image/back-topbrick.jpg) center 0 no-repeat; }
.wrapper {
	max-width: 940px;
	margin: 0px auto;
	text-align: left;
	min-width:780px;
}
#header {
	height: 200px;
	background:url(image/logo-cru.gif) 10px 10px no-repeat;
}
#headtext {
	height:140px;
	padding: 10px 10px 0 0;
	text-align:right;
}
#headtext h1 {
	font-size:32px;
	line-height:36px;
	font-weight:bold;
	text-shadow: 1px 3px 4px #000;
}
#headtext h2, #mainContent h1, #sidebar h1 {
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	text-shadow: 1px 2px 3px #000;
}
#headtext .spacer { margin-top:10px; }
.motto {
	font-style:italic;
	letter-spacing:1px;
	margin-top: 10px;
	text-shadow: 1px 2px 2px #000;
}


.heightfix { margin-bottom: -2000px; padding-bottom: 2000px; }

#sidebar {
	width: 220px;
	text-align:left;
	margin:0px auto;
}
#mainContent {
	font-size: 13px;
	width: 540px;
	text-align:left;
	margin:0px auto;
}
.postWrap { margin: 0 0 0 10px;}
#fullContent h2, #mainContent h2 {
	font-size:16px;
	font-weight: bold;
	margin: 4px 0 10px -5px;
	text-shadow: 1px 2px 2px #000;
}

/* FORMS */
form br { font-size:1px; line-height:1px; }
.bigbutton { text-align:center; margin-top:12px;}
textarea, input, select { font-size: 11px; }

#frm520 { width: 520px; text-align:left; color:#FFFFFF; margin:5px 4px;}
#frm520 label {display:block; font-weight:bold; margin-bottom:5px;}
#frm520 .left23 { float:left; width:300px;}
#frm520 .right13 {float: right; width:200px; }
#frm520 .input23 { width:280px; }
#frm520 .input13 { width:190px; }

#sideform { width: 180px; text-align:left; color:#FFFFFF; margin:5px 4px;}
#sideform label {display:block; font-weight:bold; margin-bottom:5px;}
#sideform .stdwidth { width: 160px; }

/* CALENDAR */

#calendar {
	/* font-size: 8pt; */
}
#calendar .firstrow {
	vertical-align:middle;
	background-color:#000000;
	font-size:14px;
	font-weight:bold;
	padding:4px 0 4px 0;
}
#calendar .head {
	vertical-align:middle;
	background-color:#666666;
	font-size:11px;
	font-weight:bold;	
}
#calendar a {
	display:block;
	width:100%;
	height:100%;
	line-height:25px;
}
#calendar .normal, #calendar .weekend, #calendar .today, #calendar .selected, #calendar .event {
	height: 25px;
	vertical-align:middle;
}

#calendar .normal {
	/* color: #000000; 
	height: 25;*/
}
/* 
#calendar .weekend {
	color: #cccccc;
	height: 25;
} */
#calendar .today {
	font-size:19px;
	font-weight:bold;
	/* color: #FFFFFF;
	background-color: #CACACA;
	height: 25; */
}
#calendar .selected {
	background:url(image/cal-selected.gif) 0 0 no-repeat;
	/* color: #FFFFFF;
	background-color: #C00000;
	height: 25; */
}
#calendar .event {
	background-color: #66FF66;
	/* color: #000000;
	height: 25; */
} 



/* LISTS */
#mainContent li {
	list-style-position:outside;
	list-style-type:none;
	margin-left:10px; 
	padding-left:35px;
	margin-bottom:10px;
	background: url(image/list-bullet.gif) left 4px no-repeat;
	}
#fullContent p, #mainContent p { padding: 0 0 16px 0; }

blockquote { margin: 0 10px 0 10px; padding-left: 30px; }
.quote { background: transparent url(image/blockquote1.gif) no-repeat; }
.question { background: transparent url(image/blockquote2.gif) no-repeat; }
.answer { background: transparent url(image/blockquote3.gif) no-repeat; }


#footer {
	width: 100%;
	margin-top:20px;
	height: 220px;
	background: url(image/back-footer.gif) center 0 no-repeat;
}
.footspace {
	width:70px;
	line-height:20px;
	float:left;
	text-align:center;
	margin: 0px auto;
}
#footer-text {
	text-align:center;
	font-size:11px;
	line-height: 14px;
	margin: 0 100px 0 100px;
}

.clearfloat { clear: both; line-height:1px; }


/* NAVIGATION */
a { color:#0099cc; text-decoration: none; }
a:hover { color:#66FF00; text-decoration:underline; }

.calLink {
	font-size: 11px;
	line-height:13px;
	font-weight:bold;
}

/* SIDEBAR PIC LINKS */
#sidebar .piclink {
	display: block;
	width:170px;
	height:100px;
	margin-left:-10px;
}
/* IMAGE REPLACEMENTS FOR SIDEBAR PICTURE LINKS */
#sideShout { background: url(image/sidebar-icons.gif) 0 0 no-repeat; }
#sideShout:hover { background: url(image/sidebar-icons.gif) -170px 0 no-repeat; }
#sideShout:active { background: url(image/sidebar-icons.gif) -340px 0 no-repeat; }
#sideHealth { background: url(image/sidebar-icons.gif) 0 -100px no-repeat; }
#sideHealth:hover { background: url(image/sidebar-icons.gif) -170px -100px no-repeat; }
#sideHealth:active { background: url(image/sidebar-icons.gif) -340px -100px no-repeat; }
#sidePhoto { background: url(image/sidebar-icons.gif) 0 -200px no-repeat; }
#sidePhoto:hover { background: url(image/sidebar-icons.gif) -170px -200px no-repeat; }
#sidePhoto:active { background: url(image/sidebar-icons.gif) -340px -200px no-repeat; }


/* MENU NAVIGATION STYLES */
#nav { height:74px;margin:0 15px 0 0; }
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav a {
	display: block;
	width: 100px;
	height: 74px;
	font-size: 14px;
	font-weight:bold;
	padding: 0;
}
#nav li {
	float: left;
	padding: 0;
	width: 100px;
	list-style:none;
}
/* HIDE TOP LEVEL ELEMENTS */
.hidetxt { text-indent:-9999px; }


/* IMAGE REPLACEMENTS FOR TOP LEVEL ELEMENTS */
#lnkHome { background: url(image/pagelinks.gif) 0 0; }
#lnkHome:hover { background: url(image/pagelinks.gif) 0 -74px; }
#lnkHome:active { background: url(image/pagelinks.gif) 0 -148px; }
#lnkAbout { background: url(image/pagelinks.gif) -100px 0; }
#lnkAbout:hover { background: url(image/pagelinks.gif) -100px -74px; }
#lnkAbout:active { background: url(image/pagelinks.gif) -100px -148px; }
#lnkPeople { background: url(image/pagelinks.gif) -200px 0; }
#lnkPeople:hover { background: url(image/pagelinks.gif) -200px -74px; }
#lnkPeople:active { background: url(image/pagelinks.gif) -200px -148px; }
#lnkPlace { background: url(image/pagelinks.gif) -300px 0; }
#lnkPlace:hover { background: url(image/pagelinks.gif) -300px -74px; }
#lnkPlace:active { background: url(image/pagelinks.gif) -300px -148px; }
#lnkEvent { background: url(image/pagelinks.gif) -400px 0; }
#lnkEvent:hover { background: url(image/pagelinks.gif) -400px -74px; }
#lnkEvent:active { background: url(image/pagelinks.gif) -400px -148px; }
#lnkMedia { background: url(image/pagelinks.gif) -500px 0; }
#lnkMedia:hover { background: url(image/pagelinks.gif) -500px -74px; }
#lnkMedia:active { background: url(image/pagelinks.gif) -500px -148px; }
#lnkYouth { background: url(image/pagelinks.gif) -600px 0; }
#lnkYouth:hover { background: url(image/pagelinks.gif) -600px -74px; }
#lnkYouth:active { background: url(image/pagelinks.gif) -600px -148px; }

#nav li ul {
	position: absolute;
	height: auto;
	width: 130px;
	left: -999em;
	background-color:#000000;
	border: 1px #006699 solid;
	margin:-10px 0 0 -15px;
	padding-top: 4px;
	padding-bottom: 6px;
}
#nav li ul a {
	font-size: 12px;
	width: 130px;
	height: 18px;
	margin:0px auto;
	text-align:center;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
/* fix for IE7 menu not disappearing on mouseout */
#nav li:hover, #nav li.sfhover {  
    position: static;  
}