/*---------------------------------------------------------------
 (c) 2008 Divine Savior United Methodist Church
     5702 South Hill Drive, Madison, WI  53705
     (608) 238-7753, dsumc@wisconsinumc.org

 TITLE: Divine Savior United Methodist Church (ds1.css)
 URL..: www.divinesaviorumc.org
---------------------------------------------------------------*/

/*make sure the menu 'buttons' that people hover-over don't appear like links, but the ones in the content aren't affected*/
a.menu:active, a.menu:link, a.menu:visited {
	font-style:italic;
	color:black;
	text-decoration:none;
}

a.menu:hover {
	font-style:italic;
	color:#6990B5;
	text-decoration:none;
}

/* this affects the directions and staff --*/
/* to differentiate the links which make extra text appear under their headings from 'real' links; often used with toggleDisplay(id) in ds.js*/
a.toggle:active, a.toggle:hover, a.toggle:link, a.toggle:visited {
	font-family:"Arial";
	/*--font-style:normal;
	color:black;
	text-decoration:none; --*/
	font-size:10pt;
}

body {
	background-color:white;
	font-family:"Franklin Gothic Medium" "Arial";
	border-collapse:collapse; /*set here to apply everywhere, except still needed at table level*/
	margin:5px 0px 0px 0px; /*because this has a value, we need to set it for div and table, too*/
	padding:0px 0px 0px 0px; /*padding set at this level covers all others except td*/
}

div {
	margin:0px 0px 0px 0px; /*needed because body has a top margin*/
}

h3.header {
	font-weight:bold;
	font-size:12pt;
	font-family:"Arial";
}

iframe.content_full {
	height:324px;  /* 355px -10 top margin -10 bottom margin -1 menu border */
	width:730px;   /* full content_full width, margins taken care of */	
}

iframe.content_split {
	height:324px;  /* 355px -10 top margin -10 bottom margin -1 menu border */
	width:365px;   /* full content_split width, margins taken care of */
}

img {
	margin:0px 0px 0px 0px;
	vertical-align:text-top;
}

img.header {
	border-style:none; /*so it's not inherited because it's a link*/
}

/*overrides the default font (set in body) of Franklin such and such*/
p {
	font-family:"Arial";
}

p.small {	
	font-size:10pt;
}

p.medium {	
	font-size:12pt;
}

p.large {	
	font-size:13pt;
}

p.x-large {	
	font-size:14pt;
}

/*for the bottom couple lines that say (c) DSUMC*/
p.copyright {
	font-size:8pt;
}

table {
	width:800px;
	font-family:"Franklin Gothic Medium";
	border-collapse:collapse; /*also set at body level, but this is needed to cover all classes of table, tr, and td*/
	margin:0px 0px 0px 0px; /*needed because body has a top margin*/
	vertical-align:top; /*this affects ALL tr and td elements, too, so only exceptions need to be defined below*/
}

/* content in a table                   */
/* keep similar to content_split        */
table.content_full {
	margin:20px 0px 10px 0px; /*needed because the 'default' (set in table) is no margins*/
	height:324px;  /* 365 total -10 margin -1 menu border*/
	width:730px;
	vertical-align:middle;
}

/* content in a table split 50/50       */
/* keep similar to content_full         */
table.content_split {
	margin:20px 0px 10px 0px; /*needed because the 'default' (set in table) is no margins*/
	height:324px;  /* 365 total -10 margin -1 menu border*/
	width:730px;
	vertical-align:middle;
}

/* sets correct width for use inside one half of a content_split table, such as on the staff pages */
table.half_split {
	font-family:Arial;
	font-size:10pt;
	width:335px; /* need to subtract approximately 15 from 365 to account for the possibility of a (vertical) scroll bar, plus the margin-left below */
	margin-left:10px; /* so that the text of the two sides don't touch */
}

table.footer {
	height:35px;
}

table.master {
	height:600px;
}

table.menu {
	font-family:"Franklin Gothic Medium" "Arial";
	font-size:12pt;
	height:20px;
	background-color:#D5E7F8;  /* light blue */
	width:730px;
	vertical-align:middle;
}

table.menuData {
  /*has no effect when used with the ds.js dropdown menus*/
}

table.mid {
	height:375px;
	width:800px;
}

td {
	padding:0px 0px 0px 0px; /*set here to cover all classes of td*/
}

td.content_split {
	width:365px;
}

td.footer {
	height:35px;
}

td.main {
	height:375px;
	width:730px;
}

td.menuEdge {
	text-align:center;
	width:140px;
}

td.menuMid {
	text-align:center;
	width:150px;
}

td.mid {
	height:375px;
	width:35px;
}

#leftBorder {

}

#rightBorder {

}

tr.footer {
	height:35px;
}

tr.header {
	height:auto;
	width:800px;
}

tr.menu {
	/*cursor:hand; <--removed because the words (as links) still get the hand, and this makes it funny with the popup menus*/
	height:20px;
}

tr.mid {
	width:800px;
	height:375px;
}

ul {
	margin:0px; /*needed so there isn't an automatic line break before the bullets*/
	list-style-type:disc;
	list-style-position:inside;
}

/* list item for large text             */
/* this font is larger than other pages */
/* keep the same as p.large             */
ul.large {
	font-family:"Arial";
	font-size:13pt;
}

ul.small {
	font-family:"Arial";
	font-size:10pt;
}

ul.medium {
	font-family:"Arial";
	font-size:12pt;
}

ul.x-large {
	font-family:"Arial";
	font-size:14pt;
}