/* 
Chris - 

I moved the IEPNG Fix here rather than having it directly on each of the effected elements. 
This worked in my test environnment - but I haven't deployed the changes. Also, I removed the 
relative positioning of the announcment div. We will have to come up with another way to move it where 
we want it. 
When you get in - just deploy the following files to the test site and I will check it in IE6 & Safari

- style/splash.css
- style/structure.css

Thanks!
JW
*/

/* IEPNG Fix for all affected elements 
div, img, a, body {  behavior: url('style/iepngfix.htc');} */
body {
    font-family:Verdana, Arial, Helevitica; 
    font-size:small; 
    background:url('../img/khaki-grad.png'); 
    background-repeat:repeat-x;
    color:#666;
    margin-top:0px;    
    text-align:center;
    } 
a { color:#58A; } 
h1 { 
    width:100%;
    font-size:250%;    
    font-weight:normal; 
    font-family:Cambria, Times New Roman, Times, Serif; 
    margin:10px 0px 20px 0px; color:#443832; float:left;  padding:5px 0px 5px 0px; text-align:center; 

border-top:1px solid #996e65; 
border-bottom:1px solid #996e65;
} 
h1 div{float:none;}
h2 { font-family:Cambria, Times New Roman, Times, Serif; font-size:150%; font-weight:normal; margin:0px 0px 8px 0px; text-align:left; padding:0px;}  
h3 { border-bottom:1px solid silver; font-size:12pt; margin:5px 0px 5px 0px; }
h4 {}
form { margin:0px; float:left; } 
em { font-size:11pt; font-weight:bold; } 
div { float:left; } 
/*********************/
/* Layout
/*********************/ 
#frame {
    float:none; 
    width:830px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;}
	#frame{}
#pageWrapper { 
	width:800px;
	background:url('../img/shadow-bk.png') repeat-y;	
	behavior: url('style/iepngfix.htc');    
	padding:0px 0px 0px 10px;	
    }
    #pageWrapper{_padding:0px 0px 0px 10px;_display:inline; }
#mainFrame {
	width:780px;
 	text-align:left;
	background:url('../img/ribbons.png'); 
    background-repeat:no-repeat;     	  
    border:5px solid white; 	
    border-top:0px; 
    background-color:#fff; 
    }
    #mainFrame{_display:inline;}
#content { margin:5px 15px 15px 15px; width:750px; }
#content {_display:inline; _margin-right:0px; _overflow:hidden;}
#header { width:100%; height:70px;}
#heading { width:100%; float:left; margin:25px 0px 10px 10px;text-align:center;}
#heading p { 
    font-size:16pt; 
    font-family:Times, Times New Roman; 
    font-style:italic;
    font-weight:normal;
    margin:5px 0px 5px 0px;
    }
#imageUpload { width:auto; } 
#breadcrumbs { margin:19px 3px 3px 10px; float:left; }
#breadcrumbs {_display:inline; _margin-top:15px;}
#breadcrumbs div { float:left; }
#logo {display:block;float:left; width:100px; height:65px; border:0px;text-indent:-3000px; margin:10px 0px 0px 8px;} 
#legal {	
	width:830px; 
	margin:0px auto 0px auto;
	background:url('../img/shadow-bot.png') no-repeat;	 
    behavior: url(style/iepngfix.htc);	
	padding:15px 0px 50px 10px;
	font-size:75%;
	text-align:center;
	color:#C6BCB3;
    }
    #legal{_display:inline;}
#legal div {  margin-right:5px;} 
#legal p { text-align:left; margin:0px 0px 3px 0px;float:left; width:675px;_display:inline;} 
#legal a { color:#C6BCB3; } 
#powered-by { 
    float:left;
    margin-right:15px;
    padding-right:25px;
    background:url('../img/adg.png') no-repeat center center;
    behavior: url('style/iepngfix.htc');
    width:60px;
    height:24px;
    text-indent:-5000px;
    border-right:1px solid #C6BCB3;
    } 
#mainColumn { width:495px; float:right; } 
#sidebar { width:245px; float:left; } 
#sidebar td {float:none; width:225px;}
#mainMenu {    
    display:block;
    width:780px;        
	float:left;   
    padding:5px 0px 10px 10px;    
    text-align:center;   
    background-color:#E6F0F7;
    text-align:center;
    border:0px;
    }
#footer {        
    width:760px;
    padding:10px 10px 10px 10px;
    margin:20px 0px 0px 0px;
    border-bottom:3px solid #fff;
    text-align:center;   
    background-color:#E6F0F7;  
    
    }
    #footer{_padding:10px 10px 10px 0px;}
#footer p { color:silver; margin:10px 0px 0px 0px;} 
.infobox { border:1px solid silver; width:165px; padding:10px 10px 10px 10px; } 
.menu { float:none; margin-left:auto; margin-right:auto; width:760px; } 
.menu{_width:770px;}
.menu a {   
    font-size:7pt;
    display:block; 
    float:left; 
    color: #655e4b; 
    margin:5px 4px 5px 4px;
    text-decoration:none; 
    border-bottom:1px solid #a9a08b;  
    text-align:center; 
    }
.menu a:link {  }
.menu a:visited {  }
.menu a:hover { border-bottom:2px solid #a9a08b; color:#000; margin-bottom:4px; }
.menu a:active {  }

/*********************/
/* Ministry 
/*********************/ 
#ministryList { width:400px;  }
#ministryList div { 
	background-color:#FFF;
	display:block;  
	width:375px; 
	border:1px solid silver; 
	text-align:left;
	margin:10px 10px 00px 10px;
	padding:10px 10px 10px 10px;
	font-size:9pt;
	color:#808080;
	text-decoration:none; 
	cursor:pointer;} 
	#ministryList a{ text-decoration:none;}
#ministryList a:link {  } 
#ministryList a:visited { } 
#ministryList div:hover  { background-color:#FFFFCC;} 
#ministryList a:active  { } 
.event-alert {  
    margin:-10px 20px 15px 20px; 
    padding: 10px 10px 10px 10px; 
    background-color: #fcfeac; 
    border: 2px solid #e59044;}
.tip { font-size:70%; width:245px; float:left; } 
.tag { text-transform:uppercase;text-align:center; font-size:60%; display:block; padding:2px; background-color:#060; color:#fff; float:left; margin:3px 5px 0px 0px;} 

.event {float:left; width:100%; padding:0px 0px 10px 0px; } 
.eventException { text-decoration:line-through;}
.event .date-time { width:100%;float:left; display:block; } 
.event .details { float:left; width:100%; display:block;}
/*********************/
/* Events 
/*********************/ 
#eventsList { width:600px;  }
#eventsList a { 
	display:block;  
	width:600px; 
	text-align:left;
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	font-size:9pt;
	color:#7C6453;
	text-decoration:none; } 
#eventsList a:link {  } 
#eventsList a:visited { } 
#eventsList a:hover  { background-color:#FFFFCC;} 
#eventsList a:active  { } 

/*********************/
/* Admin 
/*********************/ 
#adminMenu  {
    display:block;
    float:left;   
    width:780px;
    height:35px; 
    padding:3px 3px 3px 3px;
    margin-left:13px;
}
#adminMenu h2 { display:block;float:left;width:auto;padding-right:10px; } 
#adminMenu .menuItems a:link { text-decoration:none; padding:5px; margin:5px 3px 3px 5px; float:left; display:block; color:#fff; background-color:#7c6453; border:1px solid silver;}
#adminMenu .menuItems a:visited {text-decoration:none; padding:5px; margin:5px 3px 3px 5px; float:left; display:block; color:#fff; background-color:#7c6453; border:1px solid silver;} #adminMenu .menuItems a:hover { background-color:#000; } #adminMenu .menuItems a:active {}
#adminMenu .currentUser { text-align:right;width:165px; float:right; font-size:75%;margin-top:5px; } 
#adminMenu .currentUser a { clear:both; display:block;  } 
/*********************/
/* Audience Block
/*********************/
.audienceBlock {
    display:block; 
    width:140px; 
    height:300px; 
    float:left;
    border:0px solid gray;
    text-align:center;
    margin:2px 2px 2px 2px; 
    }
.audienceBlock a:link {background-color:Transparent;}
.audienceBlock a:visited {background-color:Transparent;}
.audienceBlock a:hover {background-color:#FFFFCC;}
.audienceBlock a:active {background-color:Transparent;}
.audienceBlock img { border:0px; } 
.audienceBlock h2 { text-align:center; } 
#all-ministries { width:100%; font-size:165%; text-align:center;display:block; text-indent:-25px; } 

#missions { margin-top:20px; } 
#missions .callout { float:left; border:1px solid silver; width:90px; padding:3px 3px 3px 3px;position:relative; top:0px; left:1px;background:white;clear:left;}
#missions .outreach-map { margin-top:0px 0px 0px 65px;float:left;border-left:1px solid silver;border-bottom:1px solid silver;} 

/*********************/
/* Boxes
/*********************/   
.box {
    float:left;    
    width:100%;
    padding:10px 0px 10px 0px;
    margin:10px 0px 10px 0px;   
    
}
.box h3 { border-bottom:1px solid silver;color:#829DAD; width:100%;  } 

#subtitle { border-top:1px solid #7C6453; text-align:right;padding-top:4px; margin-bottom:25px;} 
#subtitle h2{ border-top:4px solid #7C6453; display:inline;  }  
 
/*********************/
/* Editor Items
/*********************/
.imageEdit {
    border:1px dashed green;
    cursor: pointer;
    cursor: hand;
    }
.title {
    border:0px; 
    font-size:18pt; 
    font-weight:normal;
    color:#7C6453;    
    }
.inline-edit {
    color:inherit; 
    font-size:inherit;
    margin:inherit;
    border-bottom:1px dashed green;   
    cursor: pointer; 
    cursor: hand;
     
    }
.inline-edit a{text-decoration:none;}    
.inline-edit:link {} .inline-edit:visited {} .inline-edit:hover { background-color:yellow;} .inline-edit:active {}
.label { display:inline-block; width:105px; text-align:right; padding-right:5px; } 
.label-left { display:inline-block; width:105px; text-align:right;padding-right:5px; font-weight:bold; vertical-align:top;} 
.watermark {
    font-family:Verdana, Arial; 
    color:silver; 
    font-style:italic;
    }
.hideByDefault { display:none; } 
.date {
    font-size:14pt; 
    color:Gray; 
    width:90px;
    }   
.dateEdit {
    border:0px;
    border-bottom:dotted 1px #000000; 
    font-size:14pt; 
    color: Gray; 
    width:90px; 
    text-align:center;
    background-color:transparent; 
    cursor: pointer; 
    cursor: hand;
    }
.title-editing {
    color:#e69349; 
    font-size:18pt;
    margin:3px 3px 3px 3px;  
    border:dotted 1px red;   
    }   
.popupMenu {
    border:1px outset white;
    padding:2px;
    background-color: White; 
    margin:3px 3px 3px 3px;
    padding:3px 3px 3px 3px;
    font-size:10pt;
    z-index:10;
    }
.inline-img { display:inline; float:left; margin:10px 10px 10px 0px;  } 
.multiline.inline-edit  {
    border:0px; 
    font-size:10pt;
    display:block; 
    margin:10px 0px 10px 0px;
    padding:10px 10px 10px 10px;
    border:1px dashed green;
    }   
    .detail.inline-edit  {
    border:0px; 
    font-size:10pt;
    display:block; 
    margin:10px 0px 10px 0px;
    padding:10px 10px 10px 10px;
    border:1px dashed green;
    }
textarea { font-family:Verdana, Arial, Helvitica; } 
.bioEdit {
    border:0px;
    border-bottom:dotted 1px #000000; 
    font-size:10pt; 
    text-align:center;
    background-color:transparent; 
    }    
.pastor {
    border:0px solid red; 
    font-size:14pt; 
    color: Gray; 
    width:90px; 
    } 
.pastorEdit {
    border:0px;
    border-bottom:dotted 1px #000000; 
    font-size:14pt; 
    color: Gray; 
    width:90px; 
    text-align:center;
    background-color:transparent; 
    }
.edit img { border: 1px dotted #000; } 
.normal img { border:0px; } 
.popupBackground {
    background: white;
    opacity: 0.75;
    filter:alpha(opacity=75); 
    } 
.closeBtn { 
    border:1px solid silver;    
    background-color:white;  
    margin:3px 3px 3px 3px; 
    padding:1px 1px 1px 1px; 
    text-align:center;
    height:20px; 
    width:16px; 
    color:#808080;
    font:Arial; font-size:10pt; 
    text-decoration:none;
    float:right;
    cursor:pointer;
    cursor: hand;
    }
.cancelBtn {
    text-decoration:none;
    cursor:pointer;
    cursor: hand;
    margin:3px 3px 3px 3px; 
    padding:1px 1px 10px 1px; 
    }
.cancelBtn:hover { background-color:Red; }
#inlineLogin {
    height:200px; 
    width:250px;
    border:2px solid silver;
    padding:10px 10px 10px 10px;
    background-color:#FFFFCC;
    }
    #inlineLogin table {margin-top:10px;}
    #inlineLogin td{width:230px;}
    #inlineLogin h2{float:left; font-weight:bold; font-size:230%;}
    #inlineLogin .label{width:70px;}
    #inlineLogin p{width:240px;}
.modalDialog {
    height:auto;
    width:250px;
    border:2px solid silver;
    padding:10px 10px 10px 10px;
    background-color:#FFFFCC;
    }

#pastorList { width:300px; float:left; } 
#topicCloud { width:300px; float:left; } 
.doc {
    width:650px; 
    margin:10px 20px 10px 20px;
    /*border:1px solid silver;background-color:#FFF;*/
    padding:0px 0px 0px 0px;    
    }   
ol li { list-style-position:outside; margin-top:10px; } 
.inline-login { display:block; float:left; }
.tile {
    width:225px;
    height:179px;  
    margin:5px 5px 5px 10px;
    padding-left:15px;
    float:left;
    }
.tile a { font-size: 13pt;  display:block; margin:8px 5px 2px 5px; text-align:center;}
.tile a:link {}
.tile a:visited {}
.tile a:hover { color:#404040;}
.tile a:active {}
.tileDiv{ width:100%; text-align:center;}

.person-tile {
    width:220px;
    margin:10px 15px 10px 15px;
    text-align:center;
    vertical-align:top;
    height:475px;
    }
.person-tile p { text-align:justify; }
.person-tile img { border:4px solid white; } 
.person-tile h2 { text-align:center; } 

.personImg { border:5px solid white; } 
.activeSermonMonth {
    text-decoration:none; 
    background-color:Orange;
    display:inline-block; 
    margin:2px 2px 2px 2px; 
    width:75px; 
    height:25px; 
    text-align:center; 
    padding-top:7px;  
    border:1px solid silver; 
    }     

/*********************/
/* Sermon Archives
/*********************/
#SermonArchives { width:275px; margin:3px 3px 15px 3px; }
#SermonArchives a  
{
    text-decoration:none;
    display:block; 
    float:left;
    margin:2px 2px 2px 2px; 
    width:60px; 
    height:25px; 
    text-align:center; 
    padding-top:7px;  
    border:1px solid silver;
    } 
#SermonArchives a:link { }
#SermonArchives a:visted {}
#SermonArchives a:hover { background-color:Yellow;}
#SermonArchives a:active { }

/*********************/
/* Sermon Tiles
/*********************/
.sermonTile  {
    width:435px;
    margin:5px 5px 5px 5px;
    padding:5px 5px 5px 5px;
    background-color:#FFF;
    border-top:1px solid silver;
    border-bottom:2px solid silver;
    }
.sermonTile .date {
    display:block; 
    width:50px;
    float:left;
    margin:3px 3px 3px 3px;
    }
.sermonTile .title {
    font-size:13.5pt;
    width:325px;
    display:block; 
    float:left;
    }
.sermonTile .tags  
{
    display:block; 
    width:325px;
    font-size:9pt; 
    color:Gray; 
    font-style:italic; 
    float:left;   
    }
.sermonTile .pastorPhoto { float:right; }

/*********************/
/* Sermon Filters
/*********************/
#sermonFilters { 
    float:left;
    width:275px;
    margin:5px 5px 5px 5px;
    }
#sermonList {
    width:460px; 
    float:left;        
    }
    
.shortBtn { height:20px;  margin-left:2px; font-size:8pt;} 
.ministry-tile {
    float:left; 
    font-size:smaller; 
    display:block; 
    width:345px; 
    height:195px; 
    margin:15px 15px 15px 15px;
    }
.ministry-tile  a h3 { text-decoration:none; } 
.sendBtn { display:block; margin-left:115px;  } 
.eventTags { position:relative; top:-53px; font-size:8pt; } 


/*********************/
/* Small Groups
/*********************/
#smallGroupDays { display:block; float:left; margin:15px 3px 3px 3px; width:100%;}
#smallGroupDays {_display:inline;} 
#smallGroupDays a  {
    text-decoration:none;
    display:block; 
    float:left;
    margin:10px 10px 10px 10px; 
    width:60px; 
    height:25px; 
    text-align:center; 
    padding-top:7px;  
    border:1px solid silver;
    } 
#smallGroupDays a:link { }
#smallGroupDays a:visted {}
#smallGroupDays a:hover { background-color:Yellow;}
#smallGroupDays a:active { }
#smallGroupDays a:disabled { }

/*********************/
/* Core Values
/*********************/
#core-values { width:650px; }
#core-values a { 
    display:block;
    font-size:13pt;
    float:left;
    width:100px;
    height:50px;
    border:3px solid orange;
    margin:3px 3px 3px 3px;
    text-align:center;
    padding-top:10px;
    background-color:Orange; 
    color:#fff; 
    text-decoration:none; 
    } 
#core-values a:link { } 
#core-values a:visited { } 
#core-values a:hover {
    color:#808080; 
    background-color:#fff;
    border-bottom:0px;
    width:175px;
    margin:3px 3px 3px 3px;
    padding:5px 5px 5px 5px;
    } 
#core-values a:active { } 
#core-values a span { display:none; } 
#core-values a:hover span  {
    background-color:#fff;
    color:#808080; 
    margin:3px 3px 3px 3px;
    padding:5px 5px 5px 5px; 
    text-align:left;
    display:block;
    position:relative; 
    left:-11px; 
    top:10px; 
    font-size:10pt; 
    width:175px; 
    height:125px;
    border:3px solid orange;
    border-top:0px; 
    } 
    
/*********************/
/* Calendar
/*********************/
.fullCalendar { width:780px; }
.fullCalendar .day-disabled {
    margin:3px 3px 3px 3px;
    float:left;
    display:block;  
    width:100px;
    height:400px;
    padding:2px 2px 2px 2px;    
    }
.fullCalendar .day {
    margin:2px 2px 2px 2px;
    padding:2px 2px 2px 2px;
    float:left;
    display:block;  
    width:100px;
    height:100%;
    border:1px solid silver;
    }
.fullCalendar .today {
    margin:2px 2px 2px 2px;
    padding:2px 2px 2px 2px;
    float:left;
    display:block;  
    width:100px;
    height:100%;
    border:1px solid orange;
    }
.fullCalendar .christmas {
    margin:2px 2px 2px 2px;
    padding:2px 2px 2px 2px;
    float:left;
    display:block;  
    width:100px;
    height:400px;
    border:1px solid green;
}
.fullCalendar .day h2 {  } 
.fullCalendar .day .event { font-size:small; display:block; margin-bottom:5px;  }
.fullCalendar .today .event { font-size:small; display:block; margin-bottom:5px;  }
.fullCalendar .christmas .event { font-size:small; display:block; margin-bottom:5px;  }
.fullCalendar .day .number {  }
.fullCalendar .calendar h2 { text-align:center; } 

.fullCalendarHorizontal { width:780px; _display:inline; _overflow:hidden;}
.fullCalendarHorizontal .topCal {
    margin-left:15px;
    width:100%;
    float:left;
    _display:inline;
    _overflow:hidden;
}
.fullCalendarHorizontal .topCal div{
    border:1px solid silver;
    width:12%;
    float:left;
    margin:0px 5px 0px 0px;
}
.fullCalendarHorizontal .topCal .active:hover{ cursor:pointer; background-color:Orange; color:White; }
.fullCalendarHorizontal .topCal .today{
    border:2px solid orange;
    padding:0px;
    margin:-1px 5px 0px 0px;
}

.fullCalendarHorizontal .topCal a
{
    width:100%;
     text-align:center;
     display:block;
     margin-top:10px;
}

.fullCalendarHorizontal .day-disabled {
    margin:3px 3px 3px 3px;
    float:left;
    display:block;  
    width:750px;
    padding:2px 2px 2px 2px;    
    }
.fullCalendarHorizontal .day {
    margin:15px 2px 2px 2px;
    padding:2px 2px 2px 2px;
    float:left;
    display:block;  
    width:750px;
    }
.fullCalendarHorizontal .today {
    margin:15px 2px 2px 2px;
    padding:2px 2px 2px 2px;
    float:left;
    display:block;  
    width:750px;
     
    }
.fullCalendarHorizontal .christmas {
    margin:15px 2px 2px 2px;
    padding:2px 2px 2px 2px;
    float:left;
    display:block;  
    width:750px;
}
.fullCalendarHorizontal .day h2 {  } 
.fullCalendarHorizontal .day .dayInfo { width:100%; border-bottom:1px solid gray; font-size:110%; margin-bottom:10px; display:block; padding-left:5px;  } 
.fullCalendarHorizontal .today .dayInfo { width:100%; border-bottom:1px solid gray; color:Orange; font-size:115%; margin-bottom:10px; display:block; padding-left:5px;  } 
.fullCalendarHorizontal .event { font-size:small; width:100%; display:block; color:#666666;  margin-bottom:5px; padding:2px; float:left;  }
.fullCalendarHorizontal .event a { float:left;  }
/*.fullCalendarHorizontal .alt { font-size:small; width:100%; display:block; color:#666666;  margin-bottom:5px; background-color:#ffffde; padding:2px;  }*/
.fullCalendarHorizontal .exception .name { text-decoration:line-through; }
.fullCalendarHorizontal .exception .name a { text-decoration:null; }
.fullCalendarHorizontal .exception .loc { text-decoration:line-through; }
.fullCalendarHorizontal .day .number {  }
.fullCalendarHorizontal .calendar h2 { text-align:center; }

/*********************/
/* New Calendar
/*********************/
.event .time, .event .name, .event .loc{ display:block; float:left; }
.event .time { width:70px; color:#A0A0A0;} 
.event .loc { color:#A0A0A0; font-style:italic;margin-left:5px; } 

/*********************/
/* AJAX Toolkit Fixes
/*********************/
.ajax__calendar table, .ajax__calendar td {float:none;}
.ajax__calendar div:not(:empty) {float:none;}
.ajax__calendar_header div {*float:left;}
.ajax__calendar_prev, .ajax__calendar_next {float:left;}