html {
	background-color: white;
}

p {
   margin-top       : .8em;
   font-size        : .8em;
}

.cm {
	font-size        : .8em;
}

body {
   font-family      : verdana, arial, sans-serif; 
   font-size        : 120%; 
   behavior         : url(csshover.htc);
   color            : darkgreen;
}

h2 {
   font-size         : 1em;
   margin:0px 0px 15px 0px;
}

h3 {
   font-size         : 0.9em;
   font-style        : italic;
   color             : darkred;
   margin            : 20px 0px 15px 0px;
}

h4 {
   font-size         : 0.7em;
   margin            : 10px 0px 10px 0px;
}

li h3 {
   margin-top        : 1em;
   color             : darkred;
}
.fh {
	font-style        : italic;
	color             : darkred;
}
.ulc {
	font-size         : 0.8em;
}

#gettoaugustana {
	margin-top        : 25px;
	margin-bottom     : 60px;
	}

#gettoaugustana img {
	margin-right      : 25px;
}
#m20 {
	font-style        : italic;
	border-style      : solid;
	border-width      : 1px;
	border-color      : orange;
	color             : #555555;
	background-color  : #DDDDDD;
	padding           : 25px;
	margin            : 60px;
	text-align        : center;
}
	
	
a:link {
	text-decoration: none
}
a:visited {
	text-decoration: none
}
a:active {
	text-decoration: none
}
a:hover {
	text-decoration: underline; color: orange;
}


#header {
   margin-left      : 0px;
   padding-left     : 20px;
   padding-top      : 10px;
   padding-bottom   : 10px;
   padding-right    : 20px;
   font-size        : 1.5em;
   font-family      : Georgia, Times, "Times New Roman", serif;
   background-image : url(banner.png);
   background-repeat : no-repeat;
   background-color : #FFFFFF;
}

#leftcolumn {
   left              : 0px;
   font-family       : helvetica, ariel, sans-serif;
   font-size         : 0.7em;
   position          : absolute;
   width             : 100px;
   margin-left       : 20px;
   margin-right      : 100px;
   margin-top        : 30px;
   padding-left      : 8px;
   padding-top       : 8px;
   padding-right     : 8px;
   padding-bottom    : 8px;
   background-color  : #DDD;
   border-color      : #303030;
   border-width      : 1px;
   border-style      : solid;
   color             : #303030;
}

#lefthomecolumn {
	position : absolute;
	left : 10px;
	top   : 55px;
	width : 220px;
	height : 620px;
	margin-top : 30px;
	margin-right : 30px;
	margin-left : 10px;
	margin-bottom : 20px;
	padding-top: 10px;
    background-color  : #BBB;
}

#lefthomecolumn p {
	margin-top        : 5px;
	margin-left       : 10px;
}

#lefthomecolumn img {
	align : center;   // TODO
}	

.latin {
   font-family       : didot, "andale mono", "trebuchet ms", monospace;
}

#rightcolumn {
   right             : 0px;
   margin-top        : 30px;
   margin-right      : 20px;
   position          : absolute;
   width             : 40px;
   height            : 480px;
   background-image  : url(cross.jpg);
   background-color  : yellow;
}

#rightbox {
   font-size         : 0.8em;
   margin-left       : 540px;
   margin-top        : 85px;
   margin-right      : 80px;
   position          : absolute;
   width             : 300px;
   height            : 480px;
}

#tusday {
   margin-top       : 30px;
   margin-left      : 260px;
   margin-right     : 100px;
   font-size        : .8em;
}

div#tusday ul {
  margin-left: 0px;
  padding-left: 20px;
}

div#mainbody ul {
  margin-left: 0px;
  padding-left: 5px;
  list-style-type : none;
}

#mainbody {
   margin-top       : 50px;
   margin-left      : 50px;
   margin-right     : 100px;
   font-size        : .8em;
}

#footer {
	color            : blue;
   margin-top       : 400px;
   margin-left      : 20px;
}

#indexlist {
   font-size        : .8em;
}

div#listoflinks ul {
   list-style-type  : none;
}

div#listofservices ul {
   list-style-type  : none;
}
div#listofservices ul il {
   display          : block;
   margin-top       : 50px;
}

div#councilimage {
   padding-left     : 80px;
   padding-top      : 25px;
   width            : 500px;	
}

div#adventimage {
   width            : 300px;
   border           : 1px;
   border-style     : solid;
		
}

* {margin:0; padding:0;} 

/* the horizontal menu starts here */
div#navigation {
   width            : 100%;            /* makes the div full width */
   float            : left;            /* makes the div enclose the list */
   border-top       : 1px solid #444;  /* draws line on top edge of div */
   border-bottom    : 1px solid #444;  /* draws line on bottom edge of div */
   font-size        : .8em;
   background-color : #999;
	}

div#navigation ul {
   margin           : 0 0 0 20px;      /* indents ul from edge of container */
}
div#navigation li {
   z-index          : 2;
   float            : left;            /* causes the list to align horizontally instead of stack */
   position         : relative;        /* positioning context for the absolutely positioned drop-down */
   list-style-type  : none;	           /* removes the bullet off each list item */
   background-color : #EEE;            /*sets the background of the menu items */
   border-right     : 1px solid #444;  /* creates dividing lines between the li elements */
}
div#navigation li:first-child {
   border-left      : 1px solid #444;  /*the first vertical line on the menu */
}
div#navigation li:hover { 
   background-color : #FFF;            /*sets the background of the menu items */
}
div#navigation a {
   display         : block;           /* makes list items in drop down highlight */
                                      /* and wrapped lines indent correctly */
   padding         : 0 6px;           /* creates space each side of menu item's text */
   text-decoration : none;            /* removes the underlining of the link */
   color           : #444;            /* sets the type color */
}
div#navigation a:hover {
   color:#F33;
}
.navimage {
	background-image : url(../images/bishop.16.20.jpg);
	padding-left: 10px;
	background-repeat : no-repeat;
}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#navigation ul li ul {
   margin          : 0;               /* prevents the TEMP value inheriting from the horiz menu */
                                      /* OK to remove if you remove TEMP above */
   position        : absolute;        /* positions the drop-down ul in relation to its relatively positioned li parent */
   width           : 10em;            /* sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
   left            : -1px;            /* aligns the drop exactly under the menu */
}
div#navigation ul li ul li {
   width           : 100%;            /* makes the list items fill the list container (ul) */
   border-left     : 1px solid #444;  /* three sides of each drop-down item */
   border-bottom   : 1px solid #444;
   border-right    : 1px solid #444;
   padding         : 0 0 1px;
}
div#navigation ul li ul li:first-child {
   border-top      : 1px solid #444;  /* the top edge of the dropdown */
}
/* make the drop-down display as the menu is rolled over */
div#navigation ul li ul {
   display         : none;            /* conceals the drop-down when menu not hovered */
}
div#navigation ul li:hover ul {
   display         : block;           /* shows the drop-down when the menu is hovered */
}
/* pop-out starts here */
body div#navigation ul li ul li ul  {
   visibility      : hidden;          /* same effect as display:none in this situation */
   top             : -1px;
   left            : 10em;
}
div#navigation ul li ul li:hover ul {
   visibility      : visible;         /* same effect as display:block in this situation */
}
/* second level popouts start here*/
div#navigation ul li ul li:hover ul li ul {
   visibility      : hidden;
}
div#navigation ul li ul li ul li:hover ul {
   visibility      : visible;         /* same effect as display:block in this situation */
}
/* third level popouts start here*/
div#navigation ul li ul li ul li:hover ul li ul {
   visibility      : hidden;
}
   
div#navigation ul li ul li ul li ul li:hover ul {
   visibility      : visible;        /* same effect as display:block in this situation */
}

   
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#navigation ul {
   float          : left;           /* makes the ul wrap the li's */
   border-left    : 1px solid #000; /* adds the rightmost menu vertical line to the ul */
   margin-left    : 15px;           /* IE doubles the given value above - why? */
}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#navigation ul li ul {
   border-top     : 1px solid #069;
   border-left    : 0px;            /* stops the drop inheriting the ul border */
}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#navigation ul li ul li ul { 
   left            : 9.85em; 
   voice-family    : "\"}\""; 
   voice-family    : inherit;
   left            : 10em;
}
/* and the "be nice to Opera" rule */
html>body div#navigation ul li ul li ul {
   left:10em;
}

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
@media all and (min-width: 0px) {
   body div#navigation ul li ul {padding-bottom:200px;}
   body div#navigation ul li ul li ul {padding-bottom:22px;}
   body div#navigation ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
}
/*end Opera hack */
/* end of hack zone */
/* END OF LIST-BASED MENU */

/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
 /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   */
@import("ie51_menu_hack.css"); 
/* END OF DROP DOWN MENUS */

@import("clearfix.css");