/*            
  ___ ___ ___ 
 / __/ __/ __|
| (__\__ \__ \
 \___|___/___/
              
================================================================
Global CSS file for millsarchivetrust.orghttp://www.millsarchivetrust.org/berkshire/index.php?S=f42d6616d479c7fc1f6d08aef996b2c6e761a204&C=templates&tgpref=1
Lorraine Humm lorraine@divine-creations.com	
================================================================
*/

/*-- (List browsers test details here) --*/
/*-- © Divine-Creations.Com Limited 2007 --*/

body {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	background-color: #e0eaf4;
	}
	
/*-- FONT STYLES --*/
	
h1 {
	font-family:'Lucida Grande', arial, verdana, helvetica, sans-serif;
	font-size: 1.5em; 
   	letter-spacing: 0.7px;
	color: #990000;
	padding: 0;
	margin-top: 0;
	font-weight: normal;
	}
h2 {
	font-family:'Lucida Grande', arial, verdana, helvetica, sans-serif;
	font-size: 1.3em; 
   	letter-spacing: 0.5px;
        font-weight: normal;
	color: #000;
	padding: 0;
        margin-top: 0;
	}

h2 a, h2 a:link, h2 a:active, h2 a:visited {
	color: #000;
	text-decoration: underline;
	}
h2 a:hover {color: #999;}

h3 { 
	font-family:'Lucida Grande', arial, verdana, helvetica, sans-serif;
	font-size: 1.2em; 
	letter-spacing: 0.7px;
	color: #990000;
}

a, a:link, a:visited, a:active, a:hover {
	color: #0d32ef;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	color: #8599ff;
	}

a.topofpage { background-color: #990000; padding: 2px; text-decoration: none; color: #FFFFFF; font-size: 80%;}



/*-- POSITIONING --*/

.container {
	width: 1000px;
	margin: auto;
	background: url("/images/pagebg.gif") repeat-y top left;
	background-color:#FFFFFF;
	}
	
.top {
	width: 990px; /*1000*/
	padding-left: 10px;
	height: 39px;
	background: url("/images/topbar.gif") no-repeat top left;
	color: #FFFFFF;
	float: left;
	line-height: 40px;
	margin-bottom: 5px;
	}
.bannerL {
        font-weight: bold;
       float:left;
}

	
.top a, .top a:link, .top a:visited {color: #fff;}
	
.mast {
	width: 1000px;
	height: 140px;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
/*L & R TOP*/

.posL {
	width: 240px; /*250*/
	float: left;
	padding-left: 10px;
	height: 150px;
	text-align: center;
	}

.posR {
	width: 740px;
	height: 140px;
	background: url("/images/montage.gif") no-repeat top left;
	float: left;
	}
	
/*L & R BOTTOM*/

.content {
	width: 1000px;
	float: left;
	background: url("/images/dotted_tile.gif") top left repeat-y;
        padding-bottom: 10px;
	}

.leftCol {
	width: 250px;
	float: left;
	}

.leftColWide {
	width:500px;
	float: left;
	}
	
.midCol {
	width: 500px;
	float: left;
	}
	
.midColWide {
	width: 750px;
	float:left;
	}
	
.rightCol {
	width: 250px;
	float: left;
	}
	
.padding {padding: 0 15px 15px 10px;}
	
/*portals*/

.wrapper {
	float: left;
	width: 720px;
	margin-bottom: 10px;
	}
	
.portalL {
	width: 325px; /*335*/
	margin: 0;
	padding: 5px!important;
	float: left;
	border: 1px solid #7c7062;
	}
	
.portalR {
	width: 325px;/*335*/
	margin: 0;
	padding: 5px!important;
	float: right;
	border: 1px solid #7c7062;
	}

.portalL h1, .portalR h1 {margin: 0 0 3px 0; font-size: 100%;}

/*-- FOOTER --*/
		
.footer {
	width: 1000px;
	height: 39px;
	background: url("/images/topbar.gif") no-repeat top left;
	text-align: center;
	font-size: 90%;
	line-height: 40px;
	/*REALLY IMPORTANT CLASS!!!!!!!!!!*/
	clear:both;
	color: #FFFFFF;
	}
.footer a, .footer a:link, .footer a:visited {color: #fff;}

/*-- BLOG CLASSES --*/

dl.posted {
    display: block;
    min-height: 100px;
    border-top: 1px dotted #999;
    padding-top: 5px;
    }

dl.posted dd {
    margin: 0 0 0 105px;
    font-size: 100%;
    }
dl.posted dd a {
    font-weight: normal;
    }
dl.posted dd.image {
    float: left;
    margin: 0;
    }

img {
border: none;
}

/*-- ADDITIONAL STYLES AND CLASSES --*/

html { height: 100%; margin-bottom: 1px;}
.newwindow {
	background:  url("/images/icons/newwindow.gif") no-repeat 0px 2px;
	padding-left: 15px;}
	
/*-- table for benefits of membership --*/

.membership {
	width: 100%;
	}
.membership td {
	
	padding: 0;
	color: #FFFFFF;
	text-align: center;
	}
.membership a {
	display: block;
	padding: 5px;
	background:#e0d9d1;
	color:#000;
	}
.membership a:hover {text-decoration: none; color:#000; background: #c8bbad;}

/*-- table for listings --*/

.listings {
	width: 100%;
	float:left;
	border: 1px solid #e0d9d1;
	}
.listings td {
	padding: 3px;
	border: 1px solid #e0d9d1;
	}
.listings th {
	text-align: left;
	background: #e0d9d1;
	}

/*-- IMAGE LISTS --*/

dl.blog {
	display: block;
	height: 200px;
	}

dl.blog dd {
	margin: 0 0 0 155px;
	font-size: 100%;
	}
dl.blog dd a {
	font-weight: normal;
	}
dl.blog dd.image {
	float: left;
	margin: 0;
	}
/*-- paginate --*/

.paginate {

}


/*-- IMAGE STYLES --*/

.paddingRight {padding: 0 3px 3px 0;}
.paddingLeft {padding: 0 0 3px 3px;}
img a {border: none;}

/*-- SUB NAVIGATION --*/

.subSilver {
	float: left;
	width: 100%;
	height: 24px;
	background: url(../images/new/sub_silver.gif) bottom left repeat-x;
	}
	
.subSilver div {
	width: 900px;
	margin: auto;
	height: 21px;
	padding-top: 3px;
	}

.subnav {
	padding: 0;
	margin: 0;
	}
	
.subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.subnav li {
	display: inline;
	padding-right: 20px;
	list-style: none;
	}

.subnav li a {
	text-decoration: none;
	color: #000;}
	
.subnav li a:hover {
	text-decoration: underline;}
	
.subselected {
	text-decoration: underline!important;}

.largeImage
{
max-width:450px;
}

.entry
{
       margin-top:10px;
}

.bookmarks img {
       text-decoration:none;
       border:0px; 
margin:2px;
padding:0;
} 

.thumbnailImage
{
max-width:150px;max-height:180px;
}
abbr {border-bottom:thin dashed #999999;}

.signup th, td {
   text-align:left;
   vertical-align:top;
}

.signup tr {height:55px;}

.signup th div {
   padding-top:5px;
   font-weight:normal;
}

.signup td .description {
   padding-left:25px;
}

label.error{
color:#ff0000;
display:block;
}

.headrow
{ font-size:22px;}

.map {
width:99%;
height:600px;
margin-top:10px;
border: dotted 1px #000;
padding:2px;
}

.framed-photo {
border: 1px dotted  #aaa;
padding:2px;
width: 180px;
}

.just-image {
padding:2px;
width: 180px;
}

.framed-photo p {
font-size:smaller;
text-wrap: normal;
}

.framed-photo .photo-title{
margin:0px; padding:0px;
height:15px;
font-weight:stronger;
text-align:center;
margin-right:10px;
}

.framed-photo .photo-description
{
margin:0px; padding:0px;
height:50px;
font-size:smaller;
font-style: italic;
}

.article-image:nth-child(even) {  float:right; margin-left:25px; /*float:left; margin-right:25px; */}
.article-image:nth-child(odd) { float:right; margin-left:25px;}

.primary-image
{
 border: 1px dotted  #aaa;
padding:2px;
width: 400px;
margin-right:10px;
margin-bottom:20px;
float:left;
}

.inline-image-right
{
border: 1px dotted  #aaa;
padding:2px;
float:right;
margin-left:10px;
margin-bottom:10px;
}

.inline-image-left
{
border: 1px dotted  #aaa;
padding:2px;
float:left;
margin-right:10px;
margin-bottom:10px;
}

.profile-header
{
width: 400px;
margin-right:10px;
margin-bottom:20px;
float:left;
}

.profile-header img
{
 border: 1px dotted  #aaa;
padding:2px;
/*width: 400px;*/
margin-right:10px;
margin-bottom:20px;
float:left;
}

.primary-image-text
{
width:200px;
float:left;
}
 
.infoContainer p
{
width:250px;
height:30px;
}

.sectionNav {
   background-color:#8CD6DE;
   border: thin dotted  #1C1C1C;
   padding:5px;
   margin-bottom:5px;
}
.sectionNav p {
margin:0;
padding:0;
}

blockquote
{
 background-color: #e0eaf4;
   border: thin dotted  #1C1C1C;
   padding:5px;
   margin:5px;
   font-size:larger;
   line-height:1.7em;
}

.searchName{
word-wrap:break-word;
}

dl.table-display
{
        width:100%;
	float: left;
	margin: 1em 0;
	padding: 0;
	border-bottom: 1px solid #999;
}

.table-display dt
{
	clear: left;
	float: left;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
	font-weight: bold;
        width:25%;
}

.table-display dd
{
	float: left;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
        width:70%;
}