/**** Globals ****/
body { padding:0px; margin:0px; font-family:Verdana, Arial, Sans-Serif; font-size:12px; line-height:16px; background:#B8B5D4; }

.clear { float:none; clear:both; }

.png { behavior:url(../utils/pngHack.htc); }

h1 { font-size:22px; margin:0px; padding:0px; color:#4D488B; line-height:24px; margin-bottom:15px; }
h2 { font-size:16px; margin:0px; padding:0px; color:#4D488B; line-height:18px; }
h3 { font-size:16px; margin:0px; padding:0px; color:#FFFFFF; line-height:18px; }
h4 { font-size:14px; margin:0px; padding:0px; color:#4D488B; }
h5 { font-size:12px; margin:0px; padding:0px; color:#4D488B; }

ul li { margin-bottom:5px; }
ul.nobullets { padding:0; margin:0 10px 10px 0; }
ul.nobullets li { padding:0 0 10px 0; margin:0; list-style:none; }

a:link { font-family:Verdana; font-size:12px; color:#4D488B; text-decoration:underline; }
a:visited { font-family:Verdana; font-size:12px; color:#4D488B; text-decoration:underline; }
a:hover { font-family:Verdana; font-size:12px; color:#4D488B; text-decoration:none; }

a.white:link { color:#FFFFFF !important; }
a.white:visited { color:#FFFFFF !important; }
a.white:hover { color:#FFFFFF !important; }

a.breadcrumb:link { color: #999999; font-size:10px; text-decoration: none; }
a.breadcrumb:visited {  color: #999999; font-size:10px; text-decoration: none;  }
a.breadcrumb:hover {  color: #999999; font-size:10px; text-decoration:underline;  }

a.footer:link { color:#29286A !important; font-size:10px; text-decoration: none; }
a.footer:visited { color:#29286A !important; font-size:10px; text-decoration: none;  }
a.footer:hover { color:#29286A !important; font-size:10px; text-decoration:underline;  }

a.np:link { color:#999999; font-size:9px; }
a.np:visited { color:#999999; font-size:9px; }
a.np:hover { color:#999999; font-size:9px; }
.np { color:#999999; font-size:9px; display:none; }

.heightfix { display:none; }
.bold { font-weight:bold; }
.on { display:block; padding:7px; }
.off { display:none; }
.wm { text-align:center; font-size:11px; }


.red { color:#FF0000; }

#center { margin:auto; width:940px; }

#background { float:left; width:765px; padding:40px 85px 0 90px; background:url(../images/bg.jpg) top no-repeat; }
#container { float:right; width:751px; padding-right:16px; margin-bottom:10px; background:#CCCAE0; border:1px solid #FFFFFF; }

.TopNav { float:right; width:730px; height:32px; margin:14px 0; border:4px solid #29286A; }

#header { float:right; margin:0 0 12px 4px; }

#rotate { display:none; padding:0px; margin:2px 0 0 0; list-style:none; width:636px; height:180px; display:block; }
#rotate li { position:absolute; }

#flash { float:left; width:636px; height:180px; border:4px solid #29286A; background:url(../images/no_flash_sub.jpg) top no-repeat;}

#main { float:right; width:730px; padding-bottom:10px; background:#FFFFFF; border:4px solid #29286A; }
#top { float:left; height:40px; width:730px; background:url(../images/top_bg.jpg) repeat-x; }

.employment { display:block; float:left; background-image:url(../images/employment.jpg); width:157px; height:32px; }
.employment:hover { background-image:url(../images/employment_on.jpg); }
.calendar { display:block; float:left; background-image:url(../images/calendar.jpg); width:125px; height:32px; }
.calendar:hover { background-image:url(../images/calendar_on.jpg); }
.gallery { display:block; float:left; background-image:url(../images/gallery.jpg); width:114px; height:32px; }
.gallery:hover { background-image:url(../images/gallery_on.jpg); }
.facebook { display:block; float:left; background-image:url(../images/facebook.jpg); width:114px; height:32px; }
.facebook:hover { background-image:url(../images/facebook_on.jpg); }


.SearchBox { float:left; margin:4px 4px 0 0; }

#left { float:left; width:238px; padding-top:10px; }
#left_admin { float:left; width:238px; background:url(../images/left_small.jpg); }
#banner { width:237px; }

.BannerImage { display:block; }
.BannerText { display:block; margin-top:5px; padding-bottom:10px; color:#544C85; width:200px; font-size:12px; line-height:20px; font-weight:bold; border-bottom:1px solid #D2D1E1; }

#right { float:left; width:460px; min-height:440px; padding:10px 10px; border-left:1px solid #D2D1E1; }
#breadcrumbs { float:left; width:470px; color:#999999; font-size:10px; font-weight:bold; line-height:20px; padding:0px 0px 8px 0px; }

#boxes { float:right; width:710px; padding:10px 14px 14px 14px; margin:14px 0 14px 0; color:#FFFFFF; background-color:#29286A; }
#box-bg { /*background-color:#645E8E;*/ float:left; background:url(../images/boxes-bg.gif) repeat-y; }
.box { float:left; width:218px; }
.box h3 { margin:auto; margin-top:0; margin-bottom:0; height:25px; background-color:#29286A; background-position:center; background-repeat:no-repeat; }
.box h3 span { display:none; }
.box h4 { color:#ffffff; text-decoration:underline; margin:0 0 5px 0; }
.box #dyk { background-image:url(../images/dyk.gif); }
.box #events { background-image:url(../images/events.gif); }
.box #families { background-image:url(../images/meet_families.png); }
.box #news { background-image:url(../images/news.gif); }
.box #news-events { background-image:url(../images/news_events.gif); }
.separator { /*background:url(../images/separator.gif) repeat-y 12px 0; background-color:#29286A;*/ display:block; float:left; width:25px; height:207px; }
.callout { padding:5px; }
.callout .date { font-weight:bold; display:block; }
.callout .release { overflow:hidden; margin:0 0 10px 0; }
.callout .news-entry { display:block; font-weight:bold; margin:0 0 5px 0; }
.callout .event-entry { display:block; margin:0 0 5px 0; overflow:hidden; }
.callout .white { text-align:right; display:block; }


#timeline { width:450px; height:300px; padding:5px; background:#D2D1E1; border:1px solid black; }

#footer { font-size:10px; color:#29286A; text-align:center; padding-bottom:15px; }

a.employment_btn:link { width:158px; height:33px; float:left; background:url('../images/employment.jpg') no-repeat;  }
a.employment_btn:hover { width:158px; height:33px; float:left; background:url('../images/employment_on.jpg') no-repeat;  }
a.employment_btn:visited { width:158px; height:33px; float:left; background:url('../images/employment.jpg') no-repeat;  }



/** Topnav buttons **/
.TopNav { cursor:pointer; }
.TopGroup { cursor:pointer; float:left; }
.SubGroup { cursor:pointer; float:left; border:4px solid #29286A; }
.TopChildItem { font-size:14px; color:#FFFFFF; background-color:#254287; }
.TopChildItemHover { font-size:14px; color:#FFFFFF; background-color:#254287; }

.dropshadow2{
	float:left;
	clear:left;
	background: url(../images/shadow_large.gif) no-repeat bottom right !important;
	background: url(../images/shadow_large.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	padding: 0px;
}
.innerbox{
position:relative;
bottom:6px;
right: 6px;
border: 1px solid #999999;
padding:4px;
margin: 15px 0px 0px 0px;
}
.innerbox{
/* IE5 hack */
\margin: 0px 0px -3px 0px;
ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
margin: 3px;
padding-bottom:0px
}

.accordionHeader
{
    border: 1px solid #CCCCCC;
    color: #EEEEEE;
    background-color:#2B2A6C;
		font-family: Arial, Sans-Serif;
		font-size: 12px;
		font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected
{
    border: 1px solid #CCCCCC;
    color: #EEEEEE;
    background-color:#FFFFFF;
		font-family: Arial, Sans-Serif;
		font-size: 12px;
		font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    background-color:white;
    border-top: none;
    padding: 5px;
    padding-top: 5px;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	width:720px;
}

/** Progress Div **/
.progressContainer { position:relative; top:25px; left:170px; z-index:2; }
.progressBox { position:absolute; width:100px; border: 1px solid #999999; padding:6px; background-color:#FFFFFF; text-align:center; }

/**** Datagrids ****/
.datagrid { border-color:#4D488B; }
.datagrid td { padding:3px; }
.datagridheader { background-color:#4D488B; color:#FFFFFF; font-weight:bold; }
.datagridheader a:link { color:#FFFFFF; text-decoration:none;  }
.datagridheader a:visited { color:#FFFFFF; text-decoration:none;  }
.datagridheader a:hover { color:#FFFFFF; text-decoration:underline;  }

.datagriditem { }
.datagriditem_alt { background-color:#eeeeee; }
.datagridfooter {  }








.Rotator 
{
  cursor:default; 
  background-color:#2B2A6C;
}





/**** Photo Gallery ****/
.TabNav { font-size:13px; }
.TabNav a { padding:4px; height:24px; line-height:24px; }
.TabContentBox { padding:10px; border:solid 1px #cccccc; background-color:#fcfcfc; }

.grey { color:#666666; font-size:11px; text-decoration: none; }
.grey:link { color:#666666; font-size:11px; text-decoration: none; }
.grey:visited { color:#666666; font-size:11px; text-decoration: none; }
.grey:hover { color:#666666; font-size:11px; text-decoration:underline; }

.inactivetab { height:23px; line-height:23px; margin:0px 4px 0px 0px; }
.inactivetab:link { text-decoration: none; }
.inactivetab:visited { text-decoration: none; }
.inactivetab:hover { background:#dddddd; text-decoration: none; }

.activetab { background:#3C5991; color:#ffffff; height:23px; line-height:23px; margin:0px 4px 0px 0px; }
.activetab:link { color:#ffffff; text-decoration: none; }
.activetab:visited { color: #ffffff; text-decoration: none; }/**/
.activetab:hover { color: #ffffff; text-decoration: none; }

.GalleryBG { float:left; padding:5px; border:solid 1px #cccccc; background:#eeeeee; width:450px; }
.AdminGalleryBG { float:left; padding:5px; border:solid 1px #cccccc; background:#eeeeee; width:660px; }
.GalleryPhotoHolder { float:left; padding:10px; width:140px; height:140px; }
.GalleryPhoto { padding:5px; border:solid 1px #cccccc; background:#ffffff; display:block; }
.GalleryPhoto:hover {  }
.GalleryPhotoDrag { padding:5px; border:solid 1px #cccccc; background:#ffffff; cursor:move; }
.GalleryPhotoDrag:hover { border:solid 1px #3C5991; }