/***********************************************/
/* tJasckon.css                                */
/* for use with the Trent Jackson memorial Page */
/***********************************************/

/***********************************************/
/* HTML tag styles                            



/***********************************************/ 

body{
	line-height: 1.166;	
	background-color: #DDA635;  /*  silver; #DDA635; #00248F #FFFFCB; 0033CC */
	color: #0033CC;
	width: 770px; 
	left: 0;
	top: 0;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

.workareaTJ{
	background-color:  #00248F;
	border: 0px solid #0033CC;
	width: 770px; 
}

#masthead{
	/* height: 230px; */
	background-color: #0033CC;
	border: 5px solid #00248F;
	color: #0033CC;
	text-align: center;
	width: 770px; 
}

.pagetitle {
	height: 100px;
	background-color: #00248F;
	border: 5px solid #fff;
	color: #0033CC;
}

.pagetitle2 {
	color: #060;
}

th {
	text-align: center;
	color: #0033CC;
}

h1 {
	text-align: center;
	color: #0033CC;
}
h2 {
	text-align: center;
	color: #0033CC;
}

.bodytext {
	line-height: 1.166;	
	font-family: "Arial Black", Helvetica, sans-serif;
	color: #0033CC;
	font-size: 24px; 
	text-transform: uppercase;
	padding-top: 20px;
	text-align: center;
	border: 1px solid #0033CC;
	width: 770px; 
}

.contentTJ {
	font: 14px Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #FFF; /* #fff; */
	padding: 10px;
	border: 5px solid #0033CC; /*  #0033CC; */
	color: #0033CC;
	text-align: justify;
	width: 750px;
}

.contentTJ a {
	text-decoration: underline;
	color: #0033CC;
	font-weight: bold;
}

.contentTJ a:hover { 
	background-color: #0033CC;
	color: #FFFFFF;
	font-weight: bold;
}

.contentp {
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #fff;
	padding: 10px;
	border: 5px solid #0033CC; 
	overflow: auto;
	color: #0033CC;
	text-align: justify;
}

/************* #footer styles *************/

#footer{
/*
	clear: both;

  */
	width: 768px;
	color: #FFFFFF;
	background-color: #0033CC;
	font-size: 80%;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #0033CC;
}

#footer a {
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #0033CC;
}

#footer a:hover{
	text-decoration: none;
	background-color: #FFFFFF;
	color: #0033CC;
}

.blockDisplay {
	display: block;
	text-align: left;
	color: #FFFFFF;
}

.blockDisplay2 {
	display: block;
	text-align: left;
}

/************* #siteInfo styles ***************/

#siteInfo{
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align: center;
	clear: both;
	color: #0033CC;
	padding: 0px 0px 0px 0px;
	background-color: #00248F;
	border: 2px solid #0033CC;
}

#siteInfo a{
	text-decoration: none;
	color: #0033CC;
}

#siteInfo a:hover{
	text-decoration: none;
	color: #00248F;
	background-color: #0033CC;
}

/*********** #navBar link styles ***********/

/* #navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}  */

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #fff;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

.title {
	font-family: "CommercialScript BT", "Franklin Gothic Medium", "Monotype Corsiva", "Century Gothic", Script, cursive;
	font-weight: bold;
	font-size: 36px; 
	color: #0033CC; 
	text-align: center;
}

.title2 {
	font-weight: bold;
	font-size: 36px; 
	color: #0033CC; 
	text-align: center;
	text-transform: uppercase;
}

.title3 {
	font-weight: bold;
	font-size: 24px; 
	color: #0033CC; 
	text-align: center;
}


.titleLeft {
	font-weight: bold;
	font-size: 14px;
 	color: #0033CC; 
	display: block;
	text-transform: uppercase;
}

.titleLeft2 {
	font-weight: bold;
	font-size: 14px;
 	color: #0033CC; 
	display: block;
}

.titleLeft3  {
	font-weight: bold;
	font-size: 14px;
 	color: #0033CC; 
	display: block;
}

.titleLeft4  {
	font-weight: bold;
	font-size: 20px;
 	color: #0033CC; 
	display: block;
}

.tributes {
	font-weight: bold;
	font-size: 14px;
 	color: #0033CC; 
}

.name {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
 	color: #0033CC;  
	display: block;
}

.nameRed {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
 	color: #f00;  /*	#fff;  */
	display: block;
}


.photo {
  	float: right;
	padding: 5px 5px 5px 5px;
	border: 1px solid #000;	
	position: relative;
	margin: 0px 0px 20px 20px;
	background-color: #FFF;
}

.photoLeft {
  	float: left;
	padding: 5px 5px 5px 5px;
	border: 1px solid #000;	
	margin: 0px 20px 20px 0px;
	position: relative;
	background-color: #FFF;
}

.photoCenter {
	text-align: center;
	padding: 5px 5px 5px 5px;
	border: 1px solid #0033CC;	
	margin: 0px 0px 0px 0px;
	background-color: #FFF;
}

.logo{
  	float: right;
	padding: 0px 0px 0px 0px;
	border: 0px solid #0033CC;	
	margin: 5px 5px 5px 5px;
	position: relative;
}

.bannerright {
	float: right;
}

.bannercenter {
	text-align: center;
}

.bannerleft {
	height: 200px;
	background-color:#00248F;
	color: #0033CC;
}	

.bodyright {
	float: right;
}

.bodyright2 {
	float: right;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.bodyleft {
	float: left;
}	

.bodycenter {
	text-align: center;
}	

.topMain  {
	border-bottom: 3px solid #008; 
}

.signature {
	line-height: 1.166;	
	font-family: "Monotype Corsiva", "CommercialScript BT", Script;
	color: #0033CC;
	font-size: 24px; 
	padding-top: 0px;
	text-align: right;
}

.created {
	display: block;
	text-align: left;
	color: #FFFFFF;
	background-color: #0033CC;
}

.created a {
	text-decoration: none;
	color: #0033CC;
	background-color:#FFFFFF;
}

.created a.active {
	text-decoration: none;
	background-color: #0033CC;
	color: #FFFFFF;
}

.created a:visited {
	text-decoration: none;
	color: #0033CC;
}

.created a:hover {
	text-decoration: none;
	color: #0033CC;
	background-color: #FFFFFF; 
}
	
.created a.active:hover {
	text-decoration: none;
	background-color: #FFFFFF; 
	color: #0033CC;
}

.buttons {
	text-align: center;
}

td {
	color: #0033CC;
	border: 0px solid #0033CC;
	padding: 3px;
	margin: 0px;
	text-align: left;
}

.textLine {
	border: 4px solid #0033CC;
	background-color: #00248F;
	font-weight: bold;
	padding-left: 5px;
}

.centered {
	text-align: center;
}

.instr {
	text-align: left;
	padding-right: 20px;
}

.required {
	color: #f00;
	font-weight: bold;
}


.errorMsg {
	font-weight: bold;
	font-size: 16px;
 	color: #f00;
}

.biography {
	margin-top: 20px;
	border: 4px solid #0033CC;
	padding: 5px 5px 5px 5px;
	clear: both;
}