/* --------- define site wide attributes -------------- */
.sectionHeaderNew                     {
  color: black; font-size: 12pt; font-family:  Verdana, Arial, Helvetica, sans-serif ;
  font-weight: bold; border-bottom: solid 2px red; margin-bottom: 6px; padding-bottom: 2px;
}
.content a {color: blue;}
.content a:visited {color:#3333ff;}
.content a:hover {color: purple;}
.content a:active { color:blue;}


.text a {position:relative;	z-index:10; color: #e0e02D;}
.text a:visited {position:relative;	z-index:10; color:#e0e02D;}
.text a:hover {position:relative;	z-index:10; color: #e0e02D;}
.text a:active {position:relative;	z-index:10; color:#e0e02D;}


.shadow a {position:absolute;	z-index:5;	margin:2px 0 0 2px;color: #000;}
.shadow a:visited {position:absolute;	z-index:5;	margin:2px 0 0 2px;color:#000;}
.shadow a:hover {position:absolute;	z-index:5;	margin:2px 0 0 2px;color: #000;}
.shadow a:active {position:absolute;	z-index:5;	margin:2px 0 0 2px; color:#000;}


body {
	background: #000;
	font-size: 12px;
	font-family: Lucida Sans, Verdana, Tahoma, Arial, Helvetica, sans serif;
	color:#fff;
	padding:0px;
	margin:0px;
}


.content h1 {
	color: black;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
}

.content h2 {
	color: black;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	line-height: 0px;
}


/* --------- define stuff for navigation and other site chrome -------------- */
/* -------- navigation images ------------- */
#siteLogo {
	background: url(/toplogo.jpg) no-repeat top left;
	width: 950px;
	height: 140px;
	position:absolute;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
}

#siteBanner {
	width: 600px;
	height: 100px;
	position:relative;
	display:inline;
	float: right;
	padding: 0px 10px 0px 0px;
	margin: 20px 0px 0px 0px;
}


#siteTitle {
	font-size: 21px;
	background-color: #0A0A09;
	color: white;
	padding:0px 15px 0px 30px;
	margin:0px;
	font-style: italic;
	font-weight: bold;
	clear: both;
	height: 90px;
}

#topNavBar {
	font-family:  Verdana, Arial, Helvetica, sans-serif ;
	font-size: 21px;
	background-color: #e0e02D;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	color: black;
	padding:0px 15px 0px 30px;
	font-weight: bold;
	clear: both
}

#bottomNavBar {
	font-size: 10px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: white;
	padding:5px 15px;
	margin:0px
}

.mainContentHeader{
	height: 20px;
}


#navTitle{
	font-size: 18pt;
	padding-left: 10px;
}

#navStrips{
	padding-left: 110px;
	color: red;
}

#navSearch{
	padding-left: 140px;
	color: red;
}

#navTitle a {text-decoration: none; }
#navTitle a:visited {text-decoration: none; }
#navTitle a:hover {text-decoration: none; }
#navTitle a:active { text-decoration: none; }

/* ----------container to center the layout---------- */
.container {
	width: 950px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}



/* ----------outer and inner----------------- */
.outer{
	background-color: #ffffff; /* color of the content column */
 }

.outerContent{
	background: #000;
}

.outer2{
 }

.inner{
	margin:0px; width:100%; /* The fixes IE weirdness */
}

.innerContent{
	clear: both;
}

/* --------------left navigation ------------- */
.left {
 	width:170px;
 	float:left;
 	position:relative;
 	margin-left:-170px;
 	margin-right:1px;
 	color: #000;
 }


/* -----------------content--------------------- */
.content{
	position: relative;
	padding: 5px 0px 5px 10px;	
}

.contentNoImage{
	margin: 0px 0px 10px 0px;
	border-top: solid 2px #ECE41D;
	border-right: solid 2px #ECE41D;
	border-bottom: solid 4px #ECE41D;
	border-left: solid 4px #ECE41D;
}

.contentInner{
	background: white;
	color: black;
	padding: 10px;
}

.highlightBox{
	border: solid 4px red;
}

#indexTable{
	width:95%;
	align: center;
}

#indexTable a{
	display: block;
	color: black;
	line-height: 14pt;
}

/*  ----------------footer---------------------- */
#footer {
	padding:0px;
	margin:0px;
	text-align: right;
	clear: both;
}

.leftHandBottomLinks{
	padding-top: 6px;
	float: left;
	width: 300px;
	text-align: left;
}

.leftHandBottomLinks a {color: #FFFFff; }
.leftHandBottomLinks a:visited {color:#FFFFff;}
.leftHandBottomLinks a:hover {color: #FFFFff;}
.leftHandBottomLinks a:active { color:#FFFFff;}



.warningText {
	font-family:  Verdana, Arial, Helvetica, sans-serif ;
	font-size: 14px;
	font-weight: bold;
	color:#4E1369;
}

.enterText {
	font-family:  Verdana, Arial, Helvetica, sans-serif ;
	font-size: 18px;
	font-weight: bold;
	color:#f00;
	text-align: center;
	padding: 20px 0px 20px 0px;
}


/* -------------------- Left Hand Navigation Links ------------------- */
.navlist{
	margin-left: 0px;
	padding-left: 0px;
	list-style:none;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	width: 100%;
	color: #000;
	margin-top: 0px;
}

.navlist a {color: #000;}
.navlist a:visited {color:#000;}
.navlist a:hover {color: #fff;}
.navlist a:active { color:#ccc;}


.navlist li {
	color: #000;
	padding-left: 5px;
	padding-top: 10px;
}

.navlist li a{
	color: #000;
	text-decoration:none;
	padding-bottom: 2px;
	border-bottom: solid 1px white;
	width: 100%;
	display:block;
}

.navlist ul {
	list-style:none;
	margin-left: 10px;
	padding-left: 0px;
	color: #000;
	padding-bottom: 5px;
	padding-top: 6px;
	width: 100%;
}

.subnavlist{
	margin-left: 0px;
	padding-left: 0px;
	list-style:none;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	width: 100%;
	color: #000;
}

.subnavlist li {
	padding-left: 5px;
	padding-top: 0px;
	color: #000;
	list-style: none;
}

.subnavlist li a{
	color: #000;
	text-decoration:none;
	border-bottom: none;
	width: 100%;
	display:block;
}

.subnavlist li a {color: #000;}
.subnavlist li a:visited {color:#000;}
.subnavlist li a:hover {color: #FFF;}
.subnavlist li a:active { color:#000;}

.subnavlist ul {
	list-style:none;
	margin-left: 10px;
	padding-left: 0px;
	color: #000;
	padding-bottom: 5px;
	width: 100%;
}



/* ###### Menu Highlight Nav Link based on body ID ###### */
#home .home,
#archive .archive, #archive_1 .archive_1, #archive_2 .archive_2, #archive_5 .archive_5
{
  color: #6F3A99;
}

/* ---  turn off all submenus by default --- */
.home, .archive {
	display: none;
}

/* == turn on appropriate sub nav menu based on body tag */
#home .home,
#archive .archive, #archive_1 .archive, #archive_2 .archive, #archive_5 .archive
{
	display: block;
}


/* ******** print friendly ********** */
@media print {
	body { background: #fff; width: auto;  }
	.container { width: auto; }
   .noprint { display: none; }
	#siteTitle { display: none; }
	#topNavBar { display: none; }
	#siteLogo  { display: none; }
	#siteBanner{ display: none; }
	#siteSectionLogo { display: none; }
	.left { display: none; }
	.outer { border-left: 0px;}
	.outer2 { padding-left: 0px; }
	.content {	margin-right: 0px; background: #fff; }
	.leftHandBottomLinks { display: none; }
	#bottomNavBar {
		font-size: 10px;
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		background-color: #fff;
		border-top:1px solid #000;
		border-bottom:none;
		color: #000;
		padding:5px 15px;
		margin:0px
	}

}



/*******************************************************************************
							  Message stuff
*******************************************************************************/
/* surrounds entire message */
.MessageEntire {
	padding: 20px;
	border: 1pt solid black;
}

/* surrounds all the messages, not the header and footer */
.MainBody{
	padding-left: 20px;
	padding-right: 20px;
}

/* used for the stuff that appears the top of the page */
.navigationBar {
	padding-left: 20px;
	padding-right: 20px;
	font-family: verdana, sans-serif; font-size: 10pt;
}

.copyright {
	padding-top: 20px;
	padding-right: 10px;
	font-size: 8pt;
	font-family: Lucida Sans, Verdana, Tahoma, Arial, Helvetica, sans serif;
	font-style: italic;
	text-align: right;
}



/************* CSS for new pages follows */

.dividingLine{
	border-bottom: solid 1px black;
}

.letterHeader{
	background: #000066;
}

.userCommentComments 		    {padding-bottom: 16px;}
.userCommentInfoLine        { font-size: 10pt; padding-bottom: 4px;}
.userCommentName            { font-weight:bold; }
.userCommentDate            { font-size: 8pt;  }
.userCommentReportLink      { font-size: 8pt;  }
.userComment 							  { padding-left: 20px }

a.userCommentReportLink:link          { color: #1F2B9E; font-size: 8pt;  }
a.userCommentReportLink:visited       { color: #1F2B9E; font-size: 8pt;  }
a.userCommentReportLink:active        { color: #1F2B9E; font-size: 8pt;  }
a.userCommentReportLink:hover         { color: #3F4BBE; font-size: 8pt;  }

a.userCommentLink:link          { color: #1F2B9E; font-size: 10pt;  font-weight:bold;}
a.userCommentLink:visited       { color: #1F2B9E; font-size: 10pt;  font-weight:bold;}
a.userCommentLink:active        { color: #1F2B9E; font-size: 10pt;  font-weight:bold;}
a.userCommentLink:hover         { color: #3F4BBE; font-size: 10pt;  font-weight:bold;}

.userCommentLinkLine { font-size: 10pt; }

.galleryContainer {width: 224px; float: right; background:#fff; padding: 10px;}
.galleryTitle {text-align: center; font-size: 1.0em; font-weight: bold; }
.galleryPictureContainer {border: 1px solid black; width: 224px; float: right; padding-top: 4px; padding-bottom: 4px; background: white;}
.galleryPicturePreview {text-align:center; margin-top:0px;margin-bottom:0px;padding:0px;}
.descriptionTitle {font-size: 1.2em; border-bottom: solid 1px black;}
.linksTitle {font-size: 1.2em; border-bottom: solid 1px black; padding-top: 20px;}
.commentsTitle {font-size: 1.2em; border-bottom: solid 1px black; padding-top: 20px;}


 @media print {
 		.noprint { display: none; }
 		#left { display: none; }
 		#right { display: none; }
 		#header { display: none; }
		#clearheader { display: none; }
		#outer{
			height:100%;
			min-height:100%;
			margin-left:0px;
			margin-right:0px;
			margin-bottom:0px;
			color: #000000;
		}

}
