/* 
PPI Master CSS
Design by Barrett Communications
Developed by Coeur Design - c03ur.com
*/

body		{	background: #fff0c1;	font-family: "Arial", Helvetica, sans-serif;	text-align: center;	}
#total 		{	width: 799px; margin: 0 auto; text-align: left; 	}
#container	{	border: solid 1px #666;	text-align: left; float: left;	}

#top		{	width: 100%; height: 120px;	background: url(/images/patristics/PPI_logo.gif) no-repeat #dbae00; border-bottom: solid 1px #666; }
#masthead	{	margin: 30px 0px 0px 20px;	color: white; font-size: 16px; font-family: Georgia, serif; border-bottom: 1px solid white; padding: 0 0 10px 0; letter-spacing: 0.05em; 	}
#subhead	{	margin: 10px 0px 0px 20px;	color: #ffc600; font-style: italic; font-size: 16px; font-family: Georgia, serif; padding: 0 0 10px 0; letter-spacing: 0.05em; 	}
#content	{	width: 800px; border-bottom: solid 1px #666;	}

#column_1	{	background: url(/images/patristics/sidebar_home_bkg.gif) 0 0 no-repeat; width: 280px; float:left; }
#column_2	{	background: url(/images/patristics/copy_bkg.gif) no-repeat; width: 520px; float: left; 	}

#column_1_internal	{	background: url(/images/patristics/sidebar_internal_bkg.gif) 0 0 no-repeat;	width: 270px;padding: 0px 0px 25px 0px;	float:left;	}
#column_2_internal	{	background: url(/images/patristics/copy_bkg.gif) no-repeat;	width: 530px; float: left;	}

#intro		{	background: #8fa8a0; padding: 20px;	}
#intro .textblock {
	background: url(/images/patristics/PPI_home_intro_background.gif) repeat #8fa8a0;
	padding: 10px; color: #ffffff; font-family: Bookman, serif; letter-spacing: 0.07em;
	line-height: 25px; font-size: 16px; 
}

#events		{		background: url('/images/patristics/PPI_events_bkg.gif') repeat-x #996666;	padding: 20px 0px 10px 30px; font: normal 13px/17px "Arial", Helvetica, sans-serif;	color: #ffffcc;	}

#footer		{	font: 9px Arial, Helvetica, sans-serif;	padding: 15px 0px 30px 0px;	background: #FFF;	color: #999;	}
#footer ul ul	{	display: none;	}

#copy		{	padding: 10px 20px 20px 40px;	}
.sidebar, .sidebar-home	{	padding: 30px 20px 0px 25px;	}

/* Background Classes */

.conference 	{	background: url('/images/patristics/PPI_archives_bkg.gif') 20px 5px repeat-y;	}
.home 			{	background: url('/images/patristics/PPI_home_bkg.gif') repeat-y;	}
.internal		{	background: url('/images/patristics/PPI_internal_bkg.gif') repeat-y;	}


/* Content / Type Styles */

#copy			{	font: normal 12px/17px "Arial", Helvetica, sans-serif;	color: #FFF;	}
.sidebar-home p, .sidebar p	{	font: normal 10px/13px "Arial", Helvetica, sans-serif;	padding: 0px 0px 0px 0px;	color: #666;	}
.sidebar h2	{	font: normal 16px/20px Georgia, serif;	color: #333; text-transform: uppercase; border-bottom: 1px solid #333;	}

h3		{	font: bold 14px/18px Arial, Helvetica, sans-serif;	padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px;color: #999966;	}
h4		{	font: bold 12px Arial, Helvetica, sans-serif;	padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px;	color: #ffcc66;	}

/* Links */

#content a, a:link, a:active, a:visited	{	color: #FFF;	text-decoration: underline;		}
#content a:hover	{	color: #FFF; text-decoration: none;	}
#footer a, a:link, a:active, a:visited	{	color: #666; text-decoration: underline; }
#footer a:hover		{	color: #666; text-decoration: none;	}

/* Primary Navigation */

#navigation 		{	width: 390px; padding: 60px 0 0 400px; position: relative;  }
#navigation ul		{	list-style: none; margin:0; padding: 0;	}
#navigation li		{	float:left; font-size: 11px; padding: 0 5px 3px 5px; border-bottom: 1px solid #666; border-right: 1px solid #666; position: relative;	}
#navigation li.last	{	border-right: 0px;	}
#navigation a		{	text-decoration: none; color: #333;		}
#navigation a:hover	{	color: white;		}
#navigation li.active a	{	color: white;	}

#navigation ul ul			{	display: none; z-index:600;}
#navigation li.active ul	{	display: block; position: absolute; top:17px; left: 0;}
#navigation ul ul li		{	background-color: #BA9400; border: none;}
#navigation ul ul li a		{	color: #FFEC9F; }

/* Lists*/

#footer ul		{	text-align: center;	list-style: none;	}
#footer ul li	{	padding: 0px 10px 0px 0px;	float: left;	}

/* Misc */
.clear 		{		clear: both;	}
img			{	border: none;	}
.dropCap 	{		font-size: 200%;	}