@charset "utf-8";
/* --- reset all of these elements ----*/
html,body,div,span,object,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,img,ol,ul,li,
fieldset,form,label,legend,
table,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
}
/* ---- define focus styles ----- */
:focus{
outline:0;
}
/* ------ set base font size,and force scrollbar on non IE browsers to avoid page jump ------- */
/* ------ Note: using 62.5%, 1em = 10px   (1.2em = 12px, 1.4em = 14px, etc) -------*/
html{
font-size:62.5%;
margin-bottom:.01px;
min-height:100.2%;
}
/* ---------define body - set base fonts 
* note: text align center maintains older IE centering ---*/
body{
text-align:center;
line-height:1;
background-color:#000000;
/* site: set font, background image */
font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
background-repeat:repeat-x;
background-image:url(../img/CEBA_vertbgrd_10x800.jpg);

}

/* ------ define wrapper, center with auto margins, set base page width
* note: text align left fixes text within body which is centered------- */
#wrapper{
margin:0 auto;
text-align:left;
/* site: set width */
width:960px;
}

/*---------------------------------------
 *           PAGE  ELEMENTS
 * ------------------------------------ */


/* ------------ LINKS --------------- */
a:visited,a:active,a:link{
color:rgb(182,82,7);
outline: none;
text-decoration:underline;
}
a:hover{
outline: none;
color:rgb(82,74,86);
text-decoration:none;
}
/* -- no hover attributes on linked images --*/
a:visited img, a:link img, a:active img, a img, a:hover img{
background: none !important;
border:none !important;
text-decoration:none;
}
/* -- nohover.js adds the nohover class --*/
a.nohover, a.nohover:link, a.nohover:visited, a.nohover:hover, a.nohover:active{
background:none !important;
text-decoration:none;
}
/* ---------- STANDARD ELEMENTS -------- */
/* --- site: set header font --- */
h1, h2, h3, h4, h5, h6{
font-family: Calibri,"Trebuchet MS",Arial,sans-serif;
}
h1{
font-size:1.6em;
font-weight:900;
text-align:center;
}
#mainCol h1{
color:#B16C33;
text-align:left;
font: bold 2em Georgia, "Times New Roman", Times, serif;
margin:0 10px;
}
#mainCol h1 span{
font-size:1.2em;	
color:#6D6D6D;
}

#rightCol h1{
color:#232323;
line-height:1.2em;
}
h2{
font-size:1.4em;
font-weight:900;
text-align:center;
}
#mainCol h2{
color:rgb(82,74,86);
text-align:left;
font: bold 1.6em/1.6em Georgia, "Times New Roman", Times, serif;
margin:0 10px 11px 10px;
border-bottom:1px solid #FFE57A;
}
#rightCol h2{
color:#232323;
line-height:1.2em;
font-size:15px;
}
h3{
font-size:1.4em;
font-weight:900;
text-align:center;
}
#mainCol h3{
	color:#85542C;
	text-align:left;
	font: bold 1.4em/1.4em Georgia, "Times New Roman", Times, serif;
	margin:0 10px;
}
#mainCol h3 span.newsDate{
	font-size:13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000;
	}
#mainCol h3 a{
	text-decoration:none;	
	color:#85542C;
}
#mainCol h3 a:hover{
	text-decoration:underline;	
	}
#rightCol h3{
color:#232323;
line-height:1.2em;
}
h4{
font-size:1.2em;
font-weight:900;
text-align:center;
}
#rightCol h4{
color:#232323;
text-align:left;
}
h5{
font-size:1.2em;
font-weight:100;
text-align:left;
}
h6{
font-style:oblique;
font-weight:100;
text-align:center;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active{
	text-decoration:none;
}
p{
font: 1.2em/1.6 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Verdana, Arial, Helvetica, Geneva, sans-serif;
text-indent:0;
}
#leftCol p{
margin:0 5px 0 0;
text-align:left;
}
#mainCol p{
margin:0 10px 10px 10px;
font-size: 1.3em;
line-height: 1.6;
}
#mainCol table p{
	font-size:1em;
}
#mainCol p strong.goal {
font-size: 15px;
font-weight: bold;
color: rgb(74,15,9);
}
#mainCol h1+p,
#mainCol h2+p,
#mainCol .cycleWrap + p{
	margin-top:5px;
}
#rightCol p{
text-align:left;
font-size:13px;
}
ul{
font-size:1.2em;
}

/* -----------TABLES---------*/
table{
border-collapse:collapse;
border-spacing: 0; 
margin:10px auto;
font-size:12px;
}
th{
font-weight:900;
text-align:center;
background-color:#000040;
color:#FFF;
padding:6px 0 2px 0;
border-bottom:2px solid #004EA0;
}
td{
text-align:left;
padding:5px 2px 3px 12px;
}
table#searchResults{
margin:6px 0;
}

/* --------- FORM ELEMENTS ----------------- */
fieldset{
padding:3px;
width:420px;
margin:3px 20px 20px;
border:1px solid #eee;
}
label{
width:120px;
float:left;
text-align:right;
margin:8px 6px 0 6px;
font-size:12px;
line-height:1.4em;
}
form div.error, form div.warning{
color:#990000;
float:none;
clear:both;
padding:5px 0 5px 134px;
text-align:left;
font-size:1.2em;
font-style:italic;
}
input.error, input.warning, textarea.error, textarea.warning, select.error, select.warning{
border:1px solid #990000;
}
label.required{
font-weight:900;
}
legend{
padding:3px 8px;
margin:2px 67px;
border:none;
color:#B3703B;
font-weight:900;
font-size:14px;
}
input,textarea,select{
margin:10px 6px 0 6px;
padding:1px;
border:1px solid #bfbfbf;
color:#232323;
background-color:#FFFFFF;
font-family:sans-serif;
}
input[type=image]{
	border:none;
}
select{
cursor:pointer;
}
td input,td textarea,td select{
margin:0 6px 6px 6px;	
}
textarea{
font-size:12px;
}
input[type=checkbox]{
border:none;
}
input.submitButton{
padding:4px 5px;
border:1px solid #AC7137;
color:#FFF;
font-weight:900;
cursor:pointer;
background-color:#B26F3A;
margin:12px 0 12px 0;
}
#searchForm input.submitButton{
margin:0;
}
.formResponse{
padding:45px;
height:240px;
font-size:1.4em;
}
.formResponse a{
text-decoration:none;
}
.formResponse a:hover{
text-decoration:underline;
}

/* ---------- TOP NAVIGATION MENU ---------- */
ul.topNav{
z-index:10000;
padding:4px 0 0 12px;
font-size:14px;
}
ul.topNav li{
list-style-type:none;
text-indent:0;
margin:1px 0;
padding:0;
float:left;
display:block;
}
ul.topNav li a{
padding:6px 15px 7px;
line-height:2.05em;
height:28px;
text-decoration:none;
border-left:1px solid #232323;
}
ul.topNav li a:link,ul.topNav li a:visited,ul.topNav li a:active{
color:#232323;
}
ul.topNav li a:hover,ul.topNav li a.currentLink:hover{
background-color:#EEEEEE;
color:#232323;
}
ul.topNav li a.currentLink{
color:#FFFFFF;
background-color:#232323;
}
ul.topNav li a.firstLink{
border-left:none;
}

/* ---------- SIDE NAVIGATION MENU ---------- */
ul.sideNav{
z-index:10000;
margin:24px 0 20px 0;
}
ul.sideNav li{
list-style-type:none;
text-indent:0;
margin:1px 0;
}
ul.sideNav li a{
display:block;
margin:1px 0;
padding:4px 0px 1px 5px;
border-bottom:1px solid #FFFEFC;
line-height:1.2em;
text-decoration:none;
font: bold 1.24em/2.1em Georgia, "Times New Roman", Times, serif;
}
ul.sideNav li a:link,ul.sideNav li a:visited,ul.sideNav li a:active{
color: #212121;
}
ul.sideNav li a:hover {
color:#6D6D6D;
/*background-color:#232323;*/
}
ul.sideNav li a.currentLink{
border-bottom:1px solid #EDD3BA;
color:#AF6E36;
}

ul.sideNav li a.currentLink:hover{
color:#6D6D6D;
}

/*--------------------------------------------- 
 *                           LAYOUT 
 * ---------------------------------------------- */

/* ----------- HEADER ----------*/
#header{
background-image:url(../img/CEBA_head_960x180.jpg);
background-repeat:no-repeat;
height:180px;
background-color:#fdfcfa;
}
#header a{
text-decoration:none;
}
#header #logoLink{
/* site: set width and height of linked blank img in header */
width:940px;
height:110px;
}
/* --------- turn off print header for screen pages ---------*/
#printHeader{
display:none;
}

#header, #navBar, #footer{
	background-repeat:no-repeat;
}
/*------------ navigation menu bar -------------*/
#navBar{
/* site: navbar height, bgrd image, color, etc */
display:none;
}
/* --------- CONTENT (contains all columns) --------- */
#content{
background-image:url(../img/CEBA_bodybgrd_960x10.jpg);
background-repeat:repeat-y;
/* site: set background color here as needed */
background-color:#FFF;
clear:both;
}
/* -----  clear prop (div class="clearProp") makes content div clear the columns it contains --- */
#content .clearProp{
clear:both;
height:.01px;
width:100%;
}
/*----------- COLUMN DEFAULTS: 
 * specific widths set below according to body class 
 * --------- */
#leftCol, #mainCol, #rightCol{
float:left;
}

/* ------- COLUMN LAYOUTS: 
 * note: padding is applied to 'inside' divs, not columns directly
 * ------- */

/* site: set column widths as needed for each page layout */

/* -------- ONE COLUMN page layout (oneCol) ----------*/
.oneCol #mainCol{
width:960px;
}
.oneCol #mainCol .inside{
padding: 10px;
}
.oneCol #leftCol{
display:none;
}
.oneCol #rightCol{
display:none;
}

/* -------- TWO COLUMN LEFT page layout (twoCol OR twoColLeft) ----------*/
.twoCol #mainCol, 
.twoColLeft #mainCol{
	width:780px;
}
.twoCol #mainCol .inside,
.twoColLeft #mainCol .inside
{
padding:10px;
}
.twoCol #leftCol, 
.twoColLeft #leftCol{
	width:180px;
}
.twoCol #leftCol .inside,
.twoColLeft #leftCol .inside
{
padding:0 10px;
}
.twoCol #rightCol,
.twoColLeft #rightCol{
display:none;
}

/* -------- TWO COLUMN RIGHT page layout (twoColRight) ----------*/
.twoColRight #mainCol{
	width:780px;
}
.twoColRight #mainCol .inside
{
padding:10px;
}
.twoColRight #leftCol{
display:none;
}
.twoColRight #rightCol{
	width:180px;
}
.twoColRight #rightCol .inside
{
padding:0 10px;
}

/* -------- THREE COLUMN page layout ----------*/
.threeCol #mainCol{
width:570px;
}
.threeCol #mainCol .inside{
padding:10px;
}
.threeCol #leftCol{
width:180px;
/*background: url(../img/CEBA_sidenavbgrd_160x570.jpg) top center no-repeat;*/
}
.threeCol #leftCol .inside{
padding:0 10px;
}
.threeCol #rightCol{
width:210px;
}
.threeCol #rightCol .inside{
padding:0 10px;
}

/* ---------- FOOTER ----------*/
#footer{
/* site: set footer height, background image, color */
height:40px;
clear:both;
background-image:url(../img/CEBA_footer_960x40.jpg);
background-repeat:no-repeat;
background-color:#f4f4f4;
}
#footer p{
text-align:center;
}
/* --------- footLinks -------- */
/* site: padding, position, size, color, etc */
#footLinks{
padding:8px 0 0 82px!important;
font-size:1em;
text-align:center;
}
#footLinks .footLinksList li{
list-style-type:none;
display:block;
float:left;
}
#footLinks a{
margin:0 28px!important;
text-decoration:none;
}
#footLinks a:link,#footLinks a:visited,#footLinks a:active{
color:rgb(74,15,9);
text-decoration:none;
}
#footLinks a:hover{
color:rgb(182,82,7);
text-decoration:none;
}
/*----------- CREDITS ----------*/
/* site: padding, position, size, color, etc */
#credits{
	margin:12px 0;
}
#credits .smallPrint{
color:#676767;
font-size:10px;
}
#credits .smallPrint a{
color:#676767;
text-decoration:none;
}
#credits .smallPrint a:hover{
color:#FFF;
text-decoration:underline;
}


/*----------- MISC. CLASSES ----------*/
.alignleft{
text-align:left;
}
.alignright{
text-align:right;
}
.boldText{
font-weight:bold;
}
.centered{
	text-align:center;
}
.clear{
clear:both;
}
.dropCap{
float:left;
padding:4px 1px 4px 0;
font:34px/20px Verdana,Arial,Helvetica,sans-serif;
}
.dropCapFollow{
padding:0 2px 0 0;
font:900 1.2em/1em Verdana,Arial,Helvetica,sans-serif;
}
.errorMessage, #content p.errorMessage{
font-weight:900;
text-align:center;
padding:22px 8px;
}
.floatLeft{
float:left;
}
.floatRight{
float:right;
}
img.floatLeft{
margin-right:12px;
margin-left: 10px;
margin-bottom:12px !important;
}
img.floatRight{
margin:8px 10px 12px 12px; 
}
.halfLeft{
float:left;
width:48%;
}
.halfRight{
float:right;
width:48%;
}
.qtrLeft{
float:left;
width:24%;
}
.qtrRight{
float:right;
width:24%;
}
select.goList{
float:right;
margin:8px 12px;
clear:both;
}
.hr{
border-bottom:1px solid #004080;
clear:both;
}
.mapBox{
margin:18px;
border:1px solid #004080;
}
.mapControls{
text-align:center;
padding:8px;
font-size:1.2em;
}
.mapControls a{
margin:0 8px;
}
.pageLinks{
	text-align:center;
	padding:2px 12px;
	font-size:13px;
}
.pageLinks a{
	margin:0 3px;
	
}

.pullQuote{
display:block;
padding:15px 0px 15px 10px;
margin:10px 30px;
border-top:1px solid rgb(205,179,124);
border-bottom:1px solid rgb(205,179,124);
}
.pullQuote p {
margin: 0!important;
text-align: justify;
font-style: italic;
}
.pullQuote p+p {
margin-top: 10px!important;
}
.searchMatch{
background-color:#FFFFCC;
}
.searchRenew, a.searchRenew{
float:right;
width:140px;
font-weight:900;
font-size:1.2em;
}
.searchTitle, a.searchTitle{
font-weight:900;
}
.searchURL, a.searchURL{
text-decoration:none;
padding-left:8px;
}
.seoText,p.seoText,#content p.seoText{
font-size:1em;
line-height:1em;
color:#EEEEEE;
}
.seoText a,#content .seoText a,
#content .seoText a:visited,
#content .seoText a:hover{
color:#EEEEEE;
text-decoration:none;
}
.smallPrint{
font-size:10px;
padding:0 12px;
text-indent:0;
}
.standOut{
	padding:3px 12px;
	background-color:#f4f4f4;
	margin:7px 0;
	text-align:center;
	font-size:1.4em;
	line-height:1.4em;
}
.standOut a{
	font-weight:100;
	margin:0 11px;
	text-decoration:none;
}
.standOut a:hover{
	text-decoration:underline;
	}
.topSpace{
margin-top:10px;
}


/* ---- side boxes ---- */
.sideBox{
/*border:1px solid rgb(179,112,57);*/
margin:4px 4px 8px 4px;
padding:5px 0;
background-color:#FFF;
}
.sideBox h2{
text-align:left;
border-bottom:1px dotted #D1D1D1;
padding: 3px 0;
font-size:13px;
font-weight:100;
letter-spacing:.1em;
font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
}
.sideBox p, .sideBox ul, .sideBox ol {
font: 1.2/1.4 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', LucidaSans, Arial, Helvetica, Verdana, Geneva, sans-serif;
}
.sideBox p+p {
margin-top: 0.6em;
}
.sideInside{
margin:3px;
background-color:#FFF;
/*border:1px solid rgb(204,179,124);*/
padding:4px;
}
#rightCol .sideAlt{
background-color:#F4F4F4;
}
.sideBox ul li{
list-style:none;
font-size:1em;
line-height:1.3em;
margin-bottom:3px;
font-weight:100;
}

#siteSearch {
}

/* ---- additional elements --- */
img,#header a img,body #content a img{
border:none;
}
#credits, #credits p.centered,#content p.centered{
text-align:center;
}
/* elements hidden when css is in use, shown otherwise */
.hideField, #mainContentLinks{
display:none;
}

/* --- CMS ---*/



/* News, links & events styles */

div#events {	
	margin: 10px 10px 20px 0;
}

h2.eventsTitle,
h2.linksTitle,
h2.newsTitle{
	padding:6px 10px 2px 43px;
	background-position:2px center;
	background-repeat:no-repeat;
	margin-top:16px;
	font-size:1.6em;
	font-weight:900;
	margin-bottom:22px !important;
}
h2.eventsTitle{
	background-image:url(../img/icon_events.jpg);	
}
h2.newsTitle{
	background-image:url(../img/icon_news.jpg);	
}
h2.linksTitle{
	background-image:url(../img/icon_links.jpg);	
}
div#events div.event{
	padding:10px;
}

div#events .event .date {
	font-weight: bold;
	color: ;
}
#news h3{
	color:#85542C;
}
div#events p{
	margin-bottom:0;
}
.sideBox p.eventTitle{
	line-height:1.2em;
	margin:0 0 6px 0;
}
.sideBox p.eventTitle a{
	text-decoration:none;
	color:#000;
	}
.sideBox p.eventTitle a:hover{
	color:#B65207;
	}
.sideBox p.date a{
	text-decoration:none;
	}
.sideBox p.date a:hover{
	color:#B65207;
	}

.newsBody{
	margin-top:15px;
}
.newsItem + .newsItem{
	margin-top:22px;
}

.newsItem a img, .event a img{
	border:2px solid #CCB37C !important;
	max-width:320px;
	}
#about-page ul li img{
		border:2px solid #CCB37C !important;
}	
.deptInfo{
	padding-top:12px;
}
.photoCol{
	float:right;
	width:220px;
}

.deptInfo a img{
	border:2px solid #CCB37C !important;
	max-width:180px;
}
.deptMedia{
	margin:9px 6px 23px 12px;
	float:left;
	width:310px;
}
.event .newsBody > img{
	max-width:240px;
}
.newsItem .smallPrint, .event .smallPrint{
	font-size:12px;
	padding-left:23px;
}
.newsItem .smallPrint a:link,
.newsItem .smallPrint a:visited,
.newsItem .smallPrint a:active
{
text-decoration:underline;
}

.newsItem .smallPrint a:hover{
text-decoration:none;
}
#mainCol p.detailsLink{
	margin:0 11px 0 0 ;	
	font-size:14px;
	text-align:right;
}
#rightCol p.contactDetails{
	line-height:1.3em;
}

#links{
	margin-bottom:23px;
}
#links p{
	margin-bottom:0;
}
#links p.detailsLink{
	margin-top:13px;
}
.linkBody{
	margin:7px 0 11px 0;
	}
.linkBody a img{
	margin-top:6px;
}
#links h3 span.subHead{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:100;
}