@charset "utf-8";
/* CSS Document 

Betsy Manning
betsybird27@hotmail.com

January 28, 2010
Updated: Feb. 3, 2010
Updated: Feb 5, 2010
Ringing Hills Chorus Style Sheet
http://www.ringinghillschorus.org

*/
/*
	color:#fff7bf; light yellow 
	color:#428288; dusky blue 
*/

/* =========  Global settings ============ */

body {
	margin: 0;
	padding: 1em 0 0 0;
	background-color:#428288;
	background-image:url(images/bgbluegrunge.jpg);
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #260000;
}

td {
	vertical-align: top;
}

#mainTable {
		margin: 0 auto;
		background-image:url(images/rhc_bg.jpg);
		width: 1024px;
		height: 868px;
		border: #260000 .5em solid;
}
/* ============= Headlines ============= */
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0;
	padding-bottom: 0;
	color: #260000;
	line-height: 100%;
}

h1 {font-size: 1.5em; background:#fffede; padding: .2em; margin-top: .3em;}
h2 {font-size: 1.25em;}
h3 {font-size: 1em;}
h4 {font-size: .75em;}
h5 {font-size: .6em;}
h6 {font-size: .5em;}

/* =============Image Styles ============= */
img {
	border: none;
} 
img.supportImage { 
    display: block;
	margin: 0 auto;
}
img.mainImage {
	border-left: #260000 dashed 1px;
	border-bottom: #260000 dashed 1px;
	}
	
img.gallery {
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0;
	margin-left: .5em;
}	
.caption {
	text-align: center;
	font-weight: bold;
	color: #260000;
}

/* === Main Navigation. Techinque adapted from Bill Weinman @ lynda.com ==== */

/*#mainmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	}
#mainmenu li { 
	float: left;
	margin: 2px;
	padding-right: .3em;
	text-align: center;
	}
#mainmenu li a:link {
	color: #ffffcc;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: .85em; 
	padding-top: .5em;
} 
#mainmenu li a:visited {
	color: #ffffcc;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: .85em; 
	padding-top: .5em;
} 	

#mainmenu li a:focus  {font-size: .85em; text-decoration: none; font-weight: bold; 	padding-top: .5em;} 
#mainmenu li a:hover  {font-size: .85em; text-decoration: none; font-weight: bold; color: #70b57e; border-bottom: 2px solid #70b57e; padding-top: .5em;}
#mainmenu li a:active {font-size: .85em; text-decoration: none; font-weight: bold;	padding-top: .5em;} */

#mainnav{
	text-align: center;
	vertical-align: middle;
	background-image: url(images/rhc_04.jpg);
	background-repeat: repeat-x;
	padding-left: 1.2em;
}

/* === Courtesy Navigation === */

a.courtesy:link {
	font-size: 1em;
	text-decoration: none;
	color:#260000;
	text-transform:uppercase;
}
a.courtesy:visited {
	font-size: 1em;
	text-decoration: none;
	color:#260000;
	text-align:center;
	text-transform:uppercase;
}
a.courtesy:focus {
	font-size: 1em;
	text-decoration: none;
	color:#260000;
	text-transform:uppercase;
}
a.courtesy:hover {
	font-size: 1em;
	text-decoration: underline;
	color:#260000;
	text-transform:uppercase;
}
a.courtesy:active{
	font-size: 1em;
	text-decoration: none;
	color:#260000;
	text-transform:uppercase;
}

/* === Inline Navigation === */

a.inlinenav:link {
	text-decoration: none;
	color: #5a0000;
	font-size: 1em;
	border-bottom: 1px #5a0000 dashed;
}
a.inlinenav:visited {
	font-size: 1em;
	text-decoration: none;
	color: #3b1d00;
}
a.inlinenav:focus {
	font-size: 1em;
	text-decoration: none;
	color:#428288;
}
a.inlinenav:hover {
	font-size: 1em;
	text-decoration: none;
	color:#428288;
	background-color:#ffffcc;
	border-bottom: 1px #428288 dashed;
}
a.inlinenav:active{
	font-size: 1em;
	text-decoration: none;
	color:#428288;
}
/* On About page and Contact, where the text replaces the main photograph */
#maincopy {padding: 0 4em;}

/* ============= Bottom Inset ============ */
#bottomContent td{ 
	border-top: #260000 1px dashed;
	background-color: #fffede;
}

/* ============= Bottom Left ============ */
#bottomLeft  {padding: 0 1em; float: left; width: 265px;}

/* ============= Recruitment in Header ============ */
#recruitDiv  {
	float: right;
	padding-right: 1em;
	font-size: .9em;
	text-align: right;
	width: 275px;}

/* ============= Footer ================= */
#footer{
	text-align: center;
	color:#260000;
	font-size: .75em;
	padding: 1em;
	border-top: #260000 dashed 1px;
}

/* ============= Sidebar ================ */
#sidebar {
	padding: 1em 3em;
	font-size: .9em;
	border-right: 1px #260000 dashed;
	border-top: 1px #260000 dashed;
	background-color: #fffede;
}
#sidebar h2 {
	font-size: 1em;
	padding: 0;
	margin: 0;
}

/* this is for the line between sections in the sidebar 
	an hr can also be used*/
.underlined {
	border-bottom: 1px #260000 dashed;
	padding-bottom: 1em;
}

/* === Text columns for activities.html pages === */

#firstCol, #secondCol, #thirdCol {
	float: left;
	width: 29%;
	padding: 0 1em;
}

/* ======= Form on contact.html page ========= */
input[type="text"]{
	display:block;
	margin-bottom:.5em;
	background-color:#fffede;
}
textarea {
	display:block;
	margin-bottom:.5em;
	background-color:#fffede;
}
/* ======== styling for tabular data tables and schedule page =========== */

.rhcevents {
	color: #5a0000;
	font-weight: bold;}
.regionevents {
	color:#428288;
	font-weight: bold;}
.intlevents {
	color: #690;
	font-weight: bold;}
.rowstyle {background-color:#fffede;}

.floatleft {float: left; margin-right: 1.5em; margin-bottom: 1.5em;}