/* CSS Index for Articles/News Pages

1. All Tags
2. Multi-use classes
3. Archive Page Styles
4. Article Page Styles

*/


/* 1. All Tags */
h3 {font-weight: normal;}

h4 {font-size: 90%;}

ol {
list-style-type: decimal;
list-style-position:inside;
}

p {
	/*width: 520px; */
	/*width:750px;*/
}


/* 2. Multi-use classes */

.thingdate {
font-weight: normal;
font-style:italic;	
}

.spacer {margin-bottom: 20px;}

/* 3. News Home Page Styles*/

ul#archivesummaries li {
border-bottom: dashed 2px #E7E7E9;
padding-top: 10px;
}

div#archive {
width: 225px ;
padding-right: 10px;
float: left;
margin-right: 15px;
border-right: dashed 2px #E7E7E9;
}

div#archive h3{ margin-bottom: 10px; }

div#archive h4 {}

div#archive h5 {}

ul#dates { margin-bottom: 20px; }

ul#dates a:hover{ text-decoration: underline; }

div#article {
width: 500px;
float: left;
}

/* 4. Article Page Styles */

#maincontent h2 {
font-size: 110%;
font-weight: bold;
margin: 0 0 0 0; 
float: none;
background-image: none;
width: 100%;
min-height: 30px;
}

p, blockquote  {
font-size: 80%;
}

blockquote, ol {margin-bottom: 15px;}

blockquote { padding: 3px 20px; font-style:italic; 	}


img.toleft, img.toright {padding: 5px 5px;}

img.toright{}

div.highlight {
/*width: 225px; Michel hack to display 3 on one row*/
width:224px !important;
padding: 0px 13px 0px 13px;
margin-bottom: 20px;
position: relative;
border-right-style: solid;
border-right-width: 1px;
min-height: 95px;
float: left;

}

/********  added css */
div.highlight {
/*width: 225px; Michel hack to display 3 on one row*/
width:224px;
padding: 14px 13px 0px 13px;
margin-bottom: 20px;
position: relative;
border-right-style: solid;
border-right-width: 1px;
position: relative;
min-height: 95px;
}


div.highlight h3 {
font-size: 80%;
margin-bottom: 11px;
position: absolute;
top: 2px;
left: 13px;
font-weight: bold;
}

div.highlight img {
float: left;
margin-right: 11px;	
/*width: 83px; was deforming thumbnail images
height: 64px;*/
}

div.highlight p {
float: left;
width: 105px;
font-size: 80%;	
}

div.highlight p, div.highlight img {
margin-top: 15px;
}

div.highlight a {
position: absolute;
bottom: 1px;
right: 13px;
width: 40px;
height: 18px;
font-size: 0%;
}

/********  original css below *//*

div.highlight h3 {
font-size: 80%;
font-weight: bold;
clear: both;
margin-bottom: 7px;
}

div.highlight p {
width: 165px;
font-size: 80%;	
margin: 0;
}

div.highlight a {
position: absolute;
bottom: 1px;
right: 13px;
width: 40px;
height: 18px;
font-size: 0%;
}
*/

div.clearer {
clear:none;	
}



/* 5. Archive Page Styles*/

div.ImageContainer img {
border-bottom:1px solid white;
border-right: none;
}



div.ImageContainer {
float:left;
margin-bottom:20px;
padding-bottom:11px;
}


div#ArticleImages {
float:right;
margin:0pt;
/*padding:0pt;*/
padding-left: 15px;
width:185px;
}
.SiteMap{
	background-image:none;
	float:none;
	font-size:110%;
	font-weight:bold;
	margin:0pt;
	min-height:30px;
	width:100%;
	color:#07B0DC;
}

div.festHighlightsLeft{
	clear:both;
	float:left;
	padding:10px;
	width:215px;
}
div.festHighlightsRight{
	padding:10px;
	float:left;
}
div.festHighlightsText{
	padding-top:50px;
}