/* Universal Selector */

* 
{
	margin: 0;
	padding: 0;
}

/* Type selectors */

body
{
	margin: 0;
	padding: 0;
	font-size: 76%;
	font-family: Verdana, Georgia, sans-serif;
	color: #00335e;
}

body p
{
	padding: 6px 0 6px 0 ;
	font-size: 1em;
}

#maincontent h1 {
	font-size:1.5em;
	margin: 10px 0;
	color:#aa4622;
}
		
#maincontent h2 {
	font-size:1.2em;
	margin: 10px 0;
	color:#aa4622;
}

#maincontent h3 {
	font-size:1.2em;
	font-weight: bold;
	color:#51822a;
	margin: 10px 0;
}


#maincontent h4 {
	font-size:1em;
	color:#51822a;
	margin: 0;
	margin: 10px 0;
	}

#maincontent h5 {
	font-size:1em;
	color:#51822a;
	font-weight: normal;
	margin: 10px 0;	
}

#maincontent h6 {
	font-size:.9em;
	color:#51822a;
	margin: 10px 0;
}	

/* Pseudo-classes */

a:link 
{
	color: #51822a;
	text-decoration: underline;
}


a:visited 
{
	color: #b43e20;
	text-decoration: underline;
}

a:hover, a:active 
{
	text-decoration: none;
}

#accessibilitybar {
	padding: 2px 15px;
	text-align:right;
	background-color:#347480;
	margin-bottom: 3px;
	color:#FFFFFF;
	vertical-align:middle;
}

#accessibilitybar p {
	padding: 0;
}

#accessibilitybar img {
         padding:0;
         margin:0;
	vertical-align:bottom;
         	border:none;
}

#accessibilitybar a, #accessibilitybar a:link {
         color:#ffffff;
	text-decoration:underline;
} 

#accessibilitybar a:hover {
         color:#ffffff;
	text-decoration:none;
}


/* Clear */
.clearboth 
{
          clear: both;
          width: 0px;
          height: 0px;
          margin: 0px;
}


/* Main Structural Elements */

/* Header - top */

#header
{
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	height: 87px;
	background-color: #34727F;
         background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 3px;
	vertical-align:top; 
}

#header img
{
	top: 0px;
	margin-top: 0px;
	vertical-align: top;
}


/* Banner - Name and Title */

#banner {
	background: #7d6237;
	vertical-align: middle;
         text-align: center;
         font-family: Garamond, Georgia, serif;
}

#banner h1{
	color: #FFFFFF;
	font-size: 2.2em;
	padding-left: 20px;
	padding-right: 10px;
	letter-spacing: 2px;
	vertical-align: middle;
         text-align: center;
	display: inline;
}



#banner h2{
	color: #FFFFFF;
	font-size: 1.8em;
	padding-right: 10px;
	letter-spacing: 1.5px;
	vertical-align: middle;

}


/* Breadcrumb  */

#breadcrumb {
	height: 12px;
	margin: 5px 0;
	padding-left: 20px;
	font-size: 0.8em;
	width: 95%;
}

#breadcrumb a
{
	color:#00335e;
	text-decoration: none;
}

#breadcrumb .hiddenbreadcrumb {
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: -500px;
         width:1px;
}


/* Container - all content areas below breadcrumb, not footer  */

#container {
	border-right: 4px solid #a94521;
	margin-right: 1%;
	height: 100%;
        margin-top:10px;
        padding-top:7px;

}


/* Global Navigation - left hand side navigation  */

#globalnav{
	float: left;
	width: 20%;
	font-size: 1.2em;
	height: auto;
	padding: 10px 5px 0 0;
	margin-bottom: 20px;	
}

#globalnav ul {
	padding-left: 0;
	margin: 5px 0 0 0;
}

#globalnav ul li{
	color: #FFFFFF;
	display:list-item;
	font-weight:bold;
}

#globalnav ul.internallink li.activelink {
	background-color: #a94521;
	padding-left:10px;
	display:list-item;
	list-style-type: none;
}

#globalnav ul li a{
	color:#ffffff;
	text-decoration:none;
	display:list-item;
	padding-left: 15px;
}

#globalnav ul li a:hover{
	background-color: #a94521;
	padding-left:20px;
	display:list-item;
}

#globalnav ul.homelink li {
	background-color: #51822a;
	border-bottom: #ffffff thick solid;
}

#globalnav ul.internallink li {
	background-color: #347480;
	border-bottom: #ffffff thick solid;
}

#globalnav ul.internallink li.active {
	background-color: #aa4622;	
	color: #FFFFFF;	
	padding-left: 4px;
}

#globalnav ul.externallink li {
	background-color: #003f75;
	border-bottom: #ffffff thick solid;
}


/* Line Heading - Content heading (red)  */


#line_heading
{
	width: 75%;
	float: left;
	margin: -15px 0 20px 10px;
	border-bottom-style: solid;
	border-bottom-color: #aa4622;
	border-bottom-width: 2px;
}
	
#line_heading h1
{	
	font-size: 1.2em;
	font-weight: bold;
	color: #aa4622;
	margin-top: 10px;
	padding-bottom: 2px;
}


/* Main Content - main content area  */

#maincontent
{
	float: left;
	width: 75%;
	background-color: #FFFFFF;
        font-family: Verdana, Georgia, sans-serif;
        padding-left:10px;
         padding-bottom:10px;
}



#maincontent div
{
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
}

#maincontent div ul 
{
         padding-left: 20px;
         padding-top: 6px;
}

#maincontent ul li
{
	list-style-type: disc;
	margin-left: 20px;
         padding-bottom: 6px;
}

#maincontent ol li
{
	margin-left: 20px;
}





/* Sidebar - right column inside maincontent  */

#side_bar {
	float: right;
	width: 150px;  
         font-family: Verdana, Georgia, san-serif;
         height: 255px; 
	}

#side_bar h3 {
	font-size: 1.0em;
         font-weight: bold;
	text-decoration: none;
	margin-top: 10px;
         margin-left: 30px; 
	}
	
#side_bar h3 span.date {
	color: #556622;
	font-size: 1.2em;
	}
	

#side_bar ul {
         list-style-type:disc;
	margin-left:1px;
         padding-left: 5px;
	}

#side_bar ul li {
         list-style-type:disc;
	margin-left:1px;
	}
	
#side_bar a {
	color: #00335e;
	text-decoration: none;
	}

#side_bar a:hover {
	color: #434B5A;
	text-decoration: underline;
	}



/* Footer - NOT inside maincontent  */

#footer
{
	clear: both;
	height: 30px;
	border-top-style: solid;
	border-top-color: #a94521;
	margin-right: 1%;
	padding-left: 5%;
	border-top-width: thin;
	margin-left: 1%;
}
		
#footer p
{
	font-size: 0.8em;
	color: #aa4622;	
	padding-top: 10px;
}

#footer a
{
	color:#a94521;
	text-decoration: none;
}

#footer a
{
	text-decoration: underline;
}

/* Classes  */

.left  
{
	float: left;
	text-align:left;
}

.right 
{
	float: right;
	text-align:right; 
}


/* Specific CSS   */

/* Tables on Transcripts and Media Releases */

table.releases 
{
	text-align:left;
	font-size:1em;
	padding: 6px;
	margin: 8px 0px;
        border-collapse:collapse;
	/*border-left: 1px solid #aa4622;
        border-right: 1px solid #aa4622;
        border-bottom: 1px solid #aa4622;*/
	width: 75%;
}
	
table.releases th 
{
	font-weight:bold;
	background-color:#51822a;
	color:#ffffff;
        padding:3px;
        text-align: center;
        border-left: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-top: 1px solid #FFFFFF; 	
}

table.releases td 
{
/*	border: 1px solid #aa4622; */
	padding-left: 4px;
        padding-top: 10px;
        padding-bottom: 10px;
}

table.releases tr.even td { background-color:#FFF; } 
table.releases tr.odd td { background-color:#f8f5f0; }

/* Javascript Lightbox CSS - for Photo Gallery Page  */

#lightbox {position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img {width: auto; height: auto;}
#lightbox a img {border: none; }

#outerImageContainer {position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer {padding: 10px; }

#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}

#prevLink, #nextLink{ width: 29%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}

#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData {padding:0 10px; color: #fff; }
#imageData #imageDetails {width: 70%; float: left; text-align: left; }	
#imageData #caption {font-weight: bold;	}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose {width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.thumb-container {
	border: thin solid #CCCCCC;
         background-color: #000;	
         width: 234px;
	height: 200px;
	margin: 5px;
	padding-top: 5px;
         float: left;
}

.image-center {
         text-align:center;
         display:block;
}

.image-padding-right {padding-right: 15px;}
.image-padding-left {padding-left:15px;}

.caption-text {
	clear: left;
	margin-top: 7px;
	margin-left: 3px;
         margin-right: 3px;  
	font-size: 0.8em;
         font-weight: bold;
}

.caption-text a:link {
	color: #CFE7EB;
}

.caption-text a:visited {
	color: #CC9966;
}

.caption-text a:hover {
	color: #CFE7EB;
        text-decoration: none;
}

.caption-text a:active {
	color: #CFE7EB;
}

/* Multimedia page table styles */

#multi th {
text-align:left;
background-color:#51822a;
font:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
border:0;
line-height: 20px;
}

#multi td {
background-color:#f8f5f0;
}

#multi table {
background-color:#FFF;
}

#multi .red th {
background-color:#a94521;
font:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:left;
line-height: 20px;
}

#multi table.multimedia th {
height:5px;
}

#multi table.multimedia td {
padding-left: 10px;
}

/* Site Map folders links  */

#main .folder {
text-decordation:none;
color: #00335e;
}

/* Google Maps Visit Map  */

/* Hides the link text in the location pop-up */

/*gmnoprint div div div font 
{
display: none !important;
} */

.gmnoprint a 
{
color:#FFFFFF;
}

img {border:none;}




