* {                      /* removes all margins and padding; text elements will need theirs replaced */
  margin: 0;
  padding: 0;
  
}

html,body{margin:0;padding:0}

html {                   /* precautionary technique to get consistent type sizes */
  font-size: 100.01%;
}
body {
  font-family: "Lucida Grande","Bitstream Vera Sans","Myriad Web",Verdana,sans-serif; /* Mac,Linux,Windows,generic,keyword */
  font-size: 62.5%;      /* makes 1 em equal to 10px; text size and spacing can be controlled using percentages */
  color:#4E2A28;  
  }
  
/* controls the active topnav links (turns them orange and adds the bullet to the active link) */
#topnav span{
	visibility:hidden;
	}

body.ds #topnav #ds, body.ds #topnav #ds span,
body.exchange #topnav #exchange, body.exchange #topnav #exchange span,
body.hosting #topnav #hosting, body.hosting #topnav #hosting span,
bodyd.itsupport #topnav #itsupport, body.itsupport #topnav #itsupport span,
body.onsite #topnav #onsite, body.onsite #topnav #onsite span,
body.webstore #topnav #webstore, body.webstore #topnav #webstore span,
body.training #topnav #training, body.training #topnav #training span {
	visibility:visible;
	margin-left:-5px;
	padding-right:5px;
	text-decoration:none;
	color:#225a97;
	}

#topnav a:hover span{
	visibility:visible;
	margin-left:-5px;
	padding-right:5px;
	text-decoration:none;
	color:#225a97;
	}
		
#service_navigation span{
	visibility:hidden;
	} /* this hides the bullet on leftnav items until activated by css below*/
	

/* controls active leftnav links (adds the dot to the active link) */
body#progdesc a#progdesc2 span.bullet,
body#using a#using2 span.bullet,
body#offcampus a#offcampus2 span.bullet,
body#mobile a#mobile2 span.bullet,
body#setup a#setup2 span.bullet,
body#faq a#faq2 span.bullet,
body#addserves a#addserves2 span.bullet,
body#contact a#contact2 span.bullet,
body#news a#news2 span.bullet,
body#newsroom a#news2 span.bullet,
body#employ a#employ2 span.bullet,
body#email a#email2 span.bullet,
body#about a#about2 span.bullet,
body#calendar a#calendar2 span.bullet,
body#courses a#courses2 span.bullet,
body#regis a#regis2 span.bullet {
	visibility:visible;
	padding-right: 5px;
	margin-left:-5px;
	text-decoration:none;
	color:#ef8b1c; 
	}
/* controls active leftnav links (adds the underline to the active link) */
body#progdesc a#progdesc2,
body#using a#using2,
body#offcampus a#offcampus2,
body#mobile a#mobile2,
body#setup a#setup2,
body#faq a#faq2,
body#addserves a#addserves2,
body#contact a#contact2,
body#news a#news2,
body#newsroom a#news2,
body#employ a#employ2,
body#email a#email2,
body#about a#about2,
body#calendar a#calendar2,
body#courses a#courses2,
body#regis a#regis2  {
	text-decoration:none;
	border-bottom: 1px dotted #ef8b1c; 
	padding-bottom: 1px;
	}
	

/* controls the Additional Services options, does not display the option(s) related to the service site viewed. For example, it does not show the training option when viewing the Additional Services page in the Training site.*/
body.exchange #additionalservices #exchange3, body.exchange #additionalservices #exchange3 li,
body.hosting #additionalservices #hosting3, body.hosting #additionalservices #hosting3 li,
body.itsupport #additionalservices #itsupport3, body.itsupport #additionalservices #itsupport3 li,
body.itsupport #additionalservices #itsupport4, body.itsupport #additionalservices #itsupport4 li,
body.itsupport #additionalservices #itsupport5, body.itsupport #additionalservices #itsupport5 li,
body.onsite #additionalservices #onsite3, body.onsite #additionalservices #onsite3 li,
body.webstore #additionalservices #webstore3, body.webstore #additionalservices #webstore3 li,
body.training #additionalservices #training3, body.training #additionalservices #training3 li {display:none; }

img {
	border:none;
	}

p,li,dt,dd,table,form { /* sets most content text to 11 on 16 */
  font-size: 110%;
  margin: 10px 10px;  /* sets margins to 16px top-bottom, 11px left-right */
  line-height: 1.5;     /* sets basic leading grid using multiple of font size */
}
li {
  margin: 0 10px;
}
li li {
  font-size: 110%;
  line-height: 1.5;
}

h1 {                       
  font-size: 200%;      
  line-height: 1.25;
  }

h2 {                    
  font-size: 150%;
  margin-top: 20px;
  margin-bottom: 5px;
  line-height: 1.05;
  font-weight:bold;
  color: #56aa04;
}

h3 { /*topnav headers*/
  font-size: 120%;
  line-height: 1.25;
  
}

h4 {
  font-size: 150%;
  margin-top: 20px;
  margin-bottom: 5px;
  line-height: 1.05;
  font-weight:bold;
  color:#4E2A28;}

h5 {                    
  font-size: 150%;
  margin-top: 20px;
  margin-bottom: 5px;
  line-height: 1.05;
  font-weight:bold;
  color: #26a6e1;
}

.style1 {                       
  font-size: 250%;      
  line-height: 1.25;
  margin-left:-3px;
  }
.style24 {font-size: 120%; font-weight: bold; color: #ff9933; }

.style30 {color: #ff9933; }


/* DS HOME PAGE HEADER (additional DS styling is below) _______________________________________________________________________ */
#header1 {
  float: left;
  width: 100%;
  height: 150px;
  z-index:100;
  background-image:url(images/Header2.png);
  background-repeat:no-repeat;
}

#header2 {
  float: left;
  width: 100%;
  height: 150px;
  z-index:100;
  background-image:url(images/Header2.png);
  background-repeat:no-repeat;
}

#middle {
  margin: 150px 200px 0 200px;
  border-right: 2px dotted #56aa04;
  border-left: 2px dotted #56aa04;
}
@media print { #middle { border-right: 0px; border-left: 0px;   margin: -50px 60px 0 60px; } }	


#middle2 {
  margin: 150px 200px 0 200px;
  border-right: 2px dotted #26a6e1;
  border-left: 2px dotted #26a6e1;
}
@media print { #middle2 { border-right: 0px; border-left: 0px;   margin: -50px 60px 0 60px; } }	

		
	/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #header a {float:none;}
  /* End IE5-Mac hack */


#content { 
  font-size:110%;
  padding:0px 5px 5px 5px;
}
#content img{
	float: left;
	margin: 15px 10px 10px 0px;
	}
#content p{
	line-height:200%;
	}
@media print { #content { border-right: 0px; border-left: 0px; margin:0; } }	

#content li{
 	margin-left: 20px;
	line-height:150%;
	}
#content ol{
 	margin-left: 20px;
	}



body.about #illustration {
	background-image:url(images/collage.jpg);
	background-repeat: no-repeat;
	background-position:top;
	margin-bottom: 15px;
	margin-top: -150px;
	height:198px;
	border-bottom:8px solid #0099FF;
	}

body.welcome #illustration {
	background-image: url(images/Collage3.jpg);
	background-repeat: no-repeat;
	fbackground-position:top;
	margin-bottom: 15px;
	margin-top: -150px;
	height:198px;
	border-bottom:8px solid #0099FF;
	}

body.faith #illustration {
	background-image:url(images/Faith.jpg);
	background-repeat: no-repeat;
	background-position:top;
	margin-bottom: 15px;
	margin-top: -150px;
	height:198px;
	border-bottom:8px solid #0099FF;
	}

body.staff #illustration {
	xbackground-image:url(images/pastor.jpg);
	background-repeat: no-repeat;
	background-position:top;
	margin-bottom: 15px;
	margin-top: -150px;
	height:198px;
	background-color:#1fb6ed;
	}

body.values #illustration {
	background-image: url(images/collage2.jpg);
	background-repeat: no-repeat;
	background-position:top;
	margin-bottom: 15px;
	margin-top: -150px;
	height:198px;
	border-bottom:8px solid #0099FF;
	}

body.map #illustration {
	display:none;
	}

body.news #illustration {
	display:none;
	}
body.friends #illustration {
	background-image: url(images/collage1.jpg);
	background-repeat: no-repeat;
	background-position:top;
	margin-bottom: 15px;
	margin-top: -150px;
	height:198px;
	border-bottom:8px solid #0099FF;
	}
body.quest #illustration {
	background-image:url(images/quest.jpg);
	background-repeat: no-repeat;
	background-position:top;
	margin-bottom: 15px;
	margin-top: -150px;
	height:198px;
	border-bottom:8px solid #0099FF;
	}
@media print { #illustration { display: none;} }


#other1{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 60px;
	padding-right: 30px;
	margin-top:10px;
	}
#other1 a {color:#56aa04; text-decoration:none;}
#other1 a:hover {color: #56aa04; text-decoration:underline;}
#other1 a: visited{
	color: #56aa04;
	text-decoration:none;
}
#other1 ul li{
 	margin-left: 20px;
	}


/* COMMON TO ALL LAYOUT (except where noted) --------------------------------------------------------------------------------*/
#container { 
  width: 95%;
  min-width: 875px; /* layout won't get skinnier than this. */
  margin: 40px 20px 0 20px;
  border: 1px dotted #aaa;
  min-height: 100%;
  z-index:1;
  background-image:url(images/water.jpg);
  xbackground-image:url(images/background2.jpg);
  background-position:top right;
  background-repeat:no-repeat;
  }
xbody.welcome #container { 
  width: 95%;
  min-width: 875px; /* layout won't get skinnier than this. */
  margin: 40px 20px 0 20px;
  border: 1px dotted #aaa;
  min-height: 100%;
  z-index:1;
  background-image:url(images/leaves.jpg);
  background-position:top right;
  background-repeat:no-repeat;
  }
xbody.faith #container { 
  width: 95%;
  min-width: 875px; /* layout won't get skinnier than this. */
  margin: 40px 20px 0 20px;
  border: 1px dotted #aaa;
  min-height: 100%;
  z-index:1;
  background-image:url(images/background3.jpg);
  background-position:top right;
  background-repeat:no-repeat;
  }
#container2 { 
  width: 95%;
  min-width: 875px; /* layout won't get skinnier than this. */
  margin: 40px 20px 0 20px;
  border: 1px dotted #aaa;
  min-height: 100%;
  z-index:1;
  background-image:url(images/water.jpg);
  background-position:top right;
  background-repeat:no-repeat;
  }

xbody.values #container2 { 
  background-image:url(images/background4.jpg);
  background-position:top right;
  background-repeat:no-repeat;
  }

xbody.news #container2 { 
  background-image:url(images/water.jpg);
  background-position:top right;
  background-repeat:no-repeat;
  }

xbody.staff #container2 { 
  background-image:url(images/background5.jpg);
  background-position:top right;
  background-repeat:no-repeat;
  }

xbody.friends #container2 { 
  background-image:url(images/background6.jpg);
  background-position:top right;
  background-repeat:no-repeat;
  }

@media print { #container {margin:0; border:none; min-width:0px; }}
@media print { #container2 {margin:0; border:none; min-width:0px; }}




#header { /* DS Home page has alternate header1 div */
  float: left;
  z-index:9;
  height:108px;
}

#logo {
	float: left;
	margin: 25px 41px 0 44px;
	border:none;
	z-index:9;
	}  
@media print { #logo { margin: 25px 0px 0 44px; } }	

#titlebar{ /* DS Home page has alternate titlebar1 div */
	font-size:325%;
	margin-top:0px;
	margin-right: 0px;
	margin-left:128px;
	padding-left: 10px;
	height:110px;
	}
#titlebar a {text-decoration: none; color:#56aa04;}
#titlebar a:hover {text-decoration:none; color:#56aa04;}
#titlebar a:visited {text-decoration: none; color:#56aa04;}

@media print { #titlebar {margin-left: -30px; } }	

#dots{
	float:left;
	margin-left:0px;
	overflow:hidden; /*overflow-x:hidden makes blue bar work correctly in Opera*/
	padding:0px;
	z-index:1;
	
	}
#dots table{
	margin-top:15px;}
@media print { #dots img { display:none; } }	
	

#main {  /* Container for middle column information (on all pages). This div lives in a wrapper div. l-r margins match widths of next two divs. DS Home page has alternate content div. */
  margin: 0px 190px 0 190px;
  padding: 25px 10px 20px 10px;
  border-right: 2px dotted #56aa04;
  border-left: 2px dotted #56aa04; 
 
  font-size:110%;
  line-height: 150%;
  height:100%;
  }
@media print { #main { border-right: 0px; border-left: 0px; margin:0px 25px 0 25px; } }	

#main a:link {color:#56aa04; text-decoration:none;}
#main a:visited {color:#56aa04; text-decoration:none;}
#main a:hover { text-decoration:underline;}


#main ul li{
 	margin-left: 30px;
	}

#main ul li a {color:#56aa04; text-decoration:none}
#main ul li a:visited {color:#56aa04;}
#main ul li a:hover { text-decoration:underline;}



#other{ /* DS Home page has alternate other1 div */
	background-color:#56aa04;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left:-10px;
	}
	
#extra {  /* On this Page column on all pages. DS Home page has alternate news1 div */
  float: right;
  width: 180px;
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 50px;
}
#extra a {text-decoration:none;}
#extra a:link {color:#56aa04;}
#extra a:visited {color:#56aa04;}
#extra a:hover {text-decoration:underline;}
#extra ul li{
	font-size:100%;
 	margin-left: 20px;
	}

@media print { #extra { display: none; } }

#topnav{
  font-size: 120%;
  font-weight:bold;
  line-height: 1.25;
  xheight:30px;
  width:100%;
 } 

#topnav ul { /* ds navigation bar in header area, TopNav.xml in DS Elements */
  clear: both;
  list-style:none;
  width: 100%;
  float: left;   /* to contain floated list items */
  border-bottom: 1px solid #225a97;
  border-top: 1px solid #225a97;
  background-color:#ffffff;
}
#topnav ul li {
  float: left;
  width: 12.00%;  /* adjust this to fill width at minimum overall layout width */
  height: 28px; /* make room for upward line breaks below */
  padding-left: 0px;
  border: 0;
  border-bottom-color: transparent;
  position: relative;
  bottom: -1px; /* this will scoot the bottom border over the list's bottom border */
  top:7px;
  text-align:right;  
  
}

#topnav ul li.current {
  border-bottom-color: #fff; /* makes current item's bottom border cover list's bottom border */  
}

#topnav a {
  text-decoration:none;
  display:block;
  padding-left: 11px;
  line-height: .9;
  position: relative; 
  left: 0px;
}
body.staff #topnav a:link,
body.values #topnav a:link,
 {color:#004179;}
body.staff #topnav a:visited,
body.values #topnav a:visited,
 {color:#004179;}
#topnav a:link {color:#56aa04;}
#topnav a:visited {color:#56aa04;}
#topnav a:hover {color:#56aa04; }
#topnav a:active {border:none;}



	
@media print { #topnav { display: none; } }
	
#topnav2{
  font-size: 120%;
  font-weight:bold;
  line-height: 1.25;
  height:30px;
 } 

#topnav2 ul { /* ds navigation bar in header area, TopNav.xml in DS Elements */
  clear: both;
  list-style:none;
  width: 100%;
  float: left;   /* to contain floated list items */
  border-bottom: 1px solid #225a97;
  border-top: 1px solid #225a97;
  background-color:#ffffff;
}
#topnav2 ul li {
  float: left;
  width: 12.00%;  /* adjust this to fill width at minimum overall layout width */
  height: 28px; /* make room for upward line breaks below */
  padding-left: 0px;
  border: 0;
  border-bottom-color: transparent;
  position: relative;
  bottom: -1px; /* this will scoot the bottom border over the list's bottom border */
  top:7px;
  text-align:right;  
  
}

#topnav2 ul li.current {
  border-bottom-color: #fff; /* makes current item's bottom border cover list's bottom border */  
}

#topnav2 a {
  text-decoration:none;
  display:block;
  padding-left: 11px;
  line-height: .9;
  position: relative; 
  left: 0px;
}
#topnav2 a:link {color:#26a6e1;}
#topnav2 a:visited {color:#26a6e1;}
#topnav2 a:hover {color:#26a6e1; }
#topnav2 a:active {border:none;}














/* departments navigation bar in left sidebar area __________________________________ */
@media print { #navigation { display: none; } }

#navigation {  
  float: left;
  margin-left: 5px;
  width: 175px;
  padding-top: 0px;
  color:#56aa04;
  list-style:none;
  }

#navigation ul {
  list-style: none;
  margin-bottom: 10px; 
}

#navigation li {
  margin-left: 0px;
  
}

#navigation p {  
  color: #4E2A28;
  line-height: 150%;
  font-size:110%;
 }

#navigation p strong{  
  color: #4E2A28;
  }

#navigation a{ display:block; padding-left: 11px;} /*_______________________________________________________________________*/
#navigation a:link {color:#4E2A28; text-decoration:none;}
#navigation a:visited {color:#4E2A28;text-decoration:none;}
#navigation a:hover {text-decoration:underline;}
#navigation a:active {border:none;text-decoration:underline;}


  	
#navigation li.serv1 ul { /* this and hover below control the function of Services drop down on DS home page */
	display:none;
	
}

#navigation li.serv1:hover ul {
	display:block;
	position:relative;
	margin-left:20px;
	font-size:.75em;
	font-weight:lighter;
	margin-top:0px;
	height: 5%; /* need this to make drop down stay visible when hovering on links in the drop down*/
}

#navigation li.serv2 ul { /* this and hover below control the function of Employment drop down on DS home page */
	display:none;
}

#navigation li.serv2:hover ul {
	display:block;
	position:relative;
	font-size:.75em;
	margin:0 0 0 20px;
	font-weight:lighter;
	height: 5%; /* need this to make drop down stay visible when hovering on links in the drop down*/
}

/* footer stuff ______________________________________________ */
#footer {
   clear: both;
   padding: 5px 15px 8px 0px;
   background-color:#8eabc9;
   text-align:right;
   color:#ffffff;
    }

#footer a {text-decoration:none; color: #ffffff;}
#footer a:link {color:#ffffff;}
#footer a:visited {color:#ffffff;}
#footer a:hover {color:#ffffff; text-decoration:underline;}
#footer2 {
   clear: both;
   padding: 5px 15px 8px 0px;
   background-color:#26a6e1;
   text-align:right;
   color:#ffffff;
    }

#copyright {
	float: right;
	width: 50%;
	}
@media print {#footer {display:none;}}

  
#map{
	margin-top:-150px;
	padding:20px;
	}
#map img{
	float:right;
	}
#directions{
	float: left;
	}
#newsfeature {
	margin-top:-150px;
	padding:20px;
	background-color:#ccff99;
	
	}
#newsletter{
	background-color:#00CCCC;
	padding: 20px;
	text-decoration:none;
	}
#news1 {
	float:left;
	width: 30%;
	padding-left:20px;
	}
#news2 {
	float:left;
	width: 30%;
	padding-left:10px;
	}
#news3 {
	float:left;
	width: 30%;
	padding-left:10px;
	padding-right:5px;
	}