body {
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: small;
	color: #333;
	text-align: center;
	background: #fff url(img/bg.gif) repeat-x top left;
	}
/* adjustment for IE5 */
body {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}

#wrap {
	width: 760px;
	margin: 0 auto;
	padding: 20px;
	font-size: 90%; /* slight adjustment */
	text-align: left;
	background: #fff;
	}

/*** GLOBAL ***/
img { border: 0; }
hr {  
    height: 1px;
    border: 0;
    border-bottom: 1px solid #780002;;
    }
.bordered { border: 1px solid #333; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.bordered { border: 1px solid #333; }

/** HEADER **/
#header {
    background: #fff url(images/cypress/bg_header.gif) no-repeat bottom right;
	height: 125px;
    position: relative;
}
#header-tagline {
	float: right; 
	text-align: center;
	padding-top: 8px;
    position: absolute;
    right: 0;
    top: 12px;
}
.main-image {
	margin-top: 12px;
	border: 1px solid #000;
}
/** MIDSECTION **/
#midsection {
    background: url(images/cypress/bg_brown.jpg) repeat-y top left;
}
#midsection-divet {
    margin: 0;
    padding: 0;
	height: 8px; 
	background: url(images/cypress/bg_brown_divet.gif) no-repeat top left;
}
ul#menu {
    margin: 0;
    padding: 10px 0 10px 10px;
    width: 180px;
    list-style: none;
    font-size: 10px;
}
ul#menu li {
    display: inline;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
ul#menu li a {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    height: 22px;
    border-bottom: 1px solid #8c6239;
    text-decoration: none;
    vertical-align: bottom;
}
ul#menu li a:hover {
    background: beige;
}
ul#menu li:hover {
    background: beige;
}
ul#menu li.current,
.about_cypress_mandela li#about_cypress_mandela a,
.our_programs li#our_programs a,
.our_successes li#our_successes a,
.donate_or_volunteer li#donate_or_volunteer a,
.recent_news li#recent_news a,
.important_dates_events li#important_dates_events a,
.contact_us li#contact_us a {
    background: beige;
}


/** MAINCONTENT **/

#main-content {
    width: 490px;
    padding: 20px;
    background: #e2c29c;
    float: right;
    margin-right: 10px;
    line-height: 1.3em;
}

/** SECONDARY CONTENT **/
#content-secondary {
	background: url(images/cypress/bg_brown_right.gif) no-repeat top right;
        margin: 0;
        padding: 0;
        padding-right: 10px;
}

#main-content-secondary {
    width: 490px;
    padding: 20px;
    padding-top: 10px;
    background: #e2c29c;
    float: right;
    line-height: 1.3em;
}

#main-content-secondary hr {
    margin-bottom: 0;
}

#main-content-secondary p {
    padding-left: 10px;
    padding-right: 20px;
}
#leftbar {
    float: left; 
    width:220px; 
    margin: 0; 
    padding: 0;
}
#menu-secondary {
    background-color: #7b2e00;
    width: 160px;
    color: #fff;
    float: right;
    margin-top: 0;
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 10px 5px;
    
}
#menu-secondary ul {
    margin: 0;
    padding-left: 15px;
    font-size: 11px;
    list-style-type: square;
    color: #fff;
}
#menu-secondary a {
    color: #fff;
}
#menu-secondary a#current {
    color: #e2c29c;
    text-decoration: none;
}
#midsection-secondary {
    background: url(images/cypress/bg_brown.jpg) repeat-y top left;
    float: left; 
    width: 220px; 
    z-index: 100;
}

/** CALLOUTBOX **/
#callout-box {
    width: 210px;
    padding: 10px;
    padding-bottom: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    background: #f0d5b8;
    float: right;
    text-align: center;
    font-size: 95%;
    line-height: 1.2em;
}

/*** SIDEBAR ***/
#sidebar {
    width: 195px;
    margin-top: 10px;
    border: 1px solid #780002;
    border-bottom: 0;
    background: #fff;
    float: left;
}
#sidebar-secondary {
    width: 195px;
    margin-top: 0;
    /*border: 1px solid #780002;*/
    border-bottom: 0;
    background: #fff;
    float: left;
}
.sidebar-title {
    padding: 8px;
    background: #e2c29c;
    border-bottom: 1px solid #780002;
}
.sidebar-content {
    padding: 10px;
    border-bottom: 1px solid #780002;
    font-size: 95%;
    line-height: 1.4em;
}
.sidebar-content a {
    display: block;
    text-align: right;
}
.sidebar-content img {
    margin-top: 5px;
}

/*** FOOTER ***/
#footer {
    color: #780002;
    text-align: center;
    font-size: 85%;
    padding-top: 10px;
}