/* 
CSS Document
for BostonCIL.org
created by SouthboroughWebsiteDesign.com
*/
html, body {
   background: #FFFFFF;
   color: #000000;
}

html, body, h1, h2, h3, h4, div, p, ul, li, input {
   font-family: Arial, Helvetica, sans-serif;
}

body {
	margin: 0px;
	padding: 0px;
	font-size:90%;
	font-family: Arial, Helvetica, sans-serif;
}
td {
	vertical-align:top;
}
h1 {
	font-size:1.4em;
}

h2 {
	font-size:1.2em;
}
h3 {
	font-size:1.0em;
}
h4 {
	margin:0px;
	font-size:0.9em;
}



/* hidden elements that we want to show when no css style is used */
.hidden {
	display:none;
}


/* Header Elements */
#skiptocontent a, #skiptocontent a:hover, #skiptocontent a:visited {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
#skiptocontent a:active, #skiptocontent a:focus {
	position:static;
	width:auto;
	height:auto;
}
#first a, #first a:hover, #first a:visited {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:1px;
	height:1px;
	overflow:hidden;
}
#first a:active, #first a:focus {
	position:static;
	width:auto;
	height:auto;
}


#header {
	margin: 0px;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#000000;
}
#header #titleImg {
	margin-bottom:5px;
	float:left;
}
#header p.address {
	float:right;
	color:#663300;
	background-color:#FFFFFF;
	text-align:right;
	font-size:0.8em;
	margin:6px 0 0 0;
	padding:2px 0 8px 0;
}

#header ul.topmenu {
	clear:right;
	list-style:none;
	margin: 4px;
	padding:0;
	color:#000066;
	background-color:#FFFFFF;
	font-size:0.85em;
}

#header ul.topmenu li {
	display:inline;
	float:right;
	margin:0;
	padding:0px 0px 0px 10px;
}
/* #header ul.topmenu a {
	color:#000066;
	background-color:#FFFFFF;
} */
#header ul.topmenu a:hover {
	color:#CC0000;
	background-color:#FFFFFF;
}


#menuBar {
	clear:both;
	margin: 5px 0 0 0 ;
	padding: 4px 0 4px 0;
	color:#FFFFFF;
	background:#003399 url(images/global/header-divider-bar-1px.jpg) repeat-x;
	text-align:center;
	font-size:1em;
	font-weight:bold;
}

#menuBar ul {
	list-style:none;
	margin: 15px 0px 8px 0px;
}

#menuBar li {
	display:inline;
	padding:0px 6px 0px 6px;
}

#menuBar a {
	color:#FFFFFF;
	background-color:#003399;
	text-decoration:underline;

}


/* Floating Columns */
/*
colOne is the standard left navigation
colTwo is center content and should be used with colThree
colThree is a right column at the same width of colOne and should be used with colTwo
colFour is sized at colTwo + colThree and is used in place of these
*/
/* colOne Left Column */
#colOne {
	float: left;
	background-color:#FFFFDD;
	color:#000000;
	width:20%;
	margin:0px;
	padding: 0px 2px 10px 10px;
}

#colOne ul {
	margin-left:0;
	margin-top:2px;
	padding:0;
	list-style:none;
	font-size:0.85em;
}

#colOne li {
	margin:3px 0px 7px 10px;
	padding:0;
}
#colOne p.title {
	padding:0;
	margin:20px 0px 4px 0px;
	font-size:0.9em;
	font-weight:bold;
}

	


/* colTwo center Content */

#colTwo {
	margin:0;
	padding:5px 1em 5px 1em;
	float:left;
	width:50%;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

/* colThree Right Column */
#colThree {
	float: left;
	background-color:#FFFFDD;
	color:#000000;
	width:20%;
	margin:0px;
	padding:10px;
}
#colThree p.title {
	padding:0;
	margin:20px 0px 4px 0px;
	font-size:0.9em;
	font-weight:bold;
}
#colThree p.titleBig {
	padding:0;
	margin:20px 0px 4px 0px;
	font-size:1em;
	font-weight:bold;
}

#colThree p.announce {
	color:#333333;
	background-color:#FFFFDD;
	font-size:0.9em;
	text-align:center;
}
#colThree p.announceLeft {
	color:#333333;
	background-color:#FFFFDD;
	font-size:0.9em;
}
#colThree ul.board {
	color:#333333;
	background-color:#FFFFDD;
	font-size:0.9em;
	font-weight:bold;
}
#colThree ul.board li {
	margin-bottom:6px;
	padding:0;
}
#colThree ul.skills {
	color:#333333;
	background-color:#FFFFDD;
	font-size:0.9em;
}
#colThree ul.skills li {
	margin-bottom:6px;
	padding:0;
}

/* colFour Full Page Content */
#colFour {
	float: left;
	width:70%;
	margin:0px;
	padding:5px 1em 5px 1em;
	border-left:1px solid #CCCCCC;
}

/* Columns for Calendars */
/* colOneCal Left Column */
#colOneCal {
	float: left;
	background-color:#FFFFDD;
	color:#000000;
	width:12%;
	margin:0px;
	padding: 0px 2px 10px 10px;
}

#colOneCal ul {
	margin-left:0;
	margin-top:2px;
	padding:0;
	list-style:none;
	font-size:0.85em;
}

#colOneCal li {
	margin:3px 0px 5px 10px;
	padding:0;
}
#colOneCal p.title {
	padding:0;
	margin:20px 0px 4px 0px;
	font-size:0.9em;
	font-weight:bold;
}
/* colFourCal Full Page */
#colFourCal {
	float: left;
	width:90%;
	margin:0px;
	padding:5px 1em 5px 1em;
	border-left:1px solid #CCCCCC;
}






/* Image Elements */
.imageRight {
	float:right;
	text-align:center;
	margin:0 0 10px 10px;
}
div.imgOne {
	clear:both;
	padding:5px;
	margin:5px 5px 10px 5px;
	text-align:center;
}
div.imgOne p {
	padding:0px;
	margin:2px;
	font-size:0.85em;
	color:#333333;
	background-color:#FFFFFF;
}
div.imgTwo {
	float:left;
	padding:5px;
	margin:5px 5px 10px 5px;
	text-align:center;
}
div.imgTwo p {
	padding:0px;
	margin:2px;
	font-size:0.85em;
	color:#333333;
	background-color:#FFFFFF;
}

div.imgMulti {
	float:left;
	padding:5px;
	margin:5px 5px 10px 5px;
	text-align:center;
}
div.imgMulti p {
	padding:0px;
	margin:2px;
	font-size:0.85em;
	color:#333333;
	background-color:#FFFFFF;
}

/*misc text formatting */


p.photoLink {
	font-size:0.85em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:italic;
	margin:-5px 0px 5px 30px;
}

caption.leftCaption {
	margin: 0 0 0 -10px;
	padding:5px 0 0 0;
	text-align:left;
}

div#colTwo p, div#colTwo ul, div#colTwo ol, div#colFour p, div#colFour ul, div#colFour ol {
	font-size:0.9em;
}
div#colTwo p, div#colFour p {
	margin-left: 1em;
	margin-right: 1em;
}
div#colTwo li, div#colFour li {
	padding-bottom:4px;
}

li.tall {
	padding:2px 6px 6px 0px;
}

#serviceTable {
	font-size:0.8em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:2.0;
}

#staffTable {
	font-size:0.9em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:1.4;
	margin:5px 0px 20px 40px;
}

tr.staff {
	border-bottom:1px;
	border-bottom-color:#CCCCCC;
}

.linksTable {
	font-size:0.9em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:1.1;
	margin:5px 0px 20px 10px;
}

img.thumbnail {
	background-color:#996600;
	color:#333333;
	padding:3px;
}


a.topofpage {
	font-size:0.9em;
	font-style:italic;
	color:#003300;
	background-color:#FFFFFF;
	float:right;
}

a.topcentered {
	font-size:0.9em;
	font-style:italic;
	color:#003300;
	background-color:#FFFFFF;
	float:right;
}

a.topofpage:hover {
	color:#FF0000;
	background-color:#FFFFFF;
}
a.topcentered:hover {
	color:#FF0000;
	background-color:#FFFFFF;
}

a.generic {
	text-decoration:underline;
}
.eventContainer {
	margin:5px;
	padding:0px 10px;
	border-top:1px solid #990000;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.eventContainerAsterisk {
	margin:5px;
	padding:0px 10px;
	border-top:1px solid #990000;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-image:url(images/global/asterisk.gif);
	background-position: 2px 10px;
	background-repeat:no-repeat;
}
.infoBlock {
	float:left;
	padding:10px;
	margin:10px;
	border:1px solid #CCCCCC;

}
.infoBlock p {
	margin:0;
	padding:0;
	font-size:0.9em;
	line-height:1.2;
}
th.dataHead {
	border-bottom:2px solid #666666;
	padding:4px;
	text-align:left;
}
th.dataCell {
	border-bottom:1px solid #CCCCCC;
	padding:4px;
	text-align:left;
	font-size:0.9em;
	font-weight:normal;
}
td.dataCell {
	border-bottom:1px solid #CCCCCC;
	padding:4px;
	font-size:0.9em;
}
td.formElement {
	padding:6px;
	font-size:0.9em;
	border-bottom:1px solid #CCCCCC;
}
div.faq {
	margin-left:5%;
	padding:4px;
	border:1px solid #CCCCCC;
}
/* Footer */

#siteNav {
	clear: both;
	padding:4px 0px 8px 0px;
	margin-top:4px;
	text-align: center;
	font-size:0.75em;
	background-image:url(images/global/footer-gray-1px.jpg);
	background-repeat:repeat-x;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
#siteNav ul {
	list-style:none;
	margin:3px;
	padding:0;
}
#siteNav ul li {
	display:inline;
	margin-left:4px;
	margin-right:4px;
	padding:0;
}

#footer {
	clear: both;
	padding:5px 0px 5px 0px;
	text-align: center;
	font-size:0.7em;
	background:#EEEEEE url(images/global/footer-gray-1px.jpg) repeat-x;
	color:#999999;
}
#footer a {
	color:#999999;
	background-color:#EEEEEE;
}
#footer a:hover {
	color:#CC0000;
	background-color:#EEEEEE;
}
#validation {
	margin-left:10px;
}