@charset "utf-8";

/* ITHACA COMMUNITY CHORUSES: CSS Document */



/*	==========================
			GENERAL
	========================== */
body {
	background-color: #7E7E83;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 82%;
	line-height: 1.5em;
}

h1 {
	font-size: 1.8em;
	line-height: 1.5em;
	margin: 20px 0;
	padding: 0;
}

h1.subPageTitle {
	margin: 5px 0 20px 0;
}

h1.groupTitle {
	margin: 20px 0 0 0;
}

h2 {
	font-size: 1.25em;
	line-height: 1.25em;
	padding: 20px 0 0 0;
	margin: 0;
}

h3 {
	font-size: 1.1em;
	line-height: 1.15em;
	padding: 20px 0 0 0;
	margin: 0;
}
h4 {
	font-size: 1.1em;
	line-height: 1.35em;
	padding: 0;
	margin: 5px 0 20px 0;
}
h5 {
	font-size: 1.1em;
	line-height: 1.35em;
	padding: 0;
	margin: 5px 0 20px 0;
	font-weight: normal;
}
.noMargin {
	padding: 0;
	margin: 0;
}

a {
	color: #1F2E8A;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	background-color: #FFC;
}
p {
	margin: 5px 0;
	line-height: 1.55em;
}
img.directorPhoto {
	float:left;
	margin:5px 20px 5px 0;
	border: 10px solid #ecc475;
}

/*	==========================
		 	LAYOUT DIVS
	========================== */
/*  HEADER (above wrapper) */
.header {
	clear: both;
	width: 100%;
}

.headerContent {
	width: 860px;
	margin: 0 auto;
	padding: 7px 35px;
	background-color: #5F5F65;
	color: #ABABB0;
}

/* Utility Navigation */
.headerContent .utilityNav {
	font-size: .9em;
	padding: 0 20px 0 20px;
	margin: 0;
	text-align: right;
}
.headerContent .utilityNav a, .copyright a {
	color: #ABABB0;
	text-decoration: none; 
}
.headerContent .utilityNav a:hover, .copyright a:hover {
	background-color: #5F5F65;
	text-decoration: underline;
	color: white;
}

.wrapper {
	float: left;
	width: 100%;
	background-color: #5F5F65;
	margin: 0 auto;
}

.colorWrapper {
	width: 984px;
	margin: 0 auto;	
}

.colorWrapperFloat {
	float: left;
	width: 984px;
	background: #C9C9C4 url("images/bckColor4.gif") top repeat-y;
}

.contentWrapper {
	width: 930px;
	margin: 0 auto;	
}

.contentWrapperFloat {
	float: left;
	width: 930px;
}

.contentWrapperFloat#home {background: url("images/bck2Column-Home.gif") top repeat-y;}
.contentWrapperFloat#groups {background: url("images/bck3Column-Groups.gif") top repeat-y;}
.contentWrapperFloat#join {background: url("images/bck2Column-Join.gif") top repeat-y;}
.contentWrapperFloat#events {background: url("images/bck2Column-Events.gif") top repeat-y;}
.contentWrapperFloat#music {background: url("images/bck2Column-Music.gif") top repeat-y;}
.contentWrapperFloat#support {background: url("images/bck2Column-Support.gif") top repeat-y;}
.contentWrapperFloat#about {background: url("images/bck2Column-About.gif") top repeat-y;}

.contentWrapperFloat#voices {background: url("images/bck3Column-Groups.gif") top repeat-y;}
.contentWrapperFloat#ss {background: url("images/bck3Column-Groups.gif") top repeat-y;}
.contentWrapperFloat#icccs {background: url("images/bck3Column-Groups.gif") top repeat-y;}
.contentWrapperFloat#igmc {background: url("images/bck3Column-Groups.gif") top repeat-y;}


/* MASTHEAD */
.masthead {
	float: left;
	background: #333338 url("images/bckMasthead2.gif") left bottom repeat-x;
	height: 180px;
	width: 850px;
	padding: 0 40px 0 40px;
	margin: 0;
}

.masthead .logo {
	 padding-top: 32px;
	 height: 55px;
}



/* MAIN NAV 2 */
.masthead .mainNav {
	float: left;
	margin: 41px 0 0 0;
	padding: 0;
}
.masthead .mainNav ul {
	float: left;
	margin: 0;
	padding: 0;
}
.masthead .mainNav ul li {
	float: left;
	list-style-type: none;
	margin: 0 1px 0 0;
	padding: 0;
	display: block;
}
.masthead .mainNav ul li a {
	display: block; 
	float: left; 
	width: 100px; 
	height: 27px;
	color: #ABABB0; 
	text-decoration: none; 
	text-align: center; 
	padding-top: 7px;
	background-color: #47474d;
	border-top: 8px solid #333338;
	font-size: 1.1em;
}

.masthead .mainNav ul li a.linkHomeActive,
.masthead .mainNav ul li a.linkHome:hover {
	width:100px; font-weight:bold; height:32px; background-color:#191919; border-top:8px solid #191919; padding-top:2px; color:#ecc475; border-bottom:10px solid #ecc475;}

.masthead .mainNav ul li a.linkGroupsActive,
.masthead .mainNav ul li a.linkGroups:hover {
	width:100px; font-weight:bold; height:32px; background-color:#191919; border-top:8px solid #191919; padding-top:2px; color:#98ad5e; border-bottom:10px solid #98ad5e;}
	
.masthead .mainNav ul li a.linkJoinActive,
.masthead .mainNav ul li a.linkJoin:hover {
	width:100px; font-weight:bold; height:32px; background-color:#191919; border-top:8px solid #191919; padding-top:2px; color:#af8ce1; border-bottom:10px solid #af8ce1;}

.masthead .mainNav ul li a.linkEventsActive,
.masthead .mainNav ul li a.linkEvents:hover {
	width:100px; font-weight:bold; height:32px; background-color:#191919; border-top:8px solid #191919; padding-top:2px; color:#87addc; border-bottom:10px solid #87addc;}

.masthead .mainNav ul li a.linkMusicActive,
.masthead .mainNav ul li a.linkMusic:hover {
	width:100px; font-weight:bold; height:32px; background-color:#191919; border-top:8px solid #191919; padding-top:2px; color:#d699cd; border-bottom:10px solid #d699cd}

.masthead .mainNav ul li a.linkSupportActive,
.masthead .mainNav ul li a.linkSupport:hover {
	width:100px; font-weight:bold; height:32px; background-color:#191919; border-top:8px solid #191919; padding-top:2px; color:#cd7863; border-bottom:10px solid #cd7863;}


/*  FOOTER LINKS */
.footer {
	float: left;
	width: 850px;
	clear: both;
	background-color:#333338;
	padding: 20px 40px 30px 40px;
	color: #ccc;
	/*border-top: 9px solid black;*/
}

.footerColumn{
	float: left;
	width: 210px;
}

.footer h1 {
	font-size: 1.4em;
	margin: 0 0 15px 0;
}

.footer ul {
	margin: 0;
	padding: 0;
}

.footer ul li {
	list-style-type: none;
	line-height: 1.5em;
}

.footer a {
	color: #ABABB0;
	text-decoration: none;
}

.footer a:hover {
	color: white;
	text-decoration: underline;
	background-color: #333338;
}


/*  COPYRIGHT (below footer) */
.copyright {
	clear: both;
	width: 100%;
}

.copyrightContent {
	width: 860px;
	margin: 0 auto;
	padding: 20px 35px 20px 35px;
	background-color: #5F5F65;
	color: #ABABB0;
	font-size: .9em;
}



/*	==========================
		 	LEFT COLUMN
	========================== */
.contentLeft {
	float: left;
	width: 680px;
	margin: 0;
	padding: 0;
}

.contentLeft .photoGallery {
}

/* Main Content */
.contentLeft .contentContainer {
	padding: 0;
	margin: 0;
}

.contentLeft .content2Column {
	float: left;
	width: 594px;
	padding: 0 45px 35px 41px;
	margin: 0;
}

.contentLeft .content3Column {
	float:left;
	width: 460px;
	padding: 0 30px 35px 30px;
	margin: 0;
}

/* Breadcrumb links */
.contentLeft .breadCrumbs {
	margin: 0;
	padding: 5px 41px;
	background-color: #c4c4c9;
	font-size: .9em;
	color: #eee;
}

.contentLeft .breadCrumbs a {
	text-decoration: underline;
}

.contentLeft .breadCrumbs a:hover {
	text-decoration: none;
}


/* Left Navigation Links */
.contentLeft .leftNav {
	float: left;
	width: 160px;
	padding: 0;
}

.contentLeft .leftNav ul {
	width: 160px;
	margin: 0;
	padding: 0;
}

.contentLeft .leftNav ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 160px;
	border-bottom: 1px solid #ccc;
}
.contentLeft .leftNav ul li a.linkMain {
	width: 120px;
	color: #444;
	padding: 15px 0 15px 20px;
	background-color: #e4e4e2;
	text-decoration: none;
	display: block;
	width: 140px;
	margin: 0;
}
.contentLeft .leftNav ul li a.linkMainActive {
	width: 120px;
	color: black;
	padding: 15px 0 15px 20px;
	background-color: white;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 140px;
	margin: 0;
}
.contentLeft .leftNav ul li a.linkMainActive:hover {
	background-color: white;
}
.contentLeft .leftNav ul.subLinks {
	margin: 0;
	padding: 0;
}
.contentLeft .leftNav ul.subLinks li {
	margin: 0;
	padding: 0 0 7px 30px;
	width: 130px;
	border-bottom: none;
	background-color: white;
}
.contentLeft .leftNav ul.subLinks li a {
	color: #444;
	text-decoration: none;
}
.contentLeft .leftNav ul.subLinks li a.subLinkActive {
	font-weight: bold;
	color: black;
}
.contentLeft .leftNav ul.subLinks li.lastSubLink {
	padding-bottom: 15px;	
}
.contentLeft .leftNav ul li a:hover {
	color: black;
	text-decoration: none;
	font-weight: bold;
	background-color: #C9C9C4;
}
.contentLeft .leftNav ul.subLinks li a:hover {
	color: black;
	text-decoration: none;
	font-weight: bold;
	background-color: white;
}

/*	==========================
		   RIGHT COLUMN
	========================== */
.contentRight {
	float: right;
	width: 250px;
	color: black;
	padding: 0 0 50px 0;
}

/* Photos */
.contentRight .contentRightPhoto {
	padding: 10px 0 0 10px;
	margin: 0;
}
.contentRight .contentRightText {
	padding: 15px 0 0 0;
	margin: 0 25px;
}
.contentRight .contentRightTextInline {
	padding: 0;
	margin: 0 20px 0 20px;
}
.contentRight .caption {
	margin: 10px 20px 30px 10px;
	font-size: .9em;
	line-height: 1.45em;
}
.attribution {
	font-style: italic;
}


/*	==========================
		      TABLES
	========================== */

table {
	margin: 10px 0;
}
th {
	vertical-align: top;
	padding: 5px;
	background-color: #cadf90;
}

td {
	vertical-align: top;
	padding: 5px;
	background-color: #def3b8;
}
td.center {
	vertical-align: top;
	text-align: center;
	padding: 5px;
	background-color: #def3b8;
}
td p {
	line-height: 1.5em;
	margin: 0 0 5px 0;
}

table.eventTable th {
	background-color: #a5cbfa;	
}

table.eventTable td {
	background-color: #c7dffc;	
}

table.joinTable {
	margin: 0;
}
table.joinTable th.sectionTitle {
	color: black;
	font-size: 1.3em;
	line-height: 1.35em;
	text-align: left;
	padding: 20px 0 5px 0;
	background-color: white;
}
table.joinTable td.submitRequest {
	text-align: center;
	vertical-align: middle;
	padding: 10px 0;
	background-color: #cadf90;
}
table.joinTable td {
	padding: 5px 0 0 0;
	background-color: white;
}

table.groupTable {
	width: 100%;
}
table.groupTable th {
	text-align: left;
}


/*	==========================
		      BLOGS
	========================== */
h2.date-header {
	color: #5c741a;
	margin: 0;
	padding: 10px 0 0 0;
	font-weight: normal;
	font-size: 1em;
	text-transform: uppercase;
}

h3.post-title {
	margin: 0;
	padding: 12px 0 0 0;
}

.post-body {
	padding: 2px 0 0 0;
}