/*_________Reset_________*/


html,body,
h1,h2,h3,h4,h5,h6,p,blockquote,address,pre,cite,code,dfn,abbr,
acronym,kbd,a,samp,img,ins,i,b,u,strike,small,big,font,tt,q,dl,dt,dd,ul,ol
,li,applet,object,iframe,form,fieldset,label,legend,th,td,th,tbody,
tfoot,thead,tr,caption{font-size:100%;margin:0;padding:0;border:0;
outline:0;font-weight:normal;font-style:normal;text-decoration:none;}

:focus{outline:0;}

blockquote:before,blockquote:after,
q:before,q:after{content:"";}

blockquote,q{quotes:"" "";}

img{display: block;}






.events{border-bottom:1px dotted #333;
margin-bottom:12px}



body{
background-color:#ffffff;
font-size:62.5%;
line-height:1.4;
color:#333;
margin: 0px;
background-image:   url("../images/layout/header.jpg");
background-repeat:repeat-x;
font-family:verdana, Arial, Helvetica, sans-serif}










/*_________Basic Text_________*/


p{font-size:1.1em;
margin-bottom:12px}

h1, h2, h3, h4 {
font-size:1.4em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:orange;
margin-bottom:10px}

h2{
font-size:1.2em;
margin-bottom:4px
}

a{font-size:1.1em;}

p a{font-size:1em; color:orange;}

a:hover{text-decoration:underline}


/*_________Main Structure_________*/


#header{
width:880px;
height:140px;
margin-bottom:40px;
overflow:hidden}

#wrapper{
width:870px;
float:left;
margin-left:70px;
display:inline}

#menu{
width:150px;
float:left;
margin-right:10px}

#content-wrapper{
width:630px;
float:left;
margin-bottom:20px;}

#image-bar{
height:170px;
margin-bottom:30px;
border: solid 1px #dedede;
background-color:#f8f8f8;
width:628px;}

#main-content{
width:380px;
margin-bottom:0px;
float:left;
margin-right:30px}

#secondary-content{
width:220px;
float:left}










/*_________List Menus_________*/


#header ul{
float:right;
margin:0px;
margin-top:80px;
padding:0px;
list-style: none;
font-family:Arial, Helvetica, sans-serif}

#header ul li{
margin-right:20px; float:left; display:inline}

#header ul li a{
color:white;
text-decoration:none;
font-size:1.3em;
font-weight:bold}

#menu ul{
margin:0px;
padding:0px;
list-style: none;
font-family:Arial, Helvetica, sans-serif}

#menu ul li{
margin-bottom:3px}

#menu ul li a{
color:orange;
text-decoration:none;
font-size:1.4em;
font-weight:bold}

#menu ul li ul{
margin:1px 0px 5px 0px;}

#menu ul li ul li{
margin-left:15px;
margin-bottom:0px;}

#menu ul li ul li a{
font-size:1.3em;
font-weight:normal;
color:#999999}


#header a:hover,
#menu a:hover{text-decoration:underline}




/*_________Secondary Content_________*/


.ad-boxes{
background-color:#f8f8f8;
margin-bottom:20px;
border: solid 1px #dedede;
width:188px;
background-image:   url("../images/layout/upcoming-events-bg.jpg");
background-repeat:repeat-x;
padding:10px 15px 10px 15px;
font-family:Arial, Helvetica, sans-serif;}


#secondary-content img{
border: solid 1px #dedede;}




.ad-boxes p{
margin-bottom:5px}









































































#header img{position:absolute;
top:20px; left:30px}










#image-bar .image{
width:410px;
height:170px;
float:left}


#image-bar .justgiving{
width:218px;
height:170px;
float:left}


.home-quote{margin-bottom:20px}

.side-just-giving{margin-bottom:30px}

#menu p{margin-top:20px;
width:130px; font-size:1.0em;
color:#999}







ul{margin:0px 22px 12px 20px}




#main-content img{margin-bottom:10px}


















#anchors{
border-bottom: 1px solid #dedede;
border-top: 1px solid #dedede;
padding:10px 0px 0px 0px;
margin-bottom:15px}

#anchors a{
text-decoration:underline;
color:#333
}

#anchors a:hover{
color:orange
}