*{
	margin: 0;
	padding: 0;
}




html{
	font: "Times New Roman", serif;
	background: #f0f2f8;
	height: 100%;
	margin-bottom: 1px;
}




body{
	margin: 0 auto;
	width: 900px;
}

#mainWrapper{
	width: 900px;
	background: #fff;
}


img{
	border: none;
}

hr{
	margin: 2em 0;
}


/*****  Left Column (Logo and Menu)  *****/

#left{
	float: left;
	position: relative;
	padding: 279px 0 0;
	width: 235px;
}

/*  Putting the slices together around the logo */

.logo-corner-top{
	position: absolute;
	top: 0;
	left: 0;
}

.logo-corner-left{
	position: absolute;
	top: 43px;
	left: 0;
}

.logo-corner-logo{
	position: absolute;
	top: 43px;
	left: 49px;
}

.logo-corner-bottom{
	position: absolute;
	top: 253px;
	left: 0;
}



.img-wrap{
	float: left;
	height: 100%;
}

.img-wrap img{
	margin: 0 0 0 0;
}




/*****  Menu  *****/

#mainMenuWrapper{
	width: 235px;
	background: url('/img/bg-menu-tile.png') repeat-y;
}

#mainMenu{
	list-style: none outside;
	padding: 0 5px 0 73px;
	width: 157px;
	line-height: 0;
	color: #fff;
	background: url('/img/bg-menu-gradient.png') no-repeat;
}



/*****  Hero Banner  *****/

#hero{
	width: 665px;
	height: 326px;
	margin-left: 235px;
}



/*****  Content of Page  *****/

#content{
	position: relative;
	padding: 70px 195px 50px 20px;
	width: 450px;
	margin-left: 235px;
	background: url('/img/bg-content.png') no-repeat;
}

#content h1{
	margin: 1em 0 .5em;
	font-size: 1.3em;
	letter-spacing: 1pt;
	line-height: 1.5em;
	color:#348;
	text-transform: uppercase;
}

#content h2{
	margin: 1em 0 .5em;
	font-size: 1.3em;
	letter-spacing: 1pt;
	line-height: 1.5em;
	color:#348;
	text-transform: uppercase;
}

#content h3{
	margin: 1em 0 .5em;
	font-size: 1.1em;
	letter-spacing: 1pt;
	line-height: 1.5em;
}

#content p{
	margin: 0 0 1em;
	text-indent: 0;
	font-size: .9em;
	letter-spacing: 1pt;
	line-height: 1.5em;
}



/*****  Sidebar  *****/

#sidebar{
	position: absolute;
	top: 100px;
	left: 500px;
	padding: 9px;
	width: 130px;
	border: 1px #cde solid;
	background: #def;
}

#sidebar p{
	margin: 0 0 .4em;
	color: #126;
	text-indent: 0;
	font-size: .8em;
	line-height: 1.1em;
}

#sidebar h1, #sidebar h2, #sidebar h3{
	color: #348;
	margin: .3em 0;
	font-family: "Trajan Pro", "Times New Roman", serif;
	font-size: .9em;
}

#sidebar .social-icon{
	margin: 5px;
}

#sidebar .icon-group{
	text-align: center;
}

#sidebar .divider{
	margin: 1em 0;
	border-bottom: 1px #cde solid;
}




/*****  Sidebar UPCOMING EVENTS  *****/

#sidebar1{
	position: absolute;
	top: 100px;
	left: 600px;
	padding: 9px;
	width: 130px;
	border: 1px #cde solid;
	background: #def;
}

#sidebar1 p{
	margin: 0 0 .4em;
	color: #126;
	text-indent: 0;
	font-size: .8em;
	line-height: 1.1em;
}

#sidebar1 h1, #sidebar h2, #sidebar h3{
	color: #348;
	margin: .3em 0;
	font-family: "Trajan Pro", "Times New Roman", serif;
	font-size: .9em;
}

#sidebar1 .social-icon{
	margin: 5px;
}

#sidebar1 .icon-group{
	text-align: center;
}

#sidebar1 .divider{
	margin: 1em 0;
	border-bottom: 1px #cde solid;
}


/*****  Donate Button  *****/

#donate{
	position: absolute;
	top: 0;
	left: 370px;
}



/*****  Footer  *****/

#footer{
	clear: both;
	padding: 5px 0;
	color: #fff;
	text-align: center;
	font-size: .6em;
	letter-spacing: 1pt;
	line-height: 1.2em;
	background: #1634c0 url('/img/bg-footer.png') repeat-x;
}



/*****  Miscellaneous  *****/

.clear{
	clear: both;
}

.bold {font-weight:bold;}
.boldItalic	{font-weight:bold; font-style:italic;}
.italic	{font-style:italic;}
.headers	{margin: 1em 0; font-size:1.3em; color:#348; text-transform: uppercase;}