﻿/* Style sheet for Trinity */
html {
	margin: 0px;
	padding: 0px;
}
body  {
	background-image: url('bur.jpg');
	width: 100%;
	height: 100%;
	color: #666;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: normal normal 12px/16px Verdana, Arial, sans-serif;
}
input { color: #000; font: normal normal 11px Arial, sans-serif; }
h1    { font: normal bold 13pt Arial, Verdana, sans-serif;
	color: #600936; margin-bottom: -12px; }
h2    {
	font: normal bold 13pt Arial, Verdana, sans-serif;
	color: #999999;
	line-height: 16pt;
	border-bottom-color: #600936;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #600936;
	border-top-style: solid;
	border-top-width: 1px;
}
h3    { font: normal bold 11pt Arial, Verdana, sans-serif; color: #999966; padding: 3px; }
h4    { color: #000; font:  normal bold 12px Verdana, Arial, sans-serif; }
h5    { color: #000; font:  normal bold 11px Verdana, Arial, sans-serif; }
h6    { color: #000; font:  normal bold 10px Verdana, Arial, sans-serif; }
ol ol ol { color: #000; font: normal normal 12px/16px  Verdana, Arial, sans-serif; }
ol ol { color: #000; font: normal normal 12px/16px  Verdana, Arial, sans-serif; }
ol { color: #000; font: normal normal 12px/16px  Verdana, Arial, sans-serif; }
ul    { list-style-image: url('graphics/bullet.gif'); color: #000; 
	 font: normal normal 12px/16px Verdana, Arial, sans-serif; }
ul ul    { list-style-image: url('graphics/bullet2.gif'); 
	color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; }
ul ul ul { list-style-image: url('graphics/bullet3.gif'); 
	color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; }

/* Define Container to set Fixed Width */
.yourname {
	background: #FFF;
	font: normal bold 13pt Arial, Verdana, sans-serif;
	color: #152743;
	text-align: left;
	border-bottom: 1px solid #FFF;
}

.youraddress { background: #FFF;
	position: relative;
	text-align: right;
	color: #152743;
	font: normal normal 11px/12px Arial, sans-serif;
	padding-right: 15px;
	padding-top: 2px;
	border-bottom: 1px solid #FFF;
	}
	

.leftside { background: #EDECD4; color: #000; 
	width: 240px; padding: 10px; height: 100%; text-align: left; 
	border-left: 1px solid #1D1D6B;
	font: normal normal 12px/16px Verdana, Arial, sans-serif; 
}
	
.content { background: #FFF;
	width: 500px;
	color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; 
	padding: 10px; 
	text-align: left;
	border-left: 1px solid #1D1D6B;
	border-right: 1px solid #1D1D6B;
}
.contentfull { background: #FFF;
	width: 720px;
	color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; 
	padding: 10px; 
	text-align: left;
	border-left: 1px solid #1D1D6B;
	border-right: 1px solid #1D1D6B;
}
.contenthalfl { background: #FFF;
	width: 359px;
	color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; 
	padding: 10px; 
	text-align: left;
	border-left: 1px solid #1D1D6B;
}
.contenthalfr { background: #FFF;
	width: 358px;
	color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; 
	padding: 10px; 
	text-align: left;
	border-left: 1px solid #1D1D6B;
	border-right: 1px solid #1D1D6B;
}

.box1 { background: #ECEDEE;
	width: 233px;
	color: #000; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	padding: 8px; 
	text-align: left;
	border-left: 1px solid #1D1D6B;
	border-right: 1px solid #1D1D6B;
}
.boxtop1 {
	background: #666666;
	width: 233px;
	color: #FFF;
	font: normal bold 12px/16px Verdana, Arial, sans-serif;
	padding: 3px 8px 3px 8px;
	text-align: left;
	border-left: 1px solid #1D1D6B;
	border-right: 1px solid #1D1D6B;
}
.box2 {
	background: #999966;
	width: 235px;
	color: #000;
	font: normal normal 11px/14px Verdana, Arial, sans-serif;
	padding: 8px;
	text-align: left;
}
.boxtop2 {
	background: #2F3178;
	width: 235px;
	color: #ECEDEE;
	font: normal bold 12px/16px Verdana, Arial, sans-serif;
	padding: 3px 8px 3px 8px;
	text-align: left;
}
.hmenu {
	background: #1D1D6B;
	text-align: center;
	vertical-align: middle;
	font: normal normal 11px Verdana, Arial, sans-serif;
	color: #FFF;
	width: 760px;
	height: 28px;
}

/* Define main menu mouseover states */
.hmenu a { text-align: left; color: #FFF; text-decoration: none; }
.hmenu a:link { text-align: left; color: #FFF; text-decoration: none; }
.hmenu a:visited { text-align: left; color: #FFF; text-decoration: none; }
.hmenu a:hover {text-align: left; color: #1D1D6B; text-decoration: underline; }

/* Define footer section */
.footer {
	background: #000000;
	display: block;
	text-align: center;
	font: normal normal 11px/20px Verdana, Arial, sans-serif;
	color: #FFF;
	width: 760px;
	height: 26px;
	padding: 3px 0px 0px 0px;
}
.footer a:link    { color: #FFF; text-decoration: none;   }
.footer a:active  { color: #FFF; text-decoration: none;   }
.footer a:visited { color: #FFF; text-decoration: none;   }
.footer a:hover   { color: #cccccc; text-decoration: underline;  }
	
/* Define standard hyperlinks */	
a:link  { color: #600936;  }  
a:active { color: #600936;  }
a:visited { color: #600936;  }
a:hover { color: #000; text-decoration: none; }



/* Define product page sections */
.productbox      {
	background: #EDECD4;
	color: 000;
	font: normal normal 11px/13px Verdana, Arial, sans-serif;
	padding: 4px 5px 4px 5px;
	border: 1px solid #1D1D6B;
	text-align: left;
	width: 50%;
	vertical-align: top;
}
.productboxtop   {
	background: #1D1D6B;
	color: #FFF;
	font: normal bold 12px/15px Verdana, Arial, sans-serif;
	padding: 4px 5px 4px 5px;
	text-align: center;
	border-top: 1px solid #1D1D6B;
	border-left: 1px solid #1D1D6B;
	border-right: 1px solid #1D1D6B;
	border-top-color: #1D1D6B;
	border-right-color: #1D1D6B;
	border-left-color: #1D1D6B;
	width: 50%;
}
.products        { background: #FFF; }
.productsleft   { background: #FFF; color: #1D1D6B; border-left: 1px solid #1D1D6B; 
	border-top: 1px solid #1D1D6B; 
	padding: 4px 10px 4px 10px; text-align: center; }
.productsright  { background: #FFF; color: #1D1D6B; border-left: 1px solid #1D1D6B; border-top: 1px solid #1D1D6B; 
	padding: 4px 10px 4px 10px; text-align: center; border-right: 1px solid #1D1D6B; }
.productboxleft     { background: #EDECD4; color: #000; text-align: center;
	font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	padding: 4px 10px 4px 10px; border-left: 1px solid #1D1D6B; border-top: 1px solid #1D1D6B; }
.productboxright      { background: #EDECD4; color: #000; text-align: center;
	font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	padding: 4px 10px 4px 10px; border-left: 1px solid #1D1D6B; border-right: 1px solid #1D1D6B; 
	border-top: 1px solid #1D1D6B; }
.productboxlbot     { background: #EDECD4; color: #000; text-align: center;
	font: normal normal 11px/13px Verdana, Arial, sans-serif;  border-bottom: 1px solid #1D1D6B;
	padding: 4px 10px 4px 10px; border-left: 1px solid #1D1D6B; border-top: 1px solid #1D1D6B; }
.productboxrbot      { background: #EDECD4; color: #000; text-align: center;
	font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	padding: 4px 10px 4px 10px; border-left: 1px solid #1D1D6B; border-bottom: 1px solid #1D1D6B;
	border-right: 1px solid #1D1D6B; border-top: 1px solid #1D1D6B; }

/* Define textbox area */

.textbox      {
	background: #FFF;
	color: #666;
	font: normal normal 13px/18px Verdana, Arial, sans-serif;
	padding: 5px 10px 5px 10px;
	text-align: left;
	border: 1px solid #1D1D6B;
}
.textbox    a:link {
	background: #FFF;
	color: #666;
	text-decoration:none;
	}
.textbox    a:active {
	background: #FFF;
	color: #666;
	text-decoration:none;
	}
.textbox    a:visited {
	background: #FFF;
	color: #666;
	text-decoration:none;
	}
.textbox    a:hover {
	
	color: #ffffff;
	background: #1D1D6B;
		}


.textboxheader {
	background: #1D1D6B;
	color: #FFF;
	text-align: left;
	font: normal bold 12px/15px Verdana, Arial, sans-serif;
	padding: 5px 10px 5px 10px;
}
.reverse {
	padding: 5px;
	position: relative;
	text-align: center;
	color: #CCCCCC;
	font: normal normal 14px/20px Arial, sans-serif;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
	border-bottom-color: #999966;
	width: 100%;
}
.reverse a:link{
	position: relative;
	text-align: right;
	color: #CCCCCC;
	font: normal normal 14px/20px Arial, sans-serif;
		text-decoration:none;
	font-weight: bold;
}
.reverse a:active{
	position: relative;
	text-align: right;
	color: #CCCCCC;
	font: normal normal 14px/20px Arial, sans-serif;
	text-decoration:none;
	font-weight: bold;
}
.reverse a:visited{
	position: relative;
	text-align: right;
	color: #CCCCCC;
	font: normal normal 14px/20px Arial, sans-serif;
		font-weight: bold;
	text-decoration:none;

}
.reverse a:hover{
	position: relative;
	text-align: right;
	color: #000080;
	font: normal normal 14px/20px Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background-color: #999966;
	padding-left: 5px;
	padding-right: 5px;
}

.leftmainnav {
	position: relative;
	text-align: center;
	color: #FFFFFF;
	font: normal normal 12px/18px Arial, sans-serif;
	padding-top: 2px;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
	background-color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	border-bottom-color: #600936;
	border-top-color: #600936;
	border-bottom-width: 2px;
	border-top-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	margin-top: 5px;
	margin-bottom: 5px;
}
.leftmainnav a:link{
	position: relative;
		color: #C0C0C0;
	font: normal normal 12px/18px Arial, sans-serif;
			font-weight: bold;
		text-decoration:none;
}
.leftmainnav a:active{
	position: relative;
		color: #C0C0C0;
	font: normal normal 12px/18px Arial, sans-serif;
			font-weight: bold;
		text-decoration:none;

}
.leftmainnav a:visited{
	position: relative;
		color: #C0C0C0;
	font: normal normal 12px/18px Arial, sans-serif;
			font-weight: bold;
		text-decoration:none;

}
.leftmainnav a:hover{
	position: relative;
		color: #C0C0C0;
	font: normal normal 12px/18px Arial, sans-serif;
			font-weight: bold;
		text-decoration:none;
	background-color: #000000;
	}
.topnav {
	background: #999966;
	width: 358px;
	color: #000080;
	font: normal normal 12px/16px Verdana, Arial, sans-serif;
	padding: 10px;
	text-align: right;
	border-left: 1px solid #1D1D6B;
	border-right: 1px solid #1D1D6B;
}
.contentfulltop {
	background: #999966;
	width: 200px;
	color: #000;
	font: normal normal 12px/16px Verdana, Arial, sans-serif;
	text-align: right;
	border-left: 1px solid #1D1D6B;
	border-right: 1px solid #1D1D6B;
}
.contentfulltoppic {
	background: #070768;
	width: 100%;
	color: #000;
	font: normal normal 12px/16px Verdana, Arial, sans-serif;
	text-align: right;
	border-left: 1px solid #1D1D6B;
	border-right: 1px solid #1D1D6B;
	position: relative;
}
.mainnav {
	border-width: 0px;
	border-style: none;
	width: 150px;
	color: #000080;
	font: normal normal 12px/16px Verdana, Arial, sans-serif;
	padding: 5px;
	text-align: left;
	border-left: 1px solid #1D1D6B;
	border-right: 1px solid #1D1D6B;
	font-weight: bold;
	height: 25px;
	background-image: url('../images/btnbottm.png');
	background-repeat: no-repeat;
	vertical-align: top;
}
.fronttext {
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	vertical-align: top;
	text-align: left;
}
.contenthalflfrpmt {
	width: 459px;
	color: #333333;
	font: normal normal 12px/20px Verdana, Arial, sans-serif;
	padding: 10px;
	text-align: center;
	border-left: 1px solid #1D1D6B;
	vertical-align: top;
	background-color: #FFFFFF;
}
.contenthalfrfront {
	background: #FFF;
	width: 258px;
	color: #000;
	font: normal normal 12px/20px Verdana, Arial, sans-serif;
	padding: 10px;
	text-align: left;
	border-left: 1px solid #1D1D6B;
	border-right: 1px solid #1D1D6B;
	vertical-align: top;
}
.frontmain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	line-height: 22px;
	border-right-style: none;
	border-left-style: none;
	width: 760px;
	background-image: url('../images/frontcellbkg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	height: 600px;
}
