/* CTVMICHIGAN.ORG/HOME.CSS */

/* COLORS: Logo Yellow: #FFC342; Dark Blue: #203879; Dark Red: #AE0C0A; */

/* General */

body        { color: black; margin: 0px; padding: 0px; text-align:center;
              background: white url('http://www.ctvmichigan.org/images/bkgd2.gif') repeat-y center;
              font-style:normal; font-variant:normal; font-weight:normal; font-size:90%; 
              font-family: georgia, arial, helvetica, sans-serif }

a           { color: #203879; }

a.name      { color: #000000; background-color: none; text-decoration: none; }

ul          { list-style-type: disc; font-style:normal; font-variant:normal; font-weight:normal; 
              font-size:1em; font-family:georgia, arial, helvetica, sans-serif; }
              
              
p, form		{ margin: 0 10px 10px 10px; }

.quote		{ font-family: Times, Arial, Verdana, Serif; font-size: 1.2em; color: #006666; 
			  font-style: italic; margin: 1em 30px; }

.caldate, .caldesc {color: #FFCC00; font-family: georgia}
.caldate    { font-size: 1.2em; font-weight: 700; margin-bottom: 0 }
.caldesc    { font-size: 1em; margin-bottom: 1em }
	
h1, h2, h3  { color: #203879; }

h1          { font-size: 1.7em; font-weight: bold; margin:10px; }

h1.ccc		{ font-size: 2.5em; margin-bottom: 20px; line-height: 100% }
	
h2 			{ font-size:1.2em; margin: 10px; clear: left}

h3 			{ font-size:16pt; margin: 1em 0 .5em 10px}

h5			{ margin: 0; line-height: 1em; font-size:.8em; 	font-weight: normal; padding: 0 0 5px 11px; color: #999; }

hr 			{ border-left:0px none; border-right:0px none; border-bottom:0px none; border-top:2px solid #AE0C0A; margin-left: 10px; }

acronym 	{ cursor:help; }
	
img.left 	{ float: left; margin: 5px 7px 5px 0; border: none}

img.right 	{ float: right; margin: 5px 0 5px 7px; border: none}

.caption 	{ font-family: arial, verdana, serif; font-size: 10pt; font-weight: bold;
			  font-style: italic; font-color: #000000 }

.action 	{font-size: 1.2em; font-weight: bolder; color: maroon; text-decoration: underline; font-variant: small-caps}

/* Layout */

#header { text-align: center}
#header img {border: none}

#container {
	width:930px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	text-align:left;
	background-color: white;
}

#sidebar {
	border:1px solid #FCE1A6; 
	background-color: #203879;
	float:right;
	width:200px; 
	margin:10px;
	overflow: hidden;
}

.sidebar-item, .sidebar-button {
	text-align: center;
	margin: 10px auto;
	color: #203879; 
	font-family: calibri;
	font-size: 1.6em;
	font-weight: bold
}

.sidebar-item {
	width: 180px; height: auto; 
}

.sidebar-button {
	background-image: url('../images/logos/button.gif'); 
	width: 150px; height: 40px; 
}

.sidebar-button p {
	line-height: 40px;
	text-decoration: none;
}

.sidebar-item h1, .sidebar-item h2, .sidebar-item h5 { color: white; font-family: georgia; font-weight: normal; text-align: left }

.sidebar-item h1 {font-size: 24px; margin: 20px 0; font-weight: bold; }
.sidebar-item h2 {font-size: 16px; margin: 0 0 20px 0; }
.sidebar-item h5 {font-size: 12px; margin: 0px; font-style: italic; font-weight: bold; }
.sidebar-item a {color: inherit}
.sidebar-item a:hover {color: #203879}


#footer { clear: both }






#logo {
	width:300px;
	padding:0px;
	float:left;
}

#quotes {
	width:630px;
	padding:0px; margin:0px;
	float:left;
	background: url('http://www.ctvmichigan.org/images/blueredbkgd.gif') repeat-x; 
}

#search {
	float: right;
	padding: 3px 0 6px;
	text-align: right;
}

#contentheader {
	display: block; clear: left;
	padding-top: 10px;
}

#content {
	line-height: 1.4em;
	width: 930px;
}

	
#content #WoW {
	border:1px solid #FCE1A6; 
	background-color: #203879;
	float:right;
	width:230px; 
	margin:0px 0px 10px 10px;
	overflow: hidden;
}

/* Formatting */

#search a {
	color: #AE0C0A;
	text-decoration: none;
	font: .82em tahoma, verdana, serif;
}

#search a:hover {
	color: white;
	background-color: #AE0C0A;
}

#WoW h1 {
	color: white;
	font: 1.5em "Trebuchet MS", arial, serif;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px white solid;
}

#WoW a {
	color: white;
	}


#WoW h2 {
	color: white;
	font-size: .8em;
	font-weight: bold;
	line-height: 1em;
	margin-left: 30px;
	padding-left: 30px;
	background: url('../images/WoW.gif') no-repeat top left;
}

#content #WoW a:hover {
	background-color: black;
	text-decoration: none;
}

.copyright {
	font-size: .8em;
	color: #999999;
}

#content a:hover {
	background-color: #ffffff;
	text-decoration: none;
}


#sidebar-clergy
{ float: right; border: solid 2px #203879; color: #AE0C0A; font-size: .8em; width: 200px; height: auto; padding: 5px; margin: 0 10px 10px; }

#sidebar-clergy h1
{ color: #203879; font-size: 1.2em; font-weight: bold; }

.quote-offset-left
{ float: left; text-align: right; padding: 10px 10px 0 0; margin: 0 10px 20px 10px; width: 130px; border-top: 1px solid red; 
border-right: 1px solid red; font-size: 1.2em; font-family: times; color: #AE0C0A; line-height: 120%}




/* Navigation */

#nav, #nav ul {
	float: left;
	width: 930px;
	list-style: none;
	line-height: 1;
	background: #203879;
	padding: 0;
	margin: 0;
	font: 11px tahoma, verdana, helvetica, serif;
	font-weight: bold;
}

#nav { margin-bottom: 20px }

#nav a {
	display: block;
	color: white;
	width: 8.3em;
	w\idth: 7.8em;
	text-decoration: none;
	padding: .5em .8em;
}

#nav a.daddy {
	background: url('../images/whitearrow.gif') no-repeat center right;
}

#nav li {
	float: left;
	border-right: 1px solid white;
	padding: 0;
	width: 7.9em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 12em;
	w\idth: 11.5em;
	font-weight: normal;
	border-width: 0.25em;
	border-bottom: 1px white solid;
	margin: 0;
}

#nav li li {
	border-right: 0px none;
	width: 12.2em;
	w\idth: 11.7em
}

#nav li ul a {
	width: 13em;
	w\idth: 11em;
}

#nav li ul ul {
	margin: -1.5em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #AE0C0A;
}



/* Miscellaneous */

.hide { display: none; }

.hilite { background: #FDE9BF; }