/* CSS Document */

/*main styles for Family Friends*/

body {
	background-color: #c8c8c8;
	font-family: Arial, Helvetica, sans-serif;
	color: #32547B;
	text-align: center;
}

#wrapper {
	text-align: left;
	background-color:#FFFFFF;
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 0;
}

a:link, a:visited {
	color: #32547B;
}

a:hover, a:active {
	color: #962d19;
}
a img {
	border:none;
}
img#hands_banner {
	margin-left: 10px;
}
#utils_menu {
	float:right;
	width: 113px;
	font-size: 75%;
}

ul li {
	margin-bottom: 5px;
}

#utils_menu ul li {
	margin-bottom: 0;
}
/* navigation styles */
#nav_bar {
	padding-left: 170px;
	background-color: #962d19;
}
#nav_bar ul {
	background-color: #962d19;
	padding: 5px 0 5px 0;
	margin: 5px 0;
}

#nav_bar ul li {
	display:inline;
	margin: 0 0 0 20px;
	
}
#nav_bar ul li.selected {
	background-color:#beb07a;
	color:#962d19;
	padding: 5px 0 5px 0;
}
#nav_bar ul li a {
	color: #beb07a;
	text-decoration:none;
	padding: 5px 0 5px;
}

#nav_bar ul li a:hover, #navbar ul li a:focus {
	background-color:#beb07a;
	color:#962d19;
}

#nav_bar ul li.selected a:link, #nav_bar ul li.selected a:visited {
	color: #962D19;
	padding: 0;
}
/*main styles*/
#main {
	margin: 0;
	border-top: #31537B solid;
	padding: 0 5px 0 5px;
}
#main_content {
	padding-left: 5px;
	padding-right: 5px;
}

td.right_box, td.left_box {
	width: 180px;
}

div.form_box_wrapper {
	width: 100%;
	text-align: center;
}
div.form_box {
	background-color: #ECE9D8;
	border: 1px solid #BEB07A;
	color: #BEB07A;
	text-align: left;
	font-weight: bold;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	padding:5px;
}
table.form_fields {
	color: #BEB07A;
	font-weight:bold;
}
span.important {
	font-weight: bold;
}
.message, li.error{
	font-weight: bold;
	color:#FF0000;
}

/*right box styles*/
#funders_text {
	text-align:left;
	font-size: 70%;
	margin-top: 25px;
}
#user_signin {
	width: 170px;
}
#user_box form input {
	margin-left: 10px;
}

/*footer styles*/
#footer {
	text-align:center;
	font-size: 85%;
}
#cil {
	margin-top: 25px;
}
#designer {
	color:#CCCCCC;
	font-size:90%;
}
#designer a:link, #designer a:visited  {
	color:#CCCCCC;
}
#designer a:hover, #designer a:active {
	color:#962D19;
}
/*misc styles*/
.emphasized {
	font-weight: bold;
}

#special_links {
	border: solid 1px #32547B;
	background-color: #e0e5eb;
	padding: 3px;
	width: 85%;
	margin: 0 auto 0 auto;
	text-align:center;
}

span.program_name {
	font-size: 110%;
}