/* Blue color: color: #28516c;; */

body {
	margin: 0 auto;
	font-family: Verdana, arial, helvetica, sans-serif;  color: #070707; font-size: 14px;
	background: #9AA4C5;
}
a {color: #7c2c34; text-decoration: none;}
a:hover {color: #d04a57;}
img {border: none;}

div#centered-column {width: 750px; margin: 0 auto; margin-top: 20px;}
div#header {height: 65px; margin: 0 auto; text-align: center; }
div#header img {padding: 0px; margin: 0px;}

/* main menu */
/*------------*/
div#main-menu {height: 24px; background: #e11; width: 100%; color: #eee;}
div.divider, div.main-menu-item {float: left; text-align: center; padding-top: 2px;}
div.main-menu-item {width: 165px;}
div.divider {width: 20px;}
div#main-menu a {color: #eee; font-family: Lucida grande; font-size: 12px;}
div#main-menu a:hover {color: #111;}

body.purpose #main-menu-purpose a, body.organization #main-menu-organization a, 
	body.initiatives #main-menu-initiatives a, body.get_involved #main-menu-get_involved a {color: #111; font-weight: bold;}

/*------------*/

/* sections */

div#content {background: #fff; min-height: 400px; _height: 400px; }
/* main page columns */
#container2 {
    float:left;
    width:100%;
    background:green;
    overflow:hidden;
    position:relative;
	background: #fff;
}
#container1 {
    float:left;
    width:100%;
    background:red;
    position:relative;
    right:85%;
	background: #ccc;
}
#col1 {
    float:left;
    width:15%;
    position:relative;
    left:85%;
}
#col2 {
    float:left;
    width:82%;
    position:relative;
    left:87%;
}

/* END columns */



p#breadcrumbs {margin-top: 0px; padding-top: 10px; font-style: italic; font-weight: bold; font-size: 11px;}
div#right-content {}

/*div#left-sidebar {float: left; background: #ccc; color: black; width: 100px; text-align: right; margin-right: 10px; clear: both;}*/
/* col1 is the left sidebar */

#col1 {text-align: right;}
div#col1 ul {list-style: none; margin-left: 0px; padding-left: 0px;}
div#col1 li {padding: 5px; padding-right: 5px; margin: 2px 0px;}
div#col1 a {color: black; font-size: 11px; font-family: verdana, arial, Helvetica;}
div#col1 li:hover a, div#col1 a:hover {color: white;}
div#col1 li:hover, div#col1 li.active {background: #555;}
div#col1 li.active a {color: white;}

#col2 {padding-top: 20px; min-height: 400px; _height: 400px;}


#orgchart {width: 460px; height: 300px; background: url(/images/orgchart.png) no-repeat; position: relative; font-size: 12px; margin: 0 auto;}
#orgchart a {color: white;}
#orgchart a:hover {text-decoration: underline;}
.orgchart-el {position: absolute; color: white;}

#content {color: #333; font-size: 11px; line-height: 18px;}

/* IMAGES */

img.float-right {float:right; margin: 15px 10px 10px 10px;}
img.left {float: left; margin: 10px; margin-left: 0px; }
img.right {float: right; margin: 10px }


.images-div-left {float: left; margin: 10px; margin-left: 0px; text-align: center;}
.images-div-right {float: right; margin: 10px; margin-right: 0px; text-align: center;}
.images-div-center {margin-left: auto; margin-right: auto;}
.images-div-center div.image-block-container {float: left; margin: 0px 10px; text-align: center;}
/*.images-div-center img {margin: 0px 10px;}*/

div.image-block-container {width: 250px;}
div.caption {text-align: center; }

.page-images {float: right; margin: 10px; width: 250px; text-align: center;}
.page-images .caption {text-align: center; margin-top: -10px; margin-right: 10px;}

/* footer */
#footer {text-align: center; font-size: 11px;}

div.address {
	margin: 10px 0px 0px 0px; width: 750px; padding: 3px 0px 3px 0px;
	border: 1px solid black; border-left: none; border-right: none;
}

div.address table tr td {
	white-space: nowrap; font-size: 10px; font-family: Verdana, Tahoma, Arial, sans-serif; text-align: center;
}

div.footer {
	margin: 10px 0px; font-family: Verdana, Tahoma, Arial, sans-serif;
}

div.footer p a:hover {
	color: #e8e8e8; text-decoration: none;
}

div.footer p {
	margin: 0px 0px 0px 0px; color: black;
}