/* Start of CMSMS style sheet 'Standard-01' */
html, body, ol, ul, li, dl, dt, dd, img {
  margin: 0; 
  padding: 0;
  border: 0;
	list-style: none;
}
body {
padding: 0 370px; /* the critical side padding that sets the natural min-width! */ 
color: #FFFFFF; 
font-family: trebuchet ms,  geneva, verdana, arial, sans-serif; 
font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ 
text-align: center; /* centers the #sizer element in IE5.x/win */
background-image:url(uploads/images/styleImages/bg1.jpg);
background-repeat: repeat-x;
background-position: top left;
background-color:#1000cc;
}
a{
color:#000099;
}
a:visited{
color:#660066;
}
a:hover{
text-decoration:none;
}
h1{
background-image: url(uploads/images/styleImages/undescore.gif);
background-position: bottom left;
background-repeat: no-repeat;
padding-bottom: 10px;
color:#024794;
font-family: trebuchet ms, arial, helvetica, sans serif;
font-size: 14pt;
font-weight: bold;
line-height: 1.0em;
}

.homelink a:link, .homelink a:visited, .homelink a:focus, .homelink a:hover, .homelink a:active{
color:#024794;
font-family: trebuchet ms, arial, helvetica, sans serif;
font-size: 14pt;
font-weight: bold;
line-height: 1.0em;
text-decoration:none;
}

#leftcorner{
display: block; 
position:absolute;
top:0;
left:0;
width:620px;
height:150px;
background-image:url(uploads/images/styleImages/bg-corner.jpg);
background-position:top left;
background-repeat: repeat-x;
}

#sizer {
margin: 0 auto;
padding: 0;
width: 35%; 
text-align: left; 
color:#000000;
/*max-width: 120px;*/
}
/* code below prevents image-italics bug in IE in all DIVs*/
div {
min-height: 1px;
}
#expander { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -365px;
	min-width: 670px; /* This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
} 

/*\*/
* html #expander {height: 0;} 
/* #expander must have "height: 0" in IEwin bug fixing */

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */ 


#wrapper1 {
position: relative;
font-size: 76%; /* global font-size*/ 
background-image: url(uploads/images/styleImages/content-bg.gif);
clear:left;
margin: 3em 0 0 0;
padding: 0;
float:left;
display:inline;
width:100%;
overflow: visible;
height:1%;
} 

#wrapper2 {  
position: relative; /* extra insurance against bugs in IEwin */
padding: 0 5px 0 0 ;
overflow: visible;
background-image: url(uploads/images/styleImages/upper-right-corner.gif);
background-repeat: no-repeat;
background-position: top right;
}
#wrapper1:after, #wrapper2:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#wrapper3{
float:left;
clear:left;
position: relative;
width:50%;
height:27px;
background-image: url(uploads/images/styleImages/lower-left-corner.gif);
margin: -2px 0 0 0;
}
#wrapper4{
float:left;
position:relative;
width:50%;
height:27px;
margin: -2px -9px 0 -5px;
padding-right:5px;
background-image: url(uploads/images/styleImages/lower-right-corner.gif);
background-position:bottom right;
}

/****************** Main Page Structure *****************/

.outer {
  border-left: 2px solid #ffffff; /*** Critical left divider dimension value ***/
  border-right: 2px solid #ffffff; /*** Critical right divider dimension value ***/
  margin-left: 150px;    /*** Critical left col width value ***/
  margin-right: 150px;    /*** Critical right col width value ***/
}

.float-wrap {
  float: left;
  width: 100%;
}

.center {
  float: right;
  width: 100%;
}

.left {
float: left;
position:relative;
width: 150px; 
margin-left: -152px;   
background-image: url(uploads/images/styleImages/submenu-bg.gif);
}

.right {
  float: right; 
  position: relative; 
  width: 150px;    
  margin-right: -152px;    
  margin-left: 2px;   
  margin-top:-2em;
}

.centerbox {
margin: 2em 1.5em 2em 1.5em;
overflow: visible;
}
.centerbox *{
background-color:#FFFFFF;
}
.leftmask{
width: 150px; 
height:28px;
display:block;
background-image: url(uploads/images/styleImages/submenu-bg.gif);
position:absolute;
z-index:100;

}

.container-left {
height:100%;
width: 150px; 
padding:0;
margin: 0 0 0 0;
background-image: url(uploads/images/styleImages/submenu-bg2.gif);
background-position: bottom right;
background-repeat: no-repeat;
}
.inner-left{
padding:2em 1em 2.25em 1em;
}
.left-sidebar{
float: left;
width: 150px;
padding: 0;
margin: 23em; 
background-image: url(uploads/images/styleImages/sidebar2.gif);
background-position: bottom left;
margin-left: 10px;
position: absolute;
}
.left-sidebarB{
float: left;
width: 150px;
padding: 0;
margin: 0 0 0 0; 
background-image: url(uploads/images/styleImages/sidebar2.gif);
background-position: bottom left;
margin-left: 10px;
position: absolute;
}
.left-sidebar h2{
color:#330033;
height:100%;
width: 150px; 
padding:15px 0 3px 0;
margin: 0;
text-align:center;
background-image: url(uploads/images/styleImages/sidebar1.gif);
background-repeat: no-repeat;
font-size:1.2em;
line-height:1.1em;
}
.left-sidebarB h2{
color:#330033;
height:100%;
width: 150px; 
padding:15px 0 3px 0;
margin: 0;
text-align:center;
background-image: url(uploads/images/styleImages/sidebar1.gif);
background-repeat: no-repeat;
font-size:1.2em;
line-height:1.1em;
}
.left-sidebar2{
height:100%;
width:150px;
padding:0;
margin: 0;
background-image: url(uploads/images/styleImages/sidebar3.gif);
background-position: top left;
background-repeat: no-repeat;
}
.right-sidebar{
float:left;
position:relative;
width:150px;
padding:0;
margin: 0;
background-image: url(uploads/images/styleImages/sidebar2.gif);
background-position: bottom left;
margin-left:-15px;
}
.right-sidebar h2{
color:#330033;
width:150px;
margin:0;
padding:15px 0 3px 0;
text-align:center;
background-image: url(uploads/images/styleImages/sidebar1.gif);
background-repeat: no-repeat;
font-size:1.2em;
line-height:1.1em;
}
.right-sidebar h2 a{
display:block;
padding:0;
margin:10px .5em .25em .5em;
text-decoration:none;
color:#330033;
}
.right-sidebar2{
height:100%;
width:150px;
padding:0;
margin: 0;
background-image: url(uploads/images/styleImages/sidebar3.gif);
background-position: top left;
background-repeat: no-repeat;

}
.inner-right-sidebar{
padding:10px 15px 33px 15px;
font-size: 1em;
line-height:1.35em;
}
.inner-right-sidebar ul li{
margin-bottom:.5em;
}
.inner-right-sidebar ul li a{
text-decoration:none;
color: #000066;
padding:2px 0;
}
.inner-right-sidebar ul li a:hover{
background-color:#FFFF66;
}
.container-right {padding:2em 1em 2.25em 1em;} 


/*************** Header and Footer elements *****************/

.header *{
margin:0;
padding:0;
}
.header{
min-width:830px;
height:131px;
display:block;
clear:both;
margin-bottom:3px;
}
.header:after{
content: ".";
clear:both;
height:0;
visibility:hidden;
display:block;
}
.header h1, #header h1 img{
float:left;
width:620px;
}

.header #rotate-images{
float:left;
margin:7px -100px 7px -140px;
}


.footer {
  width: 100%;
  clear: both;
  padding: 5px 0 0 0;
  position: relative;
  display:block;
}

.footer p {margin: 10px 0 0 20px; color: #383;}

.footer hr {
  color: #944;
	margin: 0;
	background: #944;
	height: 5px;
}

/************** Special Fixes *************/

.outer {word-wrap: break-word;}
/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */

img {max-width: 100%;} 
/* prevents oversize images from breaking layout in browsers that support max-width */

/* \*/
* html #wrapper1,
* html #wrapper2,
* html .outer a, 
* html .container-left, 
* html .container-right,
* html .outer,
* html h2,
* html .sidenav li a 
{height: 1%;}
/* Holly hack */


#wrapper1,
#wrapper2,
.outer a, 
.container-left, 
.container-right,
.outer,
h2,
.sidenav li a 
{min-height: 1%;}
/* gives layout for IE7 */

/*** Variance fixes for IEwin ***/

/*\*/
* html .outer p {margin-right: -6px;}
/* */


/**************** Utility Rules *******************/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */


.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}

#navmenu{
margin:0 0 0 0;
padding:0;
display:block;
float:left;
clear:both;
width:100%;
position:absolute;
top:-2.25em;
left:-1px;
}
#navmenu ul{
list-style: none;
margin: 0 0 0 21px;
padding:0;
float:left;
position:relative
}
#navmenu li{
float:left;
position:relative;
margin:0;
}

#navmenu li a{
display:block;
height:3em;
padding:0;
margin: -1px;
background-image: url(uploads/images/styleImages/menu1.gif);
background-position: top left;
text-decoration: none;
font-size: 1em;
letter-spacing:.05em;
color: #000000;
font-family:arial, san serif;
font-weight:bold;
}
#navmenu li a.Home{
color:#555555;
}
#navmenu li a.Wishes{
color:#555555;
}
#navmenu li a.Giving{
color:#555555;
}
#navmenu li a.Volunteering{
color:#555555;
}
#navmenu li a.About{
color:#555555;
}
#navmenu li a.Community{
color:#555555;
}
#navmenu li a.Anniversary{
color:#000000;
font-family:verdana;
font-size: 1em;
}
* html #navmenu li, * html #navmenu li a{
width:1%;
}
#navmenu li.active a, #navmenu li.firstactive a{
font-weight:bold;
}
#navmenu li a:hover, #navmenu li.active a, #navmenu li.firstactive a{
background-position:  300px 0;
}
#navmenu li a span{
display:block;
width:100%;
height:100%;
padding:0;
margin:0;
background-image: url(uploads/images/styleImages/menu2.gif);
background-position: top right;
background-repeat: no-repeat;
border-top:1px solid transparent;
border-right-width: 0;
}
#navmenu li a:hover span, #navmenu li.active a span, #navmenu li.firstactive a span{
background-image: url(uploads/images/styleImages/menu2active.gif);
}
#navmenu li a span span{
display:block;
width:100%;
height:4em;
padding:0;
margin:0;
background-image: url(uploads/images/styleImages/menu3before.gif);
background-position: bottom right;
background-repeat: no-repeat;
}
#navmenu li a:hover span span{
background-image: url(uploads/images/styleImages/menu3before.gif);
}
#navmenu li.active a span span{
background-image: url(uploads/images/styleImages/menu3active.gif);
}
#navmenu li.after a span span{
background-image: url(uploads/images/styleImages/menu3after.gif);
}
#navmenu li.before a span span{
background-image: url(uploads/images/styleImages/menu3before.gif);
background-position: bottom left;
}
#navmenu li.first a span span{
background-image: url(uploads/images/styleImages/menu3first.gif);
background-position: bottom left;
}
#navmenu li.firstactive a span span{
background-image: url(uploads/images/styleImages/menu3firstactive.gif);
background-position: bottom left;
}
#navmenu li a span span span{
display:block;
margin:.5em 1.2em .5em 1.2em;
background-image: none;
}
#navmenu li a:hover span span span, #navmenu li.active a span span span, #navmenu li.before a span span span,#navmenu li.firstactive a span span span{
background-image: none;
cursor: pointer;
}
.inner-left ul li{
margin-bottom:.5em;
width:135px;
}
.inner-left ul li a{
display:block;
text-decoration:none;
padding: 3px 2px 4px 2px;
width:125px;
color:#000099;}
.inner-left ul li a:visited{
color:#3333FF;
}
.inner-left ul li a:hover{
background-color:#ffff66;
}
.inner-left ul li.currentpage{
background-color:#ffffff;
padding: 3px 5px 4px 2px;
}
.clear{
background-image:none;
margin:0;
font-size:1px;
}
.expand{
font-size: 10px;
}
#cntnt01moduleform_1{
font-size: 1px;
margin-top:25px;
margin-left:-7px;
text-align:center;
}
#cntnt01moduleform_1 label{
display:none;
}
#cntnt01moduleform_1 input{
font-size:8pt;
margin:2px auto;
}
#cntnt01searchinput{
width:125px;
}
#toplinks{
float:right;
clear:right;
margin-top:118px;
margin-left:-200px;
margin-right:60px;
font-size: 9pt;
width:200px;
position:relative;
}
#toplinks a{
float:right;
position:relative;
margin:.5em 0 2px .5em;
color: #FFFF99;
text-decoration: none;
font-weight:bold;
}
#toplinks a:hover{color:#FFFF00; }
#toplinks a:visited{color:#FFFFFF;}

.centerbox{
font-size: 10pt;
line-height: 1.33em;
}

.mission1{
background-repeat: no-repeat;
background-image: url(uploads/images/styleImages/mission-ul1.gif);
background-position: top left;
margin: 5em 50px 0 50px;
}

.mission1 div{
width:100%;
height:100%;
background-repeat: no-repeat;
text-align:left;
}
.mission1 h2{
font-size:1.4em;
margin:0 25px -5px 25px;
color:#330033;
display:block;
padding-top:23px;
font-weight:bold;
}
.mission2{
background-image: url(uploads/images/styleImages/mission-ur1.gif);
background-position: top right;
}
.mission1a{
background-image: url(uploads/images/styleImages/mission-ul2.gif);
background-position: top left;
}
.mission2a{
background-image: url(uploads/images/styleImages/mission-ur2.gif);
background-position: top right;
}
.mission3a{
background-image: url(uploads/images/styleImages/mission-br2.gif);
background-position: bottom right;
}
.mission4a{
background-image: url(uploads/images/styleImages/mission-bl2.gif);
background-position: bottom left;
}
.mission-inner{
padding:20px 0 33px 25px;
font-size: 1.2em;
font-weight: normal;
}
.mission-inner p{
margin: 0 15px 0 0;
font-size: .75em;
font-family: "Century Gothic", Arial, Verdana, sans-serif;
font-weight: bold;
font-style: italic;
color: #000000;
}

/* =========NEWS ITEMS ========= */
.NewsSummary{
clear: both;
background-image: url(uploads/images/starweb.png);
background-color:#FFFFFF;
background-repeat: no-repeat;
background-position: top left;
margin-bottom:1em;
}
.NewsSummary div{
margin-left:42px;
background-color:#FFFFFF;
}
.FrontNewsSummary{
background-color:#FFFFFF;
margin-bottom:1em;
}
.FrontNewsSummary div{
margin-left:42px;
background-color:#FFFFFF;
}
.NewsSummaryPostdate, .NewsSummaryAuthor, .NewsSummaryMorelink, #NewsPostDetailDate, #NewsPostDetailAuthor{
font-size:.9em;
color:#999999;
}
#NewsPostDetailDate{
margin-bottom:-1em;
}

#NewsPostDetailPrintLink{
margin-top:.5em;
}
NewsSummaryLink{
font-size:1.2em;
font-weight:bold;
}
.WishNewsSummary{
background-color:#F8F8F8;
background-repeat: no-repeat;
background-position: top left;
margin-bottom:1em;
}
.WishNewsSummary div{
margin-left:42px;
background-color:#F8F8F8;
}
.WishNewsSummary P{
background-color:#F8F8F8;
}
.WishNewsSummaryLink a{
background-color: #F8F8F8;
text-decoration: underline;
color: #000000;
}
.WishNewsSummaryLink img{
margin: 5px;
border-top: white 2px solid;
border-right: silver 2px solid;
border-bottom: silver 2px solid;
border-left: white 2px solid;
}
h3 a{
background-color: #F8F8F8;
text-decoration: none;
color: #000000;
}
h3 a:visited{
color: #000000;
}

IMG.leftalign, img.leftalign{
float:left;
}
area {
onfocus: blur();
border: 0 none;
}

.thumb{
display:block;
float:left;
clear: none;
}

.vt {
width: 350px;
height: 10px;
float: left;
margin-left: 5px;
margin-right: -5px;
margin-bottom: -360px;
margin-top: 360px;
transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
}

#MJB {		
position:absolute;
float:left;
left:175px;
top:70px;
width:480px;
height:410px;			
}
#SFWK {		
position:absolute;
float:left;
left:175px;
top:70px;
width:480px;
height:410px;			
}

/* End of 'Standard-01' */

/* Start of CMSMS style sheet 'standard-ie' */
.right-sidebar h2{
padding:20px 0 3px 0;
}
#navmenu{
margin:-3px 0 0 0;
}
.header{
width:850px;
}
#wrapper3, #wrapper4{
padding-right:30px;
margin-right:-38px;
}
#wrapper4{
left:4px;
}
html>body  .right-sidebar{
left:-15px;
}
html>body #wrapper4{
left:-17px;
}
#cntnt01moduleform_1{
display:block;
position:relative;
left:-7px;
top:7px;
padding-bottom:8px;
}

.right{
left: 20px;
}

.container-left {
margin:0;
position:relative;
top:16px;
}
.inner-left{
padding:2em 0 2.25em 0;
margin: 0 -1em 0 1em;
}
.inner-right-sidebar{
padding:10px 0 33px 0;
margin: 0 auto;
width:115px;
display:block;
}
.picturelist, .picturelist li{
text-align:center;
margin: 0 auto;
}
.picturelist li{
width:100px;
height: 100px;
margin:10px;
}
.vt {
width: 12px;
height: 350px;
margin-top: 0px;
transform: rotate(-90deg);
writing-mode: tb-rl;
filter: flipv fliph;
}
/* End of 'standard-ie' */