@charset "utf-8";
/*
ISM Parent Connection style 1

These override the styles specified in the template
*/

/* The base layout is 980 pixels wide and has a grey background with a centered container */
body {
	background: #FFFFFF;
	margin: 10px 0;
	padding: 0;
	text-align: center; /* center the container in IE 5 - see #container */
		background-image: url('./backgroundgray.png');
	background-repeat: repeat-x;

}

#container {
	width: 980px;
	margin: 0 auto 0 auto; /* center in non-IE5 browsers */
	padding: 0;
	text-align: left; /* override the body's text-align: center */
}

/* The container is divided into areas that each have a background image.
 * Each of these should have 0 margin and padding so they render correctly
 * on both IE and other browsers.
 */

#headerArea {
	background-image: url("/images/header-news.png");
	background-repeat:no-repeat;
	width: inherit;
  	height: 214px;
	margin: 0;
	padding: 0;
}

#menuArea {
	background-image: url("/images/background-menu.png");
	background-repeat:no-repeat;
 	width: inherit;
 	height: 46px;
	margin: 0;
	padding: 0;
}

#contentArea {
	background-image: url("/images/content-background.png");
	background-repeat:repeat;
 	width: inherit;
	margin: 0;
	padding: 0;
}

#footerArea {
	background-image: url("/images/footer-back.png");
	background-repeat:no-repeat;
	clear: both;
	width: inherit;
	height: 150px;
	margin: 0;
	padding: 0;
}

.header-home {
	background-image: url("") !important;
	height:700px !important;
	position:relative;
}

.header-about {
	background-image: url("/images/header-about.png") !important;
}

.header-events {
	background-image: url("/images/header-events.png") !important;
}
.header-board {
	background-image: url("/images/header-board.png") !important;	
}

.header-volunteer {
	background-image: url("/images/header-volunteer.png") !important;
}

.header-programs {
	background-image: url("/images/header-programs.png") !important;
}

.header-news {
	background-image: url("/images/header-news.png") !important;
}


/*************************************
 * Define the main content styles such as text properties
 */

body { /* The parent of all content that defines the fundamental look */
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#pageContent {
	padding: 1px 50px; /* Inset over the graphical border */
}

#pageContent a {
	color:#990000;
}

#pageContent h1 {
	margin-bottom: 0px;
	padding: 0px 0px 10px 10px;
	color: #000000;
	font-size: 1.5em;
	font-variant: small-caps;
	font-weight: bold;
}

#pageContent h2 {
	margin-bottom:0px;
	padding: 0px 0px 0px 10px;
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
}
#pageContent h3 {
	margin-bottom:0px;
	padding: 10px 0px 0px 50px;
	color: #666666;
	font-size: 1.2em;
	font-style: italic;
}
#pageContent h4 {
	padding: 10px 0 0;
	font-size: 1.2em;
	font-weight:normal;
	clear:both;
}


#pageContent p {
	padding: 0px 10px 5px 10px;
	color: #333333;
	line-height:20px;
}
#pageContent .subtext p{
	margin-top:0px;
	padding:0px 10px 5px 50px;
}


#pageContent li {
	list-style:square;
	line-height:130%;
	padding: 5px 0px;
}

#pageContent .nameList li {
	list-style:none;
	font-style:italic;
	line-height:100%;
	text-indent:-20px;
}

#pageContent .threeColumn {
	float:left;
	width: 250px;
	margin-top: 0px;
	padding-top:0px;
}
#pageContent .threeColumn li {
	list-style:none;
	line-height:100%;
	text-indent:-20px;
}
#pageContent .twoColumn {
	width: 550px;
	margin-left: 320px;
	margin-top: 0px;
	padding-top:2px;
}
#pageContent .twoColumn li {
	list-style:none;
	line-height:100%;
	text-indent:-20px;
}



/* Form formatting */

#pageContent table {
	width: 520px;
	float: left;
	margin-bottom:20px;	
	padding-top:0px;
}
#pageContent td, th {
	padding:10px;
}

#pageContent .col1 {
	width:150px;
	padding:4px;
	vertical-align:top;
}

#pageContent .col2 {
	padding:4px;
	width:300px;
	vertical-align:top;
}

#pageContent .future-event {
	padding:10px 0;
}


/* Positioned content such as quotes */
#pageContent blockquote {
	float: right; 
	clear: right;
	width: 200px;
	background:#EEDDBB; /* displayed for the length of the content */
	margin: 10px 30px 10px 20px;
	padding: 10px 30px 10px 10px;
	border-left:solid;
	border-left-color:#990000;
	
	font-style:italic;
	background-image:url("./enquote10b.png");
	background-repeat:no-repeat;
	background-position:bottom right;
}

#pageContent blockquote p {
	font-size:.75em;
	padding-top:30px;
	padding-bottom:25px;
	background-image:url("./bgquote10b.png");
	background-repeat:no-repeat;
	background-position:top left;
	overflow:auto;
}

#pageContent img {
	border-width:0px;
}

#pageContent .photo_right {
	float: right;
	padding: 20px 0px 20px 20px;
}

#pageContent .special { /* red flag to point out special offering */
	background-image:url("./flag40.png");
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:40px;
}


/*************************************
 * The footer is inset also
 */
#postContent {
	float: left;
	width: 600px;
	padding: 1px 20px 0px 50px; /* Inset over the graphical border */
}

#postContent h1 {
	color: #000000;
	font-size: 1.3em;
}

#postContent h2 {
	color:#990000;
	font-size:1.1em;
}

#postContent a{
	color: #990000;
}

#postContent a:visited{
	color: #666666;
}

#postContent .post_date, .postmetadata{
	color: #666666;
	font-style: italic;
}


#postWidgets { 
	margin-left:680px;
	width: 270px;
	background:#C0C0C0; /* displayed for the length of the content */
	border-bottom:solid;
	border-bottom-color:#666666;

}

#postWidgets .widgettitle {
	color: #fff;
	font-size: .9em;
	text-transform: uppercase;
	text-align:center;
	padding: 10px 10px 10px 20px;
	margin: 0 0 15px 0;
	background-color: #666666;
}


#postWidgets a, caption{
	color: #990000;
}

#postWidgets a:visited{
	color: #666666;
}


#postWidgets ul { 
	list-style-type:none;
	padding-left:0px;
	padding-right:0px;
	margin:0;
}


#postWidgets .widget {
	border-top: solid;
	border-top-color: #666666;
	padding-bottom:15px;
}

#postWidgets #calendar_wrap, form { 
	padding-left:20px;
	padding-bottom:5px;
}

#postWidgets .cat-item, .textwidget { 
	padding-right:20px;
	padding-left:20px;
}

#postWidgets .widget_archive ul { 
	padding-right:20px;
	padding-left:20px;
}

#postWidgets .future-event {
	padding:10px 0;
}



/*************************************
 * The footer is inset also
 */
#footer {
	margin:0;
	padding: 5px 20px 0px 20px; 
}

/* Each footer widget is in a list - remove the bullet */
#footerWidgets ul { list-style-type:none;}

/* The footer menu has arrows for bullets */

#footerWidgets ul{
	margin:0 20px;
}
#footerWidgets .menu-footer-menu-container li { 
	width: auto; 
	float:left; 
	position:relative;
	margin:0px 40px 5px 0px;
	padding-top:0px;
	padding-left:20px;
	background:url("/images/arrow.png") left center no-repeat;	
}

#footerWidgets a{
	background-repeat: no-repeat;
	font-size: .9em;
	color: #333333;
	text-decoration:inherit;
}

#footerWidgets .copyright{
	text-align: center;
	padding:50px 0 0 0;
	color: #666666;
	font-size: 80%;
	clear: both;
}


/*************************************
 * Menu formatting is implemented with CSS
 */

/* The menu is content width and floated to the right */
#menu { padding:10px; width:auto; background:none; float:right; position:relative; }

/* Image buttons in the menu shouldn't have a border */
#menu img {	border:none;}

/* The menu bar is an unstyled hierarchical list */
.menuBar ul { list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; }

/* Hide the submenu until the top menu item is active then position it under the top menu */
.menuBar ul ul { visibility:hidden; position:absolute; top:30px; }
.menuBar ul li:hover ul, .menuBar ul a:hover ul { visibility:visible; }

/* Menu items are sized to the content, no background and float horizontally with the first item on the left */
.menuBar li { width: auto; background:none; float:left; position:relative;	padding: 0; }

/* Menu text links are colored, displayed as a block with padding between */
.menuBar a, .menuBar a:visited { color:#000000; height:30px; line-height:30px; font-size:15px;
			padding: 0 10px; display:block;	text-decoration:none; }

/* Submenu text links also have a width, background color, and some size adjustment */
.menuBar ul ul a, .menuBar ul ul a:visited { width: 180px; background: #CCCCCC; height: auto;
			line-height: 1em; padding: 10px 10px; }

/* The current page is also a different color .current_page_ancestor a*/
.menuBar .current_page_item > a, .menuBar .current_page_item > a:visited { font-weight: bold; }

/* Menu items that are hovered over get different colors */
.menuBar a:hover, .menuBar ul ul a:hover, .menuBar :hover > a, .menuBar ul ul :hover > a,
.menuBar .current_page_item > a:hover, .menuBar .current_page_item > a:hover:visited  { color:#FFFFFF; background:#333333; }


/*************************************
 * Home page style override
 */
.page-template-homepage-php .slideshow a{ position:absolute; left:700px; top:460px;}
.page-template-homepage-php .slideshow img{ width:220px; height:220px;}
.page-template-homepage-php #footerArea{ display:none;}

.page-template-homepage-php #homepageContent ul { list-style-type:none; padding:0;
			position:absolute; left:400px; top:140px; width:260px; }

 
 
.future-event ul { color: #333333;line-height:30px;}
.future-event a {color: #990000	}

/* Photo positions */
#eventshow1 { position:absolute!important; left:20px; top:20px;}

/*************************************
 * Additional useful styles
 */

.special { /* red flag to point out special offering */
	background-image:url("./images/flag40.png");
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:40px;
}

.centerAlign {
	text-align:center;
}

.leftAlign {
	text-align:left;
}

.rightAlign {
	text-align:right;
}

.floatRight {
	float:right;
	padding:5px 0px 5px 5px;
}

.floatLeft {
	float:left;
	padding:10px 5px 5px 0px;
	clear:left;
}


.clearfloat { /* place on a final div to ensure floats are contained */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.submitButton {
	margin:20px 0 20px 425px;
	float:left;
	clear:both;
}
.clearBoth {
	clear:both;
}