/* CSS Document */

/* Body
----------------------------------------------------------------------*/
	body {
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-top:0px;
		font-size:11px;
		background-position:center;
	}
	
/* Content
---------------------------------------------------------*/

#content{
	width: 775px;
	border-left:solid 1px #9AC7EE;
	border-right:solid 1px #9AC7EE;
	border-bottom:1px solid #9AC7EE;
	margin-left:auto;
	margin-right:auto;
}

/* Old tag for backward compatability
---------------------------------------------------------*/
	.TopicsInPage{
		font-size:14px;
		font-weight:bold;
	}
	
	
	h1{
		font-size:18px;
		font-weight:bold;
		text-align:center;
	}

	#content{
		width: 775px;
		text-align:center;
		border-left:solid 1px #9AC7EE;
		border-right:solid 1px #9AC7EE;
		border-bottom:1px solid #9AC7EE;
	}
	
	
	h3{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		padding-left:20px;
		text-align:left;
	}

	h3 a{
		text-decoration:none;
		font-size:12px;
		color:#000000;
	}

	h3 a:hover{
		text-decoration:underline;
	}
	
	h4{
		font-size:12px;
		font-style:italic;
	}
	


/* Header
----------------------------------------------------------*/
	
	#header{
		width:775px;
		margin-top:0px;
		text-align:center;
		height:85px;
		margin-bottom:0px;
		padding-bottom:0px;
	}

/* Main Article -- story.cfm
---------------------------------------------*/
	.cream_bg{
		background-color:#FAF7F0;
	}

	#article_wrapper {
		width:755px; 
		float:left;
		line-height:17px; 
		text-align:justify;
		display:inline;
		background: #ffffff url(../images/hp-bg.gif) repeat-y left top;
	}
	
	#article_wrapper h1 {
		font-size:14px;
		text-align:left;
	}
		
	#article_wrapper h2{
		font-size:12px;
		text-align:left;
	}
	
	
/*  photo left
-----------------------------*/
.photo_left{
	float:left;
}

.photo_right{
	float:right;
}
	
	
/* main article
-------------------------------------- */

	#article{
		float:left;
		width:540px;
		margin-left:15px;
	}
	
	#article img{
		padding:3px;
		margin: 8px;
		border:solid #CCCCCC 1px;
	}
	
	#article h3{
		font-style:italic;
		font-weight:500;
		font-size:12;
		margin-left:-10px;
		color:#999999;
	}
	
/* isue index
-------------------------------------- */
	#index_wrapper {
		width:755px; 
		float:left;
		line-height:17px; 
		text-align:justify;
		display:inline;
	}

	#issue_index{
		float:left;
		width:555px;
		margin-left:15px;
	}
	
	#issue_index img{
		padding:3px;
		margin: 8px;
		border:solid #CCCCCC 1px;
	}
	
	.article_title{
		font-weight:bold;
		font-size:13px;
		color:#000000;
		text-decoration:none;
	}
	
	.article_title:hover{
		background:#EFF4F8;
		text-decoration:underline;
	}
	
	#issue_index a{
		color:#333333;
	}
	
	
	
/* archive
-------------------------------------- */

	#archive{
		float:left;
		width:775px;
	}
	
	#archive h1{

		text-align:center;
	}
	

	#archive img{
		padding:2px;
		margin: 5px;
		border:solid #CCCCCC 1px;
		margin-bottom:10px;
	}
	

	#archive hr{
		clear:both;
	}
	
	#archive li a{
		text-decoration:none;
		color:#666666;
	}
	#archive li a:hover{
		text-decoration:underline;
		background-color:#afc7e3;
	}

	
/* sidebar
------------------------------------ */

	#sidebar{
		float:right;
		width:150px;
		padding:0px;
		margin-left:5px;
		
	}
	
	#sidebar img{
		padding:2px;
		margin: 5px;
		border:solid #CCCCCC 1px;
		margin-bottom:10px;
		text-align:center;
	}
	
	.sidebar-photo{
		text-align:center;	
	}
	
	.sidebar-caption{
		font-style:italic;
		font-size:16px;
		font-family:Georgia, "Times New Roman", Times, serif;
		text-align:left;
		color:#666666;
	}
	.sidebar-caption-author{
		font-style:italic;
		font-size:12px;
		font-family:Georgia, "Times New Roman", Times, serif;
		text-align:left;
		margin-top:-10px;
		color:#999900;	
	}
	
	.sidebar-article-link{
		text-align:left;
		font-size:12;	
	}
	
		
	
	#sidebar ul{
		font-size:10px;
		text-align:left;
		list-style:square;	
	}
	
	#sidebar ul li{
		margin-left:-30px;
	}
	
/* Index page
----------------------------------------------------------*/
	.index-item{
		width:725px;
		padding-top:20px;
		padding-bottom:20px;
		padding-left:20px;
		margin-left:5px;
		padding-right:20px;
		/*border-bottom:solid #CCCCCC 1px;*/
	}	

	.index-item img{
		padding:3px;
		margin: 8px;
		border:solid #CCCCCC 1px;
		clear:both;
	}
	
	.index-item h2 a{
		text-decoration:underline;
		color:#666666;
	}
	index-item h2 a:hover{
		background:#00CC99;
	}
	
	.index-item h3{
		color: #666666;
		font-size:11px;
		font-style:italic;
	}
	
	
	/* List page
----------------------------------------------------------*/
	.list-item{
		width:725px;
		padding-top:20px;
		padding-bottom:20px;
		padding-left:20px;
		margin-left:5px;
		padding-right:20px;
		border-bottom:solid #CCCCCC 1px;
	}	

	.list-item img{
		padding:3px;
		margin: 8px;
		border:solid #CCCCCC 1px;
		clear:both;
	}
	
	.list-item h2 a{
		text-decoration:underline;
		color:#666666;
	}
	.list-item h2 a:hover{
	background-color: #CCCCCC;
	}
	
	.list-item h3{
		color: #666666;
		font-size:11px;
		font-style:italic;
	}
	
	.list-item img{
		clear:both;
	}
	
/* Footer
----------------------------------------------------------*/
	

	#footer{
		clear:both;
		width:775px;
		padding-top:10px;
		padding-bottom:20px;
		border-top:1px solid #9AC7EE;
	}
	

	#copyrightinfo{
		color:#999999;
		float: right;
		margin-right: 10px;
	}
	
	#copyrightinfo a{
		color:#999999;
		text-decoration:none;
	}
	
	#copyrightinfo a:hover, #rssfeeds a:hover{
		text-decoration:underline;
	}
	
/* PhotoPanel
--------------------------------*/
#photoLayer{
	text-align:center;
	height:auto;
	width:450px;
	border:solid 1px #999999;
	visibility:hidden;
	position:absolute;
	background:#FFFFFF;
}

#closePanel a{
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0px;
}

#photoLayer img{
	margin:10px;
	text-align:center;		
}

#closePanel{
	width:450px;
	height:25px;
	border-bottom:solid 1px #999999;
}
#closePanel img{
	margin-top:0px;
}

#ocCaption{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:5px;
	margin-bottom:10px;
}

#photoPanelLeft,#photoBoxRight{
	border:solid 1px #CCCCCC;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:300px;
}
#photoPanelLeft{
	float:left;
	margin-right:10px;
}
#photoBoxRight{
	float:right;
	margin-left:10px;
}

#photoPanelLeft img, #photoBoxRight img{
	padding:0px;
	margin:0px;
	align:center;
}
#photoPanelLeft p, #photoBoxRight p{
	width:300;
	text-align:center;
}

	
/* Typography
--------------------------------*/

.volume_number{
	font-size:9px;
	font-weight:200;
}

.article_link{
	font-size:11px;
}

.article_link a{
	color:#00CC33;
}
.article_link:hover{
	background-color:#EFF4F8;
}

.clear{
		clear: both;
}
	

/* pdf
-------------------------------*/
#pdflink{
	border:#CCCCCC solid 1px;
	float:left;
	padding:4px;
}

#pdflink img{
	border:none;
	padding:0px;
	margin:0px;
}
	
#pdf{
	text-align:center;
}

#pdf a{
	color:#999999;
	padding-bottom:10px;
}

#pdf img{
	border:none;
	padding:0px;
	margin:0px;
}