@charset "utf-8";
/* CSS Document */
/* Header Content */
body, html {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size:1em;
	background-image:url(../images/site_effects/background_gradient.gif);
	background-repeat:repeat-x;
	background-color:#334E83;
}
body a {
	color:#6EB241;
}
img {
	border:0; 
}
#wrap {
	width:960px;
	margin: 0 auto;
}
#header {
	height: 120px;
}
#logo {
	float:left;
	width: 259px;
	margin-top:5px;
}
#login_logout {
	float: right;
	color: #999;
	font-size: smaller;
	width:200px;
	text-align:right;
}
#donate {
	float:right
}
#navigation {
	clear:both;
	position:relative;
	top: 10px; /*was 50px*/
	z-index: 100;
	float: right;
	border: 1px none #fff;
	width:503px;
}
h1 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/*Navigation Bar - See jQuery menu at the end*/


/* Main Content */
#content {
	clear:both;
	margin-top: 30px;
}
	/* - Notification - */
#notification {
	width: 100%;
	color: #FFFFFF;
}
#notification p {
	display: block;
	text-align: center;
	font-size: 1.2em;
	background-color: #FF0000;
	color: #FFFFFF;
}
#main_container {
	background-color: #FFFFFF;
	color: #000;
	padding: 15px 30px 15px 30px;
	border-style:solid;
	border-width:4px;
	border-color: #6EB241;
	margin-bottom: 20px;
}
#main_container_home_page {
	color: #000;
	border: solid 4px #6EB241;
	margin-bottom: 20px;
}
#main_container h2 {
	width: auto;
	display: inline;
}
#main_container h4 {
	display: inline;
}
#clear {
	clear: both;
}
/*Arrange page in halves*/
#column1 {
	float:left;
	width:420px;
	border: 4px solid #6EB241;
}
#column2 {	
	float:right;
	width: 420px;
	border: 4px solid #6EB241;
}

/*Arrange page in thirds, 3 column*/
#column1_third {
	float:left;
	width:290px;
	border: 4px solid #6EB241;
	background: #FF0000;
	padding: 5px 5px;
}
#column2_third {
	margin: 0 15px;
	float:left;
	width: 290px;
	border: 4px solid #6EB241;
	background:#ffffff;
	color:#000;
	padding: 5px 5px;
}
#column3_third {
	float:left;
	width: 290px;
	border: 4px solid #6EB241;
	background:#ffffff;
	color:#000;
	padding: 5px 5px;
}

/*Arrange page into thirds, 2 column*/
#column1_two_thirds {
	float:left;
	width:620px;
	height:440px;
	background-color: #FFFFFF;
	border: 4px solid #6EB241;
	color: #000;
	padding: 1em 2em 1em 2em;
	margin-bottom: 20px;
}
#column2_one_third {
	float:left;
	width:260px;
}
/*Corner Notice*/
#corner_notice{
	float:left;
	z-index:100;
}
/*Centered Picture content on main page*/
#slider_content{
	position: relative;
	margin: 0 auto;
	width: 547px; /* should be same size .pics*/
}

/* Accordion Config: Picture content shifted to left on main page*/
#slider_content_mod {
	float: left;
	position: relative;
	width: 547px;
}
#accordion_wrapper{
	padding: 5px;
	float: right;
	position: relative;
	width: 390px;
}

#map {
	width: 400px;
	height: 400px;
	margin: 10px;
}
#content p{
	font:Verdana, Geneva, sans-serif;
	font-weight:normal;
}
#bottom_content {
	clear:both;
	padding-top:10px;
}
.pics {
	height:406px; /*Should be 14px larger than .pics img*/
	width:547px; /*Should be 14px larger than .pics img*/
	padding: 5px;
	/*border: solid 1px #FFF;*/
}
.pics img {	
    padding: 7.5px;
    height: 400px;
    width:  533px;
    top:  0;
    left: 0;
	/* If you want a border or background for padding
    border:  1px solid #ccc;
    background-color: #000;
	*/
}
.small {
	width: 100%;
	display: inline;
	font-size: 0.7em;
	text-align:center;
}
.button {
	position: relative;
	float:left;
	margin: 8px;
	z-index:0;
	height: 210px;
	width: 220px;
	background: url("../images/site_effects/panel_green_w220x210h.gif")  no-repeat;
}
.button a:hover img{
	visibility: hidden;
}
.button h2 {
	position: absolute;
	top: 0px;
	width:100%;
	text-align:center;
	font-weight:700;
}
.button p {
	position: absolute;
	top:40px;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	font-weight: 700;
}
.button img {
	border:0; 
}

/* - Course information - */
#course_info{
	float:left;
	width: 80%;
	padding: 0.2em 0 0 0;
} 
#course_action {
	float:right;
	width: 20%;
	text-align: right;
	padding: 0.2em 0 0 0;
}
#course_action a{	
	font-size: 1.2em;
}
#course_footer {
	clear: both;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #334E83;
}

/*Person Profile*/
#person_profile {
	float:left;
	width: 50%;
	padding: 0.2em 0 0 0;
} 
#person_course_enrollment {
	float:right;
	width: 50%;
	padding: 0.2em 0 0 0;
}
#person_course_enrollment p {
	/*display: inline;*/
}
#person_footer {
	clear:both;
}
/*Volunteer Information*/
#person_volunteer {
	clear: both;
	float:left;
	width: 50%;
	padding: 0.2em 0 0 0;
}
#person_volunteer h3 {
	margin-left: 1em;
}
#person_volunteer table {
	margin-left: 2em;
}

/*Footer*/
#footer{
	clear:both;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px solid #6EB241;
	font-size:7pt;
	text-align:center;
	clear: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
}

.current {
	background: url(../images/nav_menu/nav_bar_grad_background.gif)repeat-x;
}