body{
	font-family: Geneva, Helvetica, Arial, sans-serif;
	font-size:12px;
	padding: 0px;
	margin: 0px;
}


/* don't print the footer */
#footer {display:none !important;}

/* don't print the navigation */
#navigation {display:none !important;}


#left_col {display:none !important;}


#masthead {
	display: list-item;                
	list-style-image: url(../images/100years.jpg); 
	list-style-position: inside; 
	text-align:center;     
}


#content {
	margin-top:0px;
	padding-top:0px;
	text-align:left;
}


#mid_left_content{
	float:left;
	width:49%;
	padding: 0;

}

#mid_right_content{
	float:right;
	width:49%;
}

#breadcrumb{
	font-size:10px;
	padding: 0px;		
	margin: 0px 0px 7px 0px;
}


/* Masthead Styles */
#masthead h1 {
	font-size: 20px;
	font-style: normal;
	font-weight: strong;
}

a {
	color: darkblue;
	text-decoration: underline;
}


h2{
	font-size:14px;
	text-align:center;
	margin-top:0px;
	margin-bottom:5px;
}

h3{
	font-size:100%;
	border-bottom:1px solid black;
	padding-bottom:0px;
	margin-bottom:0px;
}

h4{
	font-size:100%;
	padding-bottom:0px;
	margin-bottom:0px;
}


.textImage {
	margin-left:10px; 
	margin-bottom:5px;
	border:1px solid black;
}


/******************* datatable styles *****************************/
.datatable {
	width:100%;
	border: 1px solid chocolate;
	border-collapse:collapse;
}

.datatable tr{
	vertical-align:top;
	}

.datatable th{
	background-color: burlywood;
	color: black;
	padding: 3px;
	border-right:1px solid #999999;
	}
	
.datatable td{
	border: 1px solid chocolate;
	padding:3px;
}

.alternate {background-color:#e6e6e6;}



/*********** gallery styles ***********/
.gallery{
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
          .gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:23.8%;
            margin:0 0 10px 1%; padding:10px 0;
            height:83px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */
            background:url(../../styles/45degree.png);
          }
            .gallery a,
            .gallery img{
              display:block;
              width:100%;
            }
            a img{ border:none; } /* A small fix */
            .gallery a:link,
            .gallery a:visited,
            .gallery a:focus,
            .gallery a:hover,
            .gallery a:active{
			  text-align:center;
              padding:3px;
              background:#eeefef;
              width:75px; height:75px;
              border:1px solid #eeefef; /* We blend the border with the bg, as if it isn't there */
              position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
              margin:-41px 0 0 -41px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
            }
            .gallery a:hover{
              border-color:#dfdfdf;
            }
            /* These are all optional, for decoration purpouses only 
            .gallery{
              border-bottom:2px solid #000;
              padding-bottom:10px;
              margin-top:10px;
            }*/


.shortenedspace { padding-top:0px; margin-top:5px;}



/* noprint class */
.noprint,
ul.subtitles {
	display:none !important;
	}