﻿/* LAST UPDATED 03/18/09 */

/* -----------------------------------------------------------
		FOR PRINTING
----------------------------------------------------------- */

body {
	background: #fff;
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
}
/*  Set up masthead for JH print sheets */

#header	{
	float:left;
	margin-left: 150px;
}


.logo	{
	position:absolute;
	display: block;
	top: 0;
	left: 0;
	width: 121px;
	height: 128px;
}

#header h2	{
	font-size: 12pt;
	font-style:italic;
}

/* Hide all the unnecessary page elements */

#topNav, #signup, #nav, #breadcrumbs, .viral, .donate, #footer ul{
	display: none;
} 

.noprint	{
	display: none;
}
/*Set up main page areas */



#mainContent	{
	clear: both;
	margin-top: 40px;
}

#mainContent .pagebanner	{
	display:none;
	}
	

		.attnBox	{
		margin: 20px;
		padding: 20px;
		background-color: #eeeceb;
		border: 1px solid #076293;
	}


	.primary	{
		float: left;
		width: 300px;
		}
					
	.sidebox	{
		float:right;
		width: 220px; /*Width of frame div*/
		height: 100%;
		margin: 0 0 0 10px;
		}	
		
		
	.sidebox .attnBox	{
		margin: 20px 0;
		width: 200px;
		}
						
	.sidebox h3  {
		text-align: center;
		color: #076293;
		}
		
		
	.attnBox h2  {
		text-align: center;
		color: #076293;
		}
		
		
	.pullquote	{
	/*width: 80%;*/
	margin: 10px auto;
	font: italic normal 1.05em/1.05em Georgia, "Times New Roman", serif;
	padding: 10px;
	border-top: 2px #076293 solid;
	border-bottom: 2px #076293 solid;
	color: #076293;
	}	

	.pullquote .author {
		display:block;
		margin:0;
		text-align:right;
		font-size: .9em;
		float:none;
	}
	

	.blockquote	{
		width: 60%;
		margin-left: 30px;
		font-style: italic;
		padding: 10px;
		}

	.blockquote .source {
		display:block;
		text-align:right;
	}

#footer	{
	clear:both;
}


/*Specialty elements */
a:link, a:visited {
	color: blue;
	text-decoration: underline;
}

.viral	{
	display: none;
}

#sidebar	{
	display: none;
}

.small { font-size: 90%; }
.large { font-size: 120%; }

ol { margin-left: 20px; }

ul { margin-left: 20px; }

.left { float: left;}
.right { float: right;}
.center	{ 	text-align:center;}
.underline	{ 	text-decoration: underline;}

.alignLeft {
	clear: left;
	float: left;
	margin: 0 15px 4px 0;
}

.alignRight {
	clear: right;
	float: right;
	margin: 0 0 4px 15px;
}

.photo {
	display: inline-block;
	padding: 1px;
	background-color: #ffffff;
	border: 1px gray solid;
}


.photocontainer {
	display: inline-block;
	padding: 1px;
	background-color: #dedede;
	font-size: .75em;
	margin: 10px 0;
}


.photocontainer img	{
	margin:0 auto;
	margin-bottom: 5px;
	padding: 1px;
	background-color: #fff;
	border: 1px gray solid;
}
.photocontainer p img	{
	display: block;
	text-align: center;
	margin-bottom: 0;
}

img.left {
	margin-right: 10px;
	margin-bottom: 10px;
}

img.right {
	margin-left: 10px;
	margin-bottom: 10px;
}

/* Event Lists */
					
#eventlist {
    width: 100%;
    display:block;
}
#eventlist ul.articlelinks {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0 20px 10px 200px;
}

#eventlist h1.year {
    color: #076293;
    font-size: 1.4em;
    margin: 20px 0;
}


#eventlist h2 {
    color: #000;
    padding: 5px 10px;
    margin: 0 0 10px 0;
    font-size: 1.3em;
}

#eventlist ul.articlelinks {
    padding: 0 20px;
}

#eventlist ul.articlelinks li{
	display:block;
	margin-bottom: 10px;
	margin-left: 15px;
}


#eventlist ul.articlelinks .summary	{
	margin: 0;
}
#eventlist ul.articlelinks .eventdate, #eventlist ul.articlelinks .eventtitle  {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}





