body {
background-color:#d7cfc9;
margin:0px auto;
color:#283748;
font:normal 10.5pt arial;
}

/* ----- MAIN STRUCTURE ----- */
#container {
width:1007px;
background-repeat:no-repeat;
margin: 0px auto;
}


#content {clear:both;
width:953px;
min-height:300px;
background-color:#ffffff;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}


#main {
width:602px;
float:left;
padding:0px 10px 0px 10px;
margin:0px 0px 0px 0px;
}


#sidebar {
width:310px;
float:right;
padding:0px 0px 0px 0px;
margin:15px 0px 0px 15px;
border-left:1px solid #f3ebe5;
}


#footer {
background-color:#f3ebe5;
width:953px;
margin-top:10px;
padding-top:20px;

}

/* ----- DETAIL AND TEXT STRUCTURE ----- */


h1 {
        font-style:normal;
        font-weight:bold;
	margin: 10px 10px 10px 10px;
        padding:5px;
        font-size:90%;
	letter-spacing: 0px;
	font-family:arial, sans serif;
	border-top:4px solid #cccccc;
	border-bottom:1px solid #cccccc;
        text-transform:uppercase;
       }


h2 {
        font-style:italic;
	margin: 10px 0px 10px 30px;
        font-size:120%;
	letter-spacing: 0px;
	font-family:times, serif;
       }



h3 {
        font-style:italic;
	margin: 10px 0px 10px 30px;
        font-size:150%;
	letter-spacing: 0px;
	font-family:times, serif;
        border:0px;
       }

h4 {
        font-style:normal;
        text-transform:uppercase;
	margin: 30px 0px 10px 5px;
        padding:5px;
        font-size:85%;
	letter-spacing: 0px;
	font-family:arial, sans serif;
        border:0px;
        display:block;
        width:260px;
        background-color:#f3ebe5;
       }


#footer p {
font-size:8pt;
margin:5px 25px 8px 30px;
font-style:italic;
}

p {

margin: 10px 30px 10px 30px;
}

#sidebar p {
font-size:9pt;
margin:5px 25px 8px 30px;
}

#sidebar img {margin-left:30px;}


#colorbox {
width:280px;
padding-top:5px;
padding-bottom:15px;
margin-left:10px;
background-color:#f3ebe5;
}

#colorbox h1 {
font-family:arial, san serif;
font-style:normal;
margin: 3px 7px 10px 7px;
padding:5px 7px;
font-size:100%;
letter-spacing: 0px;
border:0px;
display:block;
width:250px;
background-color:#e4dcd6;
float:left;
}
#colorbox p {
margin:10px 15px;
padding:0px;

}

#colorbox img {
margin:10px;
padding:0px;
float:left;
}

#colorbox ul {
margin:0px;
padding:10px 15px;

}

.newsletter {
background-color:#ffffff;
border:0px;
height:17px;
}




#events {
background-image:url(images/hands2.jpg);
margin:0px;
padding:0px;
height:266px;
width:602px;
border:0px;
}


#program-icons li

{
display:inline;
float:left;
padding:5px;
padding-bottom:15px;
list-style-type:none;
}

#program-icons a
{
text-decoration:none;
}

#program-icons img
{
border:3px solid #cccccc;
margin:0px;
}


/*----BEGIN NAVIGATION STYLES*/

/* navigation styles begin here with main list styling*/

#nav {      
	        display:inline;
		margin:0px 0px 0px 0px;
		padding:0px;
		background-color:#ebe4dd;
		width:953px;
		float:left;
                border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
                text-transform:uppercase;
                font-size:86%;
}

#nav li {list-style-type: none;}

#nav ul {
  
	margin:0px;
	padding:0px;
	list-style-type: none; 
	font:bold 1em/2 Arial, Helvetica, sans-serif;
}

/* navigation link styles*/

#nav  li {border-right:1px solid #ded6d0;border-bottom:0px;
}

#nav a {
	display: block;
	width:auto;
        margin:0px;
        padding:14px 9px 16px 9px;
        text-decoration:none;
        border:0px;
        font-weight:bold;
        color:#283748;
        text-align:left;
     	border:0px;
      
}

/* navigation link hover styles*/

#nav a:hover {
        background-color:#c7bfb9;color:#ffffff;
        
}


.sel a {background-color:#ffffff;}
.sel a:hover {background-color:#c7bfb9;color:#ffffff;}


/* navigation hiding the ul off the side of the screen */

#nav li ul {
	position: absolute;
	width: auto;
	left: -998em;
       
}

/* navigation list item position*/

#nav li {
	float: left;
	width: auto;
        
}

/* clearing second level list to line up on top of each other and aligning text center */
#nav li ul li { clear:both;text-align:center;width:134px;font-size:85%;border-top:1px solid #ded6d0;}


/* navigation second level list positioning */

#nav li:hover ul, #nav li.sfhover ul { left: auto;margin-top:0px;margin-left:0px;background-color:#ebe4dd;}


/* navigation second level link positioning*/
#nav li:hover ul a, #nav li.sfhover ul a{left: auto;line-height:15px;padding:7px 9px 7px 9px;}

/*---------- RSS Styles ------------*/

/* begin styles for RSS Feed 

     This is the most basic style to use for a list with no bullets */

.rss_box {
margin-left:25px;
width: 500px;
background-color: #ffffff;

}
 .rss_title, rss_title a {
margin: 0px 0px 0px 0px;
}

li a {margin: 0px 0px 10px 0px;}

.rss_items {
list-style:none;
margin:4px;
padding:6px;

}

.rss_item  {
margin-bottom: 1em;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {font-size:120%;text-decoration:none;font-style:italic;}
.rss_item a:hover { }
.rss_date {
font-size: xx-small;
}



/*---------- Photo Album Styles ------------*/


#photos {

margin-left:20px;
}

#photos img {
margin:7px;
border:1px solid #cccccc;
}

#photos a {

text-decoration:none;
}

#photos h1 {
font-size:120%;
border-top:0px;
border-bottom:1px solid #cccccc;
}





