@import url(calendar.css);

body, div, p, h1, h2, h3, h4, ul, li, table, img
{
	margin:0 0 0 0;
	padding:0;
	border:none;
}

body
{
	background: #e5e5e5 url(../images/pal_background.gif) top left repeat-y;	
	font-family: verdana, Arial, sans-serif;
	font-size:76%;
}
	
.clear, .spacer { clear: both; }

	
/* =layout
----------------------------------------------- */
.container
{
	margin: 0 auto;
	padding: 0;
	width: 900px;
}
.wrapper
{
	float: left;
	width: 100%;
}
	.masthead
	{
		float: left;
		margin: 0;
		padding-top: 10px;
		background: #ffffff;
		width: 100%;
		height: 194px;
		background: #ffffff url(../images/masthead_top.gif) top left no-repeat;
	}
		.banner
		{
			float: right;
			width: 611px;
			height: 190px;
		}
	/* ### SEE also final_drop.css and final_drop_ie6.css */
			.navBar
			{
				float: left;
				background: transparent url(../images/banner_nav.gif) top left no-repeat;
				width: 611px;
				height: 26px;
			}
				.navBar ul 
				{
					padding:0;
					margin:0;
					list-style-type:none;
				}
				.navBar li 
				{
					float:left;
					position:relative;
				}
				.navBar a:link, .navBar a:visited
				{
					display:block;
					font-size:14px;
					text-decoration:none; 
					color:#333333; 
					padding-left:40px; 
					padding-right:23px; 
					line-height:24px;
				}
				.navBar a:hover
				{
					color: #ffffff;
				}
/* ### 			
*/	
		.rotatingImage
		{
			float: left;
			height: 190px; 
			margin: 0;
		}
.main
{
	float:left;
	margin: 0;
	padding: 0 0 0 0;
	background-color: #ffffff;
	color: #555555;
	width: 100%;
	min-height: 300px;
}
	.content
	{
		float: right;
		width: 611px;
		padding: 0;
		border-top: solid 4px #4595ec;
	}
		.content .contentContainer
		{
			float: left;
			width: 596px;
			padding: 0 10px 0 5px;
		}
	.sideBar
	{
		float: left;
		/* width: caution with using width here...Can Break IE6 */
	}

	/* See also simpletree.css for styling on the sideBar navigation for this project */
		.sideBarMain
		{
			float: left;
			width: 265px;
			height: 220px;
			background: #f7ca4d url(../images/sidebar_main.jpg) top left no-repeat;
			color: #ffffff;
			padding: 0 10px;
			margin-bottom: 3px;
		}
			.sideBarMain a:link, .sideBarMain a:visited
			{
				color: #315578;
				text-decoration:none;
			}
			.sideBarMain a:hover
			{
				color:#315578;
				text-decoration:underline;
			}
		.sideBarPanel
		{
			float: left;
			clear: left;
			width: 263px;
			background-color: #edeef0;
			color: #333333;
			padding: 0 10px;
			border: solid 1px #999999;	
		}
			.sideBarPanel .detail
			{
				float: left;
				width: 263px;
				margin: 0;
				padding: 20px 0 20px 0;
				border-bottom: solid 3px #ffffff;
			}
				.sideBarPanel .first
				{
					padding-top: 10px;
				}
				.sideBarPanel .last
				{
					border-bottom: none;
				}
			.sideBarPanel .detail img
			{
				float: left;
				margin-right: 5px;
			}
			.sideBarPanel h2
			{
				margin: 0.9em 0 0.4em 0;
				padding: 0 0 0 0.7em;
				text-align:left;	
				font: 95%/1.7 Verdana, Arial, Sans-Serif;
				color: #494949;
				border-left: solid 3px #0099cc;
			}
			.sideBarPanel h3
			{
				font: bold 95% Verdana, Arial, Sans-Serif;
				color: #3366cc;
			}
			.sideBarPanel p
			{
				font-size: 90%;
				line-height: 1.4;
			}
			.sideBarPanel a
			{
				color: #494949;
				text-decoration: underline;
			}
			.sideBarPanel a:hover
			{
				color: #999999;
			}
.footer
{
	clear: both;
	width: 100%;	
	height: 63px;
	margin: 0;
	padding: 10px 0 0 0;
	font: 85% Arial, Sans-Serif;
	color: #EDEEF0;
	background: #ffffff url(../images/masthead_top.gif) top left no-repeat;
}	
	.footer a:link, .footer a:visited 
	{
		color: #ffffff;
		text-decoration: none;
	}
	.footer a:hover 
	{
		color: #ffffff;
		text-decoration: underline;
	}
		.footerLeft
		{
			float: left;
			width: 285px;
			height: 63px;
			background: #3366cc url(../images/footer_left.gif) top left no-repeat;
		}
			.footerLeft p
			{
				text-align: center;
			}
		.footerRight
		{
			float: right;
			background-color: #cccccc;
			width: 611px;
			height: 63px;
		}

/* =typography
----------------------------------------------- */
h1 {
	padding: 0.5em 0 0.25em 0;
	color: #003366; /* #3366cc;*/
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-weight:normal;
	font-size:1.3em;
}
h2
{
	padding: 0.9em 0 0 0;
	text-align:left;	
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight:normal;
	color: #333333;
}
h3 {
	padding: .2em 0 0 0;
	color:#311d14;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-weight:normal;
	font-size:1.2em;
}
h4 
{
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font: bold 12px/14px verdana;
	color: #311d14;
	margin-bottom: 8px;
}
h5
{
    font-family: verdana;
    font-weight: normal;
    font-size: 11px;
    color: #311d14;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
}
p {
	margin-top: 6px;
	margin-bottom: 8px;	
	line-height:20px;
	text-align:left;	
}
	p.indent 
	{
		margin-left:2.0em;	
		margin-top: 0.3em;
		margin-bottom: 0.3em;
	}


/* =links
----------------------------------------------- */
a:link, a:visited {
	color: #315578;
	text-decoration:none;
}

a:hover {
	color:#ffcc66;
	text-decoration:underline;
}

	
/* =lists
----------------------------------------------- */
ul 
{
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left:0px;
	margin-left:20px;
}
ul.bullet1
{
	float: left;
	margin: 0 0 0 -10px;
	padding: 2px 1em 0;
}
	ul.bullet1 li
	{
		width: 150px;
		list-style: none;
		display: block;
		background-image: url(../images/bullet_blueonwhite.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		margin: 0;
		padding-left:20px; padding-right:2px; padding-top:2px; padding-bottom:2px;
	}
ul.bullet2
{
	float: left;
	margin: 0 0 0 -5px;
	padding: 2px 1em 0;
}
	ul.bullet2 li
	{
		list-style: none;
		display: block;
		background-image: url(../images/bullet_whiteonblue.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		margin: 0;
		padding-left:20px; padding-right:2px; padding-top:2px; padding-bottom:2px;
	}
ul.bullet3
{
	float: left;
	margin: 0 0 0 -10px;
	padding: 2px 1em 0;
}
	ul.bullet3 li
	{
		width: 400px;
		list-style: none;
		display: block;
		background-image: url(../images/bullet_blueonwhite.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		margin: 0;
		padding-left:20px; padding-right:2px; padding-top:2px; padding-bottom:2px;
	}


/*li 
{
	color: #383131;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left:0px;
	padding-bottom:0px;
	padding-left:0px
}
ul 
{
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left:0px;
	margin-left:20px;
}
	ul.square { list-style-type: square;}
ol 
{
	margin-top: 6px;
	margin-bottom: 6px;	
	padding-left:0px;
	margin-left:40px;
}
	ol.alpha { list-style-type: lower-alpha;}*/

/* =images
----------------------------------------------- */
img.pdficon 
{
	margin: 3px 2px 0 6px;
	vertical-align: middle;
	width: 24px;
	height: 20px;
	border: 0;
}
img.pdficon2
{
	margin: 3px 6px 0 6px;
	vertical-align: middle;
	float: left;
	width: 24px;
	height: 20px;
	border: 0;
}
.thumbnail {
	float: left;
	width:180px;
	height:190px;
	margin: 0 15px 0 5px; 
	padding:0 10px 0 0; 
	font-size:0.9em;
	text-align:center;
}	
img.quotlt {border:0; margin:0; width:25px; height:21px; vertical-align:text-bottom;}
img.quotrt {border:0; margin:0; width:25px; height:21px; vertical-align:text-top;}

/* =pages
----------------------------------------------- */
/* =home */
.content .home h1 img
{
	border: none;
	margin-bottom: 3px;
}
	.home h1 span
	{
		display: none;
	}
.home h2
{
	margin: 0.9em 0 0.4em 0;
	padding: 0 0 0 0.7em;
	text-align:left;	
	font: 95%/1.7 Verdana, Arial, Sans-Serif;
	color: #494949;
	border-left: solid 3px #0099cc;
}
.home p
{
	clear: left;
	margin-top: 3px;
	margin-bottom: 4px;	
	line-height:16px;
	text-align:left;	
}
.content .home img
{
	clear:left;
	border: solid 1px #333333;
}
.home ul.bullet2
{
	clear: left;
	padding-top: 5px;
}
.homePanelTop
{
	float: left;
	margin-bottom: 20px;
}
.homePanelBottom
{
	float: left;
  clear: left;
  width: 100%;
  padding-top: 10px;
  border-top: solid 1px #999999;
}
.homePanelTop img, .homePanelBottom img
{
	margin-right: 8px;
}
.homeSubPanel
{
 width: 283px;
 float: left;
 padding-right: 15px;
 padding-bottom: 20px;
}
 /* =supporters */
	.supportLevel
	{
		font-weight: bold;
		font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;
		font-size: 1.1em;
		color: #444444;
	}
		
/* =calendar
----------------------------------------------- */
a.calendar:link, a.calendar:visited {
	color: #78A7EE;
}
a.calendar:hover {
	color:#C39439;
}

/* =other
----------------------------------------------- */
.center {text-align:center;}
.txtRight {text-align:right;}

/*div.highlight
{
	width: 97%;									 related to width of main content area 
	padding: 8px;
	background-color:#F8F8E7; 
	border:1px solid #c9c9c9;	

}*/

.title {font-weight: bold;}
div.highlight
{
	float: right;
	padding: 8px;
	background-color:#fdfadf; 
	border: solid 1px #c9c9c9;
}
	div.highlight h2 {padding: 0;}