/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset, fieldset legend,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
li { margin-left: 25px; }
fieldset,img { border: none; }
fieldset legend{color:#000;}
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

.left{
	float: left;
}
.right{
	float: right;
}
.spacer{
	height: 25px;
	clear: both;
}
.bold{
	font-weight: bold;
}
.grey {
	color: #888;
}
.red {
	color: red;
}
ul{
	list-style-image: url(../images/layout/bullet.gif);
}
li {
	margin-bottom: 8px;
}
a { outline: none; }
.inline {
	display:inline;
}
.center {
	text-align: center;
}
.img_border_left{
	float: left;
	padding: 3px;
	border: 1px solid #bdbdbd;
	margin-right: 10px;
	margin-bottom: 5px;
}
.img_border_right{
	float: right;
	padding: 3px;
	border: 1px solid #bdbdbd;
	margin-left: 10px;
	margin-bottom: 5px;
}
#right_col {
	float: right;
	clear: right;
	padding-right: 10px;
	width: 48%;
}

#left_col {
	float: left;
	clear: left;
	width: 48%;
}
input, textarea {
	border: solid 1px #0a2031;
}
input {
	padding: 3px;
	margin-bottom: 4px;
}
.input_short{
	width: 145px;
}
.input_med {
	width: 200px;
}
textarea.input_med {
	width: 205px;
}
.input_long{
	width: 295px;
}
.min_height {
	width: 1px;
	float: right;
}

a {
	text-decoration: underline;
	color: #222060;
	font-weight: normal;
}
a:hover {
	text-decoration: none;
	color: #FED574;
}

/* Layout */

body, html {
	font-size: 12px;
	font-family: Verdana;
	font-weight: normal;
	color: #000;
	height: 100%;
	width: 100%;
	background: #fed574;
}

h1, h3, h2 {
	font-family: "Arial Rounded MT Bold", Arial;
	font-size: 18px;
	height: 23px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	color: #222060;
	border-bottom: 2px solid #FED574;
}

h1 a{
	color: #222060;
	text-decoration: none;
}

h2 {
	height: auto;
	font-size: 15px;
	margin-bottom: 5px;
	border: none;
}

h3 {
	height: auto;
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 5px;
	border: none;
}

#container{
	background: #fff;
	width: 100%;
	overflow: auto;
}

#header {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	height: 223px;
}
#menu_c {
	position: relative;
	width: 100%;
	height: 35px;
	background: url('../images/layout/menu_bg.gif') top left repeat-x;
}

#menu {
	width: 720px;
	height: 35px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 1;
}
#flash_header{
	width: 720px;
	height: 153px;
}

/* Sliding doors nav */

a.menu {
	position: relative;
	z-index: 10;
    background: transparent url('../images/layout/menu_bg_a.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px Arial, sans-serif;
    height: 35px;
    margin-right: 0px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
}

a.menu span {
    background: transparent url('../images/layout/menu_bg_span.png') no-repeat;
    display: block;
    line-height: 25px;
    padding: 0px 0px 10px 12px;
} 

a.menu:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.menu:hover span {
    background-position: bottom left;
    padding: 2px 0px 8px 12px; /* push text down 1px */
} 

/* end */

#body {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
#body .min_height {
	height: 200px;
}
#footer {
	height: 67px;
	background: #fed574; 
	border-top: 3px solid #ffeec7;
	padding-top: 5px;
}
#foot_text {
	font-size: 10px;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	color: #a87b50;	
}
#foot_text a {
	color: #a87b50;	
	margin-left: 10px;
	display: block;
	float: left;
	text-decoration: none;
	font-weight: normal;
}
#foot_text span{
	margin-top: 2px;
}
#foot_text a:hover {
	text-decoration: underline;
}
#foot_text span a {
	margin: 0;
	float: none;
	display: inline;
}
/** Dropdowns **/
#about_submenu {
	margin-left: 50px;
}
#news_submenu {
	margin-left: 127px;
}
#programs_submenu {
	margin-left: 231px;
}
#gallery_submenu {
	margin-left: 307px;
}
#member_submenu {
	margin-left: 326px;
}
#opportunities_submenu {
	margin-left: 451px;
}
#donate_submenu {
	margin-left: 552px;
}

/* Site */
#home_left {
	float: left;
	width: 450px;
}
#home_right {
	float: right;
	width: 210px;
	padding-left: 20px;
	background: url('../images/layout/line.gif') left top no-repeat;
}
.submenu_boxes {
	width: 90%;
	/* border: 2px solid #222060; */
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 10px;
}
#home_success .submenu_boxes {
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
}
#home_success h3 {
	color: #a87b50;
}

#login-box{
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	padding: 0px;
	padding-right: 10px;
	padding-left: 5px;
	border: 1px solid #ccc;
}
#login-box p {
	margin-bottom: 8px;
}

#register-box {
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: 1px solid #ccc;
}
#msg {
	text-align: center;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	
	margin-bottom: 10px;
	color: #720005;
}
/* Form fields and buttons */
/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:Arial, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:1px 10px 1px 7px; /* IE6 */
}
.buttons button[type]{
    padding:1px 10px 3px 7px; /* Firefox */
    line-height:14px; /* Safari */
}
*:first-child+html button[type]{
    padding:1px 10px 1px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/* buttons: */

a.s_button {
    background: transparent url('../images/buttons/bg_button_a.png') no-repeat scroll top right;
    color: #d7d7d7;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}
.bottom_space{
	margin-bottom: 16px;
}

a.s_button span {
    background: transparent url('../images/buttons/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 10px;
}

a.s_button:active {
    background-position: bottom right;
    color: #898989;
    outline: none; /* hide dotted outline in Firefox */
}

a.s_button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 10px; /* push text down 1px */
}

#map {
	width: 400px;
	height: 200px;
}
#main_img_div {
	height: 355px;
	width: 100%;
	text-align: center;
}

#main_gallery_image {
	position: relative;
	top: 50%;
}