/* This file was last updated by William Bisbee on 2009-07-28 06:19:25pm */
/**********************************************************
OVERRIDE & EXPAND TNG genstyle.css
**********************************************************/
/* this is the color of the tng secondary page titles */
.header {
    color: #008080;
    margin-left: 10px;
}

/* body: describes page background color and all non-table text not governed by any other style */
body {background-color: #ffffff;}

/* styling for default links not elswhere classed or styled */
a:link {color : #330000;} 		/* unvisited link */
a:visited {color: #330000;} 	/* previously visited link */
a:hover {color: #008080;}	/* hovered link */
a:active {color: #330000;}	/* link in use, active -- can be dummy link in tabs */

/* fieldnameback: background color for column and row title sections */
.fieldnameback {background-color: #008080;}

/* databack: background color for data areas */
.databack {
	background-color: #FFFFFF;
	border-right: 1px solid 1px solid #444;
	border-bottom: 1px solid 1px solid #444;
}
.databack a:link {color : #330000;}
.databack a:visited {color: #330000;}
.databack a:hover {color: #008080;}
.databack a:active {color: #330000;}

/* sideback: background color for side and top frames in admin panel*/
.sideback {background-color: #008080;}

/* mouseoverback: background color for admin menu items hovered */
.mouseoverback {background-color: #009999;}

a.admincell:hover, a.leftlink:hover {
	background-color: #009999;
}

/* styles the tng dropdown menus */
#mnav a {color : #330000;}
#mnav li { /* contracted drop down list */
	background-color: #FFFFFF; 
	border-top: 1px solid #ddd;
	border-left: 1px solid #444;
}
#mnav li ul li { /*this is the color of the drop down menu item background */
	background: #ddeedd;
}
/* styles the tng Google-like page tab links */
.snlink {
	border-bottom: 1px solid #444;
	border-right:1px solid #444;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background-color: #D0BC91;
	color: #000000;
}

.snlink a:link {
    text-decoration: none;
}

.snlink:hover, a.snlink:hover, .snlink.a:hover {
	background-color: #008080;
	color: #ffcc00;
}
.snlinkact {
	background-color: #008080;
	color: #FFFFFF;
}
/* styles the Light Box windows that open to edit people information */
.LB_window {
	background: #D0BC91;
	border: 2px solid #000000;
	color:#000000;
}
.LB_closeAjaxWindow{
	background-color: #008080;
}
/**********************************************************
OVERRIDE DEFAULT tngtabs2.css STYLES AS NEEDED
**********************************************************/
/* nav link unvisited */
#tngnav a {
	color: #000000;
	background: #D0BC91;
	border-right: 1px solid #444;
	font: 11px, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}
/* nav link hover tab*/
#tngnav a:hover {
	background: #008080;
	color: #ffcc00;
}
/* nav link currently selected */
#tngnav a.here {
	background: #008080;
	color: #FFFFFF;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
}
/**********************************************************
STYLES UNIQUE TO THIS TEMPLATE
**********************************************************/
body#noframe {
	width: 95%;
    color: #330000;
	background-color: #ede4dd; 
	background-image: url("../images/pageback.jpg");
	background-attachment:fixed;
    padding: 0 1em 0 1em;
    max-width: 950px;
}
body#framed {
	width: 96%; /*prevents bottom scroll bar in Joomla frame-- ie wants no more than 96%*/
	background-color: #FFFFFF;
}
#wrapper {
    width: 100%;
}
/* one-column layout */
#c1maincol {

}
/* two-column layout, left column sidebar */
#c2leftcol {
	float: left;
	width: 145px;
    margin-left: 5px;
}
.sidetext {
	font-size: 12px;
	line-height: 120%;
	color: #000000;
}
.sidetext a:link {color : #000000;}
.sidetext a:visited {color: #000000;}
.sidetext a:hover {color: #008080;}
.sidetext a:active {color: #000000;}
/* two-column layout, main column */
#c2maincol {
	margin-left: 155px;
}
.maintext {
	margin: 0px;
	padding: .5em;
	color: #330000;
	font-size: 13px;
	line-height: 140%;
}
.maintext a:link {color : #330000;}
.maintext a:visited {color: #330000;}
.maintext a:hover {color: #008080;}
.maintext a:active {color: #330000;}

.footbanner {
    clear: both;
    width: 100%;
}
.history {
    padding: 3em;
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #aaaaaa;
    
}
.history p, .maintext p {
    padding: 0 1em 0 1em;
    font-size: 14px;
    font-variant: small-caps;
    color: #330000;
    text-indent: 20px;
}
.folio {
    padding: 3em;
    background-color: #fffff0;
    border-width: 1px;
    border-style: solid;
    border-color: #aaa;
}
.folio p {
    font-size: 14px;
}
.docimage {
	margin-top: 5px;
	border: 1px solid #aaa; 
}


/* container for topmenu components -- logo, banner and menu */
#pagehead{
	margin: 0px;
	padding: 0px;
	text-align: center;
}
/* top-left logo container */
#t3hdr {
	float: left;
	height: 90px;
	width: 90px;
	text-align: center;
	width: 110px;
}
#topbanner {
	margin-left: 115px;
	padding: 0px;
	height: 90px;
	text-align: center;
	text-decoration: none;
}
#subbanner {
	margin-left: 115px;
}

/*used in history pages */
table.grid { 
   border-collapse: collapse;
}
table.grid td {
    border-color: #777;
    border-width: 1px;
    border-style: solid;
    margin: 0;
    padding: 0 5px 0 5px;
    vertical-align:top;
}
table.nogrid {
}
table.nogrid td {
    margin: 0;
    padding: 5px 5px 0 5px;
    vertical-align: top;
}
table.nogrid th {
    text-align:left;
}
table.genform {
    border-collapse:collapse;
}
table.genform td {
    font-size: 12px;
}

table.genform td.label{
    text-align: right;
    width:80px;
}
table.genform th.label{
    text-align: left;
    font-variant: small-caps;
}

.topmenu { /* this custom menu/header styles $customheader = "topmenu.php" in config.php */
	margin-bottom: 1em;
	font-variant: normal;
	font-size: 14px;
	font-weight: bold;
	color: #008080;
	text-decoration : none;
	vertical-align: top;
	text-align: center;
}
a.topmenu:link  {
	text-decoration : none; 
	color: #008080;
} 
a.topmenu:visited  {
	text-decoration : none; 
	color: #008080;
} 
a.topmenu:hover  {
	color: #330000;
	text-decoration : none;
} 
a.topmenu:active  {text-decoration : none;}

.footer {
	font-size: 10px;
	color: #000000;
	text-align: center;
}
.footer a:link {color : #330000;}
.footer a:visited {color: #330000;}
.footer a:hover {color: #008080;}
.footer a:active {color: #330000;}

/* put a thin border around civil war pension file documents */
img.cwdoc { 
	margin-top: 5px;
	border: 1px solid #000066; 
}

/* Used for the subtitle on the home page */
.subtitle {
	margin: 0px;
	margin-bottom: 1em;
	padding-top: 5px;
	font-size: 20px;
	font-variant: small-caps;
/*	font-weight: bolder;*/
	color: #330000;
}

p.dropcap {
    text-indent: 0px;
}
p.dropcap:first-letter {
	float: left;
	font-size: 3.5em;
	line-height: 1em;
	padding-top: 0px;
	padding-right: 2px;
}

.quoted {font-style:oblique;}

.centered { text-align: center; }

.emphasis { 
    color: #330000;
    font-weight: bold;
}

.ok-emphasis {
    color: #008080;
    font-weight: bold;
}

.red-emphasis {
    color: #990000;
    font-weight: bold;
}

.photoCenter {
	text-align: center;
	margin: 0;
	padding: 10px;
}

/* cwpf used by Civil War soldier .html files loaded into the TNG media records  */
#cwpf, #cwforward { padding: 0 2em; }

/* Used in Civil War pension files intro.html and all soldier-history .html files */
div.leftBox {
	float: left;
	text-align: center;
    padding: 5px 5px 0 0;
}
div.rightBox {
	float: right;
	text-align: center;
}

/* Used in index.php.uc (under construction) and other error pages (403 etc.) */
.errorText {
	color: black;
	font-size: 14pt;
	line-height: 150%;
	text-align: left;
}

/* error pages */
.smallText {
	color: black;
	font-size: 8px;
}
/*****************************************************
		DESIGN AND TEST SECION
*****************************************************/
/* The following is strictly for testing.  Allows boundaries to be visible for table, cells, divs and lists.
   Comment this section out when finished testing 
table {
	border-collapse: separate;
	border: 1px solid red;
}
td {border: 1px solid green;}
div {border: 1px solid black;}
ul {border: 3px solid yellow;}
li {border: 1px solid blue;}

*/
/* end of custom template for Bisbee Family Connection */