/* RESET CSS VALUES */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

/* PRINT STUFF */
@media print {
    body {
        background: white;
        font-size: 10pt;   
        width: auto;
		margin: 0px; 
		padding: 0px;
		color: #333333;
    }
    
    #content-left-col{
        position: absolute;
        left: -400em;
        display: none;
        width: 0px;
        float: none !important;
    }
    
    div#content-main{
        border: 0;
        text-align: left;
        clear: both;
        overflow: visible;
        width: 88%;
        margin-left: 0;
        margin-right: 5%;
        margin-top: 3em;
        padding: 0;
        float: none !important;
        color: black;
        background: transparent none;
    }
    #container {
        width: auto;
    }

}

body    {
font-family : Verdana, Heletica, Arial, sans-serif;
font-size : 80%;
margin: 0px; 
padding: 0px;
background-image: url("../images/page_background.png");
color: #333333;
width: 100%
behavior: url(/includes/hover.htc);
}

p, ul  {
padding : 0.5em 0px;
font-size : 100%;
line-height : 150%;
}

h1 {
	font-size: 200%;
	font-weight: normal;
	margin: 10px 0px 6px 0px;
	padding: 6px 0px 6px 0px;
	line-height: 120%;
}
h2 {
margin: 16px 0px 6px 0px;
	font-size: 150%;
	font-weight: normal;
}
h3 {
	font-size: 120%;
}
em {
font-style: italic;
}
a {
	color: #4f80ac;
	text-decoration: none;
}

a:hover {
	color: #4f80ac;
	text-decoration: underline;
}

ul {
 margin-left: 30px;
}

li {
	list-style-type: disc;
	padding: 0px 15px 0px 15px;
}
/*   NEW REDESIGN STYLES  */ 


#page-wrapper {
background-image: url("../images/page_middle_background.png");
background-repeat: repeat-y;
background-position: top center;
min-width: 970px;
}
#page-wrapper-top {
background-image: url("../images/page_top_background.jpg");
background-repeat: repeat-x;
background-position: 0px 30px;
}
#container {
/*border: 1px solid red;*/
width: 970px;
margin : 0 auto;
text-align : left;
padding : 0px 0px 1px 0px;
}

#content-body{
width: 970px;
/*border: 1px solid yellow;*/
}
#content-header {
float : left;
width : 970px;
background-color: #E0DFFF;
color: black;
}

#content-header img {
float : left;
margin : 0px;
}
#content-header a {
float : left;
margin : 0px;
padding : 0px;
}
#header-shadow-box {
background-position: left top;
background-repeat: no-repeat;
width: 960px;
height: 216px;
overflow: hidden;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/shadow-box-top.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
#header-shadow-box[id] {
background-image: url("/images/shadow-box-top.png");
}

#header-content {
position: relative;
width: 920px;
height: 187px;
margin: 15px 20px 15px 20px;
overflow: hidden;
}
#header-logo {
	position: absolute;
	z-index: 1;
	width: 230px; 
	height: 181px;
}
#header-flash {
	position: absolute;
	float: left;
	width:690px; 
	height: 187px;
	left: 230px;
}


#header-textsize {
	position: absolute;
	top: 165px; 
	left: 50px;
	width:120px; 
	height: 30px;
	overflow: visible;
	z-index: 1000;
}

#content-middle{
padding: 0px;
margin: 0px;
width: 970px;
color: black;
}
#content-main {
color: black;
float : left;
/*font-size: 11px;*/
line-height: 1.6em;
margin-bottom: 20px;

}
.content-main-text{
margin-right: 30px;
margin-left: 20px;
}

.intro-large-txt {
	font-size: 140%;
}

#content-left-col {
padding-top: 0px;
padding-left: 0px;
float : left;
width : 230px;
height: 100%;
color: black;
/*border-left: 1px solid #1e4780;*/
}

#content-right-col {
float : left;
width : 728px;
height: 100%;
}

div#footer-wrapper {
width: 960px;
}
div#footer-top {
width: 960px;
height: 13px;
background-repeat: no-repeat;
background-position: top;
overflow: hidden;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/footer_top.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
div#footer-top[id] {
background-image: url("/images/footer_top.png");
}
div#footer-center {
width: 960px;
background-repeat: repeat-y;
background-position: top;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/footer_center.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
div#footer-center[id] {
background-image: url("/images/footer_center.png");
}
div#footer-bottom {
width: 960px;
height: 13px;
background-repeat: no-repeat;
background-position: bottom;
overflow: hidden;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/footer_bottom.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
div#footer-bottom[id] {
background-image: url("/images/footer_bottom.png");
}
div#footer-inner {
width: 920px;
margin: 0px 19px;
overflow: hidden;
position: relative;
}

div#footer-inner p {
	line-height: 14px;
font-size : 85%;
}

div#footerLeft {
width: 565px; float: left;text-align: left;
padding-top: 5px;
margin-left: 10px;
}
div#footerCenter {
width: 120px; float: left;text-align: center;

}
div#footerRight {
width: 210px; float: left;text-align: center;
padding-top: 20px;
}


/* LEFT NAVIGATION */
div#nav-wrapper {
width: 230px;
position: relative;
}
div#nav-top {
width: 230px;
height: 13px;
background-repeat: no-repeat;
background-position: top;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/navbg_top.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
div#nav-top[id] {
background-image: url("/images/navbg_top.png");
}

div#nav-center {
	overflow: hidden;
	width: 230px;
	background-repeat: repeat-y;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/navbg_center.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
div#nav-center[id] {
background-image: url("/images/navbg_center.png");
}

div#nav-bottom {
height: 13px;
background-repeat: no-repeat;
background-position: bottom;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/navbg_bottom.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
div#nav-bottom[id] {
background-image: url("/images/navbg_bottom.png");
}

div#nav-inner {
position: relative;
zoom:1;
margin: 0px 19px;
background-image: url(../images/navbg-inner.jpg);
background-repeat: repeat-y;
background-position: top;
overflow: hidden;

}

div.well-events {
margin: 8px;
}
div.well-events h3 {
	font-size: 130%; 
	font-weight: normal;
	border-bottom: 3px solid #a5b9ce;
	margin: 4px 0px 4px 0px;
}

div.well-events div.well-events-item {
display: block;
padding: 4px 0px; 
line-height: 13px; 
font-size: 85%;
}

div.well-events div.well-events-date {

}

ul.menu{
zoom:1;
list-style-type: none;
width: 180px;
margin: 6px 6px 6px 6px; 
padding: 0px;
}

input.search-field {
border: 1px solid #3a648a;
padding: 3px;
float: left;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 120px;
}	
div.search-box {
margin: 20px 10px 20px 10px;
}
div.search-button {
margin-left: 2px;
float: left;
}

ul.menu {
position: relative;
zoom:1;
}
ul.menu li{
border-bottom: 1px solid #9CAEC4;
padding: 0px;
}

ul.menu li a:hover, ul.menu li.menu_current a{
background-repeat: repeat; 
background-image: url("../images/navbg_over.png");
}
ul.menu li a:link, ul.menu li a:visited{
    text-decoration: none;
    color: black;
	display: block;
	padding-top: 4px; 
	padding-bottom: 4px; 
	padding-left: 12px; 
	color: #FFFFFF;
font-size : 100%;
}

/* LEFT WELL */

div#leftwell-wrapper {
width: 230px;
}
div#leftwell-top {
position: relative;
width: 230px;
height: 13px;
background-repeat: no-repeat;
background-position: top;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/navbg_top.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
div#leftwell-top[id] {
background-image: url("/images/navbg_top.png");
}

div#leftwell-center {
overflow: hidden;
width: 230px;
background-repeat: repeat-y;
background-position: top;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/navbg_center.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
div#leftwell-center[id] {
background-image: url("/images/navbg_center.png");
}

div#leftwell-bottom {
width: 230px;
height: 13px;
background-repeat: no-repeat;
background-position: bottom;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/navbg_bottom.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
div#leftwell-bottom[id] {
background-image: url("/images/navbg_bottom.png");
}

div#leftwell-inner {
width: 192px;
margin: 0px 19px;
background-color: #EDEDED;
overflow: hidden;
position: relative;
}

/* RIGHT WELL */

div#rightwell-wrapper {
width: 230px;
}
div#rightwell-top {
width: 230px;
height: 13px;
background-repeat: no-repeat;
background-position: top;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/navbg_top.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
div#rightwell-top[id] {
background-image: url("/images/navbg_top.png");
}

div#rightwell-center {
overflow: hidden;
width: 230px;
background-repeat: repeat-y;
background-position: top;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/navbg_center.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
div#rightwell-center[id] {
background-image: url("/images/navbg_center.png");
}

div#rightwell-bottom {
width: 230px;
height: 13px;
background-repeat: no-repeat;
background-position: bottom;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/navbg_bottom.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
div#rightwell-bottom[id] {
background-image: url("/images/navbg_bottom.png");
}

div#rightwell-inner {
position: relative;
width: 192px;
margin: 0px 19px;
background-color: #EDEDED;
overflow: hidden;
zoom:1;
}
#floating-right-col {
	width: 230px;
	float: right;
	margin-bottom: 10px;
}

div.well-news  {
margin: 8px;
font-size: 90%;
line-height: 1.5em;
}
div.well-news  h3 {
	font-size: 16px; 
	font-weight: normal;
	border-bottom: 3px solid #a5b9ce;
	margin: 4px 0px 4px 0px;
}

div.well-news  div.well-news-item {

}

div.well-news  div.well-news-item a {
padding: 4px 0px; 
display: block;
}

.top-content-spacer {
	height: 20px;
}

div.img-right-align {
	border: 1px solid #CCCCCC;
	margin: 10px 0px 10px 10px;
	padding: 5px;
	width: auto;
	float: right;
	background-color: #FFFFFF;
}
div.img-left-align {
	border: 1px solid #CCCCCC;
	margin: 10px 10px 10px 0px;
	padding: 5px;
	width: auto;
	float: left;
	background-color: #FFFFFF;
}
div.img-center-align {
	border: 1px solid #CCCCCC;
	margin: 10px auto 10px auto;
	padding: 5px;
	background-color: #FFFFFF;
}
.img-caption {
	font-size: 80%;
	text-align: center;
}

/* OLD STYLES */

.text_block{
padding-top: 20px;
}
.text_block_logos{
    float: left;
    padding: 3px;
}
.text_block div{
    float: left; 
    width: 300px;
    padding-top: 2px;
    padding-bottom: 10px;
}

.text_block p{
    padding-left: 0px;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 10px;
}
.right-col-well{
    z-index: 1;

    color: #bc386d;
    margin-bottom: 20px;
}
.right-col-well-title-img{
    margin-top: 20px; 
    margin-left: 20px;
}
.right-col-well-link, .right-col-well-link a{
    font-weight: bold; 
    float: right; 
    padding-top: 12px; 
    padding-right: 10px;
    color: #bc386d;
    text-decoration: none;
}
.right-col-well-link:hover, .right-col-well-link a:hover{
    font-weight: bold; 
    float: right; 
    padding-top: 12px; 
    padding-right: 10px;
    color: #bc386d;
    text-decoration: underline;
}
.upcomming-events-item{
    position: relative;
    margin-left: 23px; 
    padding-top: 7px;
    padding-bottom: 5px;
}
.whats_new_item, .whats_new_item a:link, .whats_new_item a:visited{
    z-index: 9999;
    position: relative;
    background-image: url("/images/spacer.gif");
    background-repeat: repeat;
    margin-left: 11.5px; 
    margin-top: 10px;
    color: #bc386d;
    text-decoration: none;
}
.whats_new_item a:hover{
    color: #bc386d;
    text-decoration: underline;
}

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

.strong{
    font-weight: bold;
}

.c_sj_foundation{color: #cc3300;}
.c_sj_home{color: #993366;}
.c_sj_meadows{color: #006633;}
.c_sj_career{color: #336699;}

#font_size{
    margin-left: 14px;
    margin-bottom: 20px;
    width: 101px;
    height: 19px;
    background-image: url("/images/font_size.gif");
    background-repeat: no-repeat;
}

.galleryImage {
  text-align:center;
}
.galleryTitle{
  font-size:13px;
  font-weight:bold;
}
.left_col_logos{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

span.privacyUnderline{
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}

span.privacyBold{
  font-size: 11px;
  font-weight: bold;
}

/*img.photo{
	border: solid 1px #72a4f8;
}*/

table.photoCaption {
	border: solid 1px #72a4f8;
}

td.photoCaption {
	background-color: #e9eff8;
	font-size: 10px;
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
}

td.photos {
	background-color: #e9eff8;
	border-top: 5px solid #FFFFFF;
	font-size: 14px;
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
}
input.contactInput {
	padding: 3px; 
	border: 1px solid #A5B9CE;
	margin: 2px 0px;
}
input.formButton {
	color: #FFFFFF;
	background-color: #5F8BB3;
	border: 1px solid #3A648A;
	padding: 3px;
	margin: 2px 0px;
}.subnav {
	margin: 20px -10px 20px 0px;
	text-align: center;
}
.subnav a {
	padding: 4px 10px 4px 10px;
	margin: 0px 3px;
	border: 3px solid #A5B9CE;
}

.subnav a.subnav-selected {
background-color: #A5B9CE;
color: #FFFFFF;
font-weight: bold;
}

.breadcrumb {
	margin: 16px 0px 6px 0px;
	font-size: 150%;
	font-weight: normal;
}
.donation-step {
	width: 200px;
	float: left;
	background-image: url(../images/payment-steps-arrow.png);
	background-repeat: no-repeat;
		margin-right: 10px;
}
.donation-step .donantion-step-sm {
	font-size: 11px; 
	color: #CFCFCF;
	line-height: 12px;
	margin-left: 20px;
}
.donation-step .donantion-step-lg {
	font-size: 14px;
	font-weight: bold; 
	color: #CFCFCF;
	margin-left: 20px;
}

.donation-step-on {
	width: 200px;
	float: left;
	background-image: url(../images/payment-steps-arrow-on.png);
	background-repeat: no-repeat;

	margin-right: 10px;
}
.donation-step-on .donantion-step-sm {
	font-size: 11px; 
	color: #000000;
	line-height: 12px;
	margin-left: 20px;
}
.donation-step-on .donantion-step-lg {
	font-size: 14px;
	font-weight: bold; 
	color: #5D7597;
	margin-left: 20px;
}
.steps {
	clear: left;
	margin-bottom: 15px;
	overflow: hidden;
}
.photo-border { 
border: 1px solid #6E91B1;
padding: 1px; 
overflow: hidden; 
width: auto; 
float: left;
margin-right: 10px; 
}

.mission-container {
background: url(/images/mission_bg.jpg) no-repeat; 
width: 460px;
margin-bottom: 30px;
height: 645px;
}
.mission-container .mission-item {
margin: 15px 0px;
text-align: center;
}
.mission-container .first {
padding-top: 30px; 
}
.mission-container .last {
margin-bottom: 15px; 
}
.mission-container .mission-item p {
font-size: 14px; 
color: #666; 
line-height: 24px;
}