/* -*- mode: fundamental; -*-  */
/* begin master-styles.css */

/* start with the whole body and links that are mostly the same. */

body    {
	height: 100%;
	margin : 0;
	padding: 0;
	border: 0;
	background : #fff;
	text-align: center;
	}

A:link	{ color: #0000FF; text-decoration: none; } 
A:visited { color: #9400D3; text-decoration: none; } 
A:active { color: #DD0000; text-decoration: none; } 
A:hover	{ color: #0000CD; text-decoration: underline; } 

/* now, define the page segments. */

#body	{
	margin: 0 auto 0 auto;
	clear: both; 
/*	max-width: 750px;  
	min-width: 640px; */
	width: 750px;  
	border : 1px solid black; 
	background: #ffffff;
	}

#banner {
	background-image : url(/graphics/acq-pagetop-side-3.gif); 
	margin : 0;
	padding : 0;
	height : 115px; 
   	text-align : center;
  	}

#buttonbanner {
	margin: 0 auto 0 auto;
	height : 25px;
        width : 100%; 
	min-width: 750px;
	background-color: #deb887; 
  	}

#buttonholder {
	margin: 0 auto 0 auto;
	height : 23px;
 	width : 665px;  
   	text-align : center;
	font-family : verdana, arial, sans-serif;
	font-size : 13px;
	padding: 0;
  	}

#maincol {
	float : left; 
	width : 61%; 
 	margin: 5px 1% 5px 1%; 
 	padding: 3px 1% 3px 1%;   
	background: #ffffff;
   	text-align : left;
	font-family : verdana, arial, sans-serif; 
	color : #000;
	font-size : 13px;
	font-weight : normal;
}

#sidecol {
	float : right; 
	width: 28%; 
 	margin: 14px 2% 10px 0;
 	padding: 10px 1% 10px 1%; 
	border : 1px solid black; 
	background: #deb887;  
   	text-align : left;
	font-family : verdana, arial, sans-serif;
	color : #000;
	font-size : 11px;
	font-weight : normal;
}

#fullcol {
	margin: 10px 2% 10px 2%; 
        padding: 3px 2% 3px 2%;  


   	text-align : left;
	font-family : verdana, arial, sans-serif; 
	color : #000;
	font-size : 13px;
	font-weight : normal;
}

#footer {
	clear: both;
	width : 80%;
	margin: 10px auto 10px auto;
	padding: 5px;
	border : 1px dotted black;   
	background: #ffffff;
   	text-align : center;
	font-family : verdana, arial, sans-serif; 
	color : #000;
	font-size : 11px;
	font-weight : normal;
}


/* button banner elements, plus floating buttons for series */

#buttonholder div.menubutton   {
	float: left;
	position: relative;
	}	

div.serieslink a {
	float: left;
	width: auto;	
	margin: 4px 1px 5px 1px; 
	padding: 0.25em 1em 0.25em 1em;

}
div.menubutton a {
	width: 105px;
	margin: 4px 1px 0px 1px; 
	padding: 1px 0 1px 0;
}

div.serieslink a,
div.menubutton a {
	font-family : verdana, arial, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	display: block;
	text-align: center;
  	text-transform : uppercase;

}

div.serieslink a:link,
div.serieslink a:visited,
div.serieslink a:hover,
div.menubutton a:link,
div.menubutton a:visited,
div.menubutton a:hover {
	color: #000;
	text-decoration: none;
}

div.serieslink a:link,
div.serieslink a:visited,
div.menubutton a:link,
div.menubutton a:visited {
	background-color: #F5DEB3;
	border-top: 1px solid #cecece; 
	border-bottom: 2px solid #4a4a4a; 
	border-left: 1px solid #cecece; 
	border-right: 2px solid #4a4a4a; 
}

div.serieslink a:hover,
div.menubutton a:hover {
	background-color: #D2B48C;
	border-bottom: 1px solid #cecece; 
	border-top: 2px solid #4a4a4a; 
	border-right: 1px solid #cecece; 
	border-left: 2px solid #4a4a4a; 
}

/* column elements that are the same across */
/* multiple columns */

#maincol div.story, 
#sidecol div.story,
#fullcol div.story {
	margin-bottom: 15px; 
	margin-top: 5px;
}

#maincol div.storytitle,
#sidecol div.storytitle,
#fullcol div.storytitle  {
	font-family : verdana, arial, sans-serif; 
	text-align : left;
}

#maincol div.storysubtitle,
#sidecol div.storysubtitle,
#fullcol div.storysubtitle {
	font-family : verdana, arial, sans-serif; 
	font-weight: bold;
	text-align : left;
}
#maincol p.posted,
#sidecol p.posted, 
#fullcol p.posted	{ 
	clear: both;
	font-family : verdana, arial, sans-serif;
	font-style: italic;
	text-align: right;
	color : #000;
}

#maincol div.mainphoto250,
#fullcol div.mainphoto250,
#maincol div.mainphoto250left,
#fullcol div.mainphoto250left {
	clear: both;
	width: 250px;  
	border : 1px solid #000000; 
/*	border : 3px solid #101077;  */
	padding : 3px;
/*	background: #F5DEB3; */
	background: #deb887;  
}

#maincol div.mainphoto250,
#fullcol div.mainphoto250 {
	float: right;
	margin: 10px 0 10px 10px;
}
#maincol div.mainphoto250left,
#fullcol div.mainphoto250left {
	float: left;
	margin: 10px 10px 10px 0;
}


#maincol div.sidethumbnail {
        display: none;
}


/* main column elements */

#maincol div.storytitle  { 
	font-size : 20px;
	font-weight : normal;
	padding : 0 0 8px 0; 
	border-bottom: 2px solid #CCC;
        margin: 8px 0 5px 0;
	}

#maincol div.storysubtitle {
	margin : 0 0 8px 0; 
}

#maincol p.posted	{ 
	font-size : 12px; 
	padding : 0 0 10px 0; 
	line-height: 150%;
	}

/* side column elements */


#sidecol div.storytitle,
#sidecol .fullstory div.storytitle {
	padding : 0 0 3px 0;
	margin-bottom: 3px;
	font-size : 13px;
	font-weight : bold;
	border-bottom: 2px solid #A0522D;
}

#sidecol div.storysubtitle,
#sidecol .fullstory div.storysubtitle {
	padding : 0 0 3px 0;
	font-weight : normal;
}

#sidecol p.posted,
#sidecol .fullstory p.posted	{ 
	font-size : 9px; 
/*	padding : 0 0 10px 0; */
	}

#sidecol div.mainphoto250,
#sidecol .fullstory div.mainphoto250,
#sidecol div.mainphoto250left,
#sidecol .fullstory div.mainphoto250left {
        display: none;
}

#sidecol div.sidethumbnail,
#sidecol .fullstory div.sidethumbnail {
        display: block;
	float: right;
	margin: 4px;
	border : 1px solid #000000;
	padding : 0;
}

#sidecol div.countryflag {
	display: none;
	}

/* full column no sidebar layout */

#fullcol div.storytitle  { 
	font-size : 20px;
	font-weight : normal;
	text-align : left;
 	padding : 0 0 8px 0; 
	border-bottom: 2px solid #CCC;
        margin: 0 0 5px 0;
	}

#fullcol div.storysubtitle {
	margin : 0px 0 5px 0;
}
		
#fullcol p.posted	{ 
	font-size : 12px; 
	line-height: 150%;
	padding : 0 0 10px 0;
	}

#maincol div.countryflag,
#fullcol div.countryflag {
        display: block;
	float: left;
	margin: 4px 6px 4px 0px;
	border : 1px solid #000000;
	padding : 0;
	}

/* footer */

#footer p.footerlink {
	font-weight: bold;
}
#footer p.footerfine {
	font-size: 9px;
}

/* dynamic changes for summary and index lists */

/* fullstory - normal story page - block the summary */

div.fullstory div.storysummary {
	 display: none !important; 
}

div.fullstory div.storysummary {
	 display: none !important; 
}


div.fullstory div.storybody {
	clear: left;  /* media links */
}

div.fullstory div.storytitle A:link, 
div.fullstory div.storytitle A:visited, 
div.fullstory div.storytitle A:active,
div.fullstory div.storytitle A:hover	{ 
	color: #000000; text-decoration: none; } 

/* summarylist: show only title and summary elements of stories w/postdate */

div.summarylist div.storysummary,
div.summarylist div.storytitle,
div.summarylist p.posted,
div.summarylist div.summary {
	clear: left;  /* media links */
	display: block !important;
}

div.summarylist div.storybody {
	 display: none !important;
}

div.summarylist div.storytitle A:link, 
div.summarylist div.storytitle A:visited,
div.summarylist div.storytitle A:active,
div.summarylist div.storytitle A:hover	{ 
	color: #000000; text-decoration: none; } 

span.storylink A {
text-align: right;
display: block;
font-size: 10px; 
font-weight: bold;
margin-top: 5px;
}

/* show only titles of stories w/postdate */

div.index div.story,
div.srcindex div.story {
	border-bottom: 4px solid #CCC;
	border-right: 4px solid #CCC;
	padding: 8px 8px 0 8px;
	margin: 6px 0 6px 0;
	background: #F5DEB3;
}
div.index div.storytitle,
div.srcindex div.storytitle {
	font-family : verdana, arial, sans-serif; 
	font-size : 13px !important;
	font-weight : bold !important;
	text-align : left;
	padding : 0 0 3px 0; 
	border-bottom: 2px solid #CCC;
 	margin: 0 0 5px 0;

}
div.index div.storysubtitle,
div.srcindex div.storysubtitle {
		     font-family : verdana, arial, sans-serif; 
		     font-size : 10px !important;
		     font-weight : normal !important;
		     text-align : left;
 		     padding : 1px 0 0 0; 
		     border-bottom: 0px !important;
		     color: black;
}

div.index div.storysummary,
div.srcindex div.storysummary {
       display: none !important;
}
div.index div.storybody,
div.srcindex div.storybody {
       display: none !important;
}
div.index div.mainphoto250,
div.srcindex div.mainphoto250,
div.index div.mainphoto250left,
div.srcindex div.mainphoto250left {
        display: none;
}

div.index p.posted,
div.srcindex p.posted	{ 
        display: block !important;
	clear: both;
	font-family : verdana, arial, sans-serif;
	font-size : 9px !important; 
	font-style: italic; 
 	color : #000;  
	margin: 0 0 0 0;
	text-align: right !important;

	}

div.index div.storytitle A:link,
div.srcindex div.storytitle A:link	{ 
	color: #0000FF; text-decoration: none; } 

div.index div.storytitle A:visited,
div.srcindex div.storytitle A:visited,
div.index div.storytitle A:active,
div.srcindex div.storytitle A:active {  
	color: #9400D3; text-decoration: none; } 

div.index div.storytitle A:hover,
div.srcindex div.storytitle A:hover	{ 
	color: #0000CD; text-decoration: underline; } 

div.index div.sidethumbnail,
div.fullstory div.sidethumbnail {
        display: none; 
}

/* source index: show only titles of stories w/postdate and thumbnail if any */
div.srcindex div.sidethumbnail,
div.srcindex div.subcaption div.sidethumbnail {
        display: block !important;
	float: right;
        width: 80px;
	height: 60px;
        margin: 4px;        
	border : 1px solid #000000;
	padding : 0;  
}

/* miscellaneous */

/* media links in sources */


div.storymedialink a {
	float: left;
	margin: 4px 1px 5px 1px; 
	padding: 0.25em 1em 0.25em 1em;
	font-family : verdana, arial, sans-serif; 
	font-size: 11px;
	font-weight: bold;
        display: inline; 
	width: auto;
	text-align: center;
  	text-transform : uppercase;
}

div.storymedialink a:link,
div.storymedialink a:visited,
div.storymedialink a:hover {
        display: block;
	margin: 4px 1px 5px 1px;  
	padding: 0.25em 1em 0.25em 0;
	color: #000;
	text-decoration: none;
}

div.storymedialink a:link,
div.storymedialink a:visited {
	background-color: #DEB887;
	border-top: 1px solid #cecece; 
	border-bottom: 2px solid #4a4a4a; 
	border-left: 1px solid #cecece; 
	border-right: 2px solid #4a4a4a; 
}

div.storymedialink a:hover {
	background-color: #D2B48C;
	border-bottom: 1px solid #cecece; 
	border-top: 2px solid #4a4a4a; 
	border-right: 1px solid #cecece; 
	border-left: 2px solid #4a4a4a; 
}

div.storymedialink span.tag {
        background-color: #101077;
	padding: 0.25em 0 0.25em 0.25em;
}



/* photo captions are the same across maincol and fullcol and */
/* omitted w/photo in sidecol  */

div.caption {
	font-family : verdana, arial, sans-serif;
	font-size : 12px; 
	font-weight: bold;
	color : #000;
	text-align: left;
	margin: 2px 3px 4px 3px;
}

div.subcaption {
	font-size: 9px;
	font-family : verdana, arial, sans-serif;
	font-weight : normal;
	text-align: right;
	margin: 1px 3px 3px 3px;
	border-top: 1px solid #A0522D;
	padding-top: 1px;
}
div.smallcaption {	/* to be used by itself */
	font-size: 9px;
	font-family : verdana, arial, sans-serif;
	font-weight : normal;
	text-align: left;
	margin: 2px 3px 4px 3px;
}


/* blockquote works in all sections */


blockquote,
div.blockquote {
	clear: left; 
	color: #000;
/*	background: #F5DEB3; */
	background: #FFDAB9; 
	width : 80%;  
/* 	border : 1px dotted #A0522D; */
/* 	border : 3px solid #DB0000;  */
 	border : 3px solid #A0522D; 
	padding: 10px; 
	margin: 20px auto 20px auto;
	}

p.center {
	margin: 0 auto 0 auto;
	text-align: center;
}

div.center {
	margin: 0 auto 0 auto;
	text-align: center;
}

div.citelink,
div.articlelink {
        font-weight: normal;
	color: #666;
	font-size: 9px;
	margin: 5px 0 5px 0;
}

div.citelink {
	text-align: right;
}

div.articlelink A:link, 
div.articlelink A:visited, 
div.articlelink A:active,
div.articlelink A:hover	{ 
	color: #666; text-decoration: none; } 

.copyfineprint {
	font-size: 9px;
	color: #666;
}

div.storymedialink {
	display: none; 
}

div.srcindex div.storysubtitle div.storymedialink {
	display: block;  
}

div.fullstory div.storybody div.storymedialink {
	display: block;  
}

div.printlink {
	display: none;
	font-size: 9px;
	color: #666;
	font-family : verdana, arial, sans-serif;
	font-weight : normal;
	text-align: right;
	margin: 10px 3px 10px 3px;
	border-top: 1px solid #A0522D;
	padding-top: 3px;
}
#maincol div.printlink {
	display: block;
}


#sidecol div.updates {
	background-color: #FFF;
	margin-top: 5px;
}

ul.updlist {
	margin:5px 5px 5px -20px;
}
li.updlist {
	margin-bottom: 8px;
}
.boxed {
	display: block;
	border: 4px solid #A0522D;
	margin: 10px;
	padding: 10px;
}

div.storysummary div.boxed {
	display: block;
	border: 1px solid #A0522D;
	margin: 1px;
	padding: 5px;
}


div.misctitle  { 
	font-size : 16px;
	font-weight : normal;
	padding : 0 0 8px 0; 
	border-bottom: 2px solid #CCC;
        margin: 10px 0 5px 0;
	}

div.storysep {
	width: 80%;
	margin: 8px auto 8px auto;
	border-bottom: 3px solid #AAA;