/*  CSS Style sheet for all html files under http://www.trianglesolutions.com/files/  */
/*  CSS Style sheet written by Kelly Porter, property of Triangle Solutions, Inc.  */

/*Style for General Tag Properties */

html {
	margin: 0%;
	padding: 0%;
}

body  {
	font-family: Arial, Helvetica, sans-serif;
   font-size: 90%;
	color: #003399;
   background-color: #FFFFFF;
   background-image: none;
	text-decoration: none;
	margin: 0;
	padding: 0%;
	border: none;
}

table, td {  
  font-family: Arial, Helvetica, sans-serif; 
  text-decoration: none;
}

/*  The padding property provides padding around the tag, image or whatever you classify it with.  The first number applies to padding on top, the second for the right, the third for the bottom, and the fourth for the left.  */
p  {
	font-family: Arial, Helvetica, sans-serif;
   color: #003399;
	background-color: transparent;
   text-decoration: none;
	padding: 1% 0 0 1%;
	}

h1, h2, h3, h4 {
	font-weight: bold;
	font-variant: small-caps;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: none;
	width: 100%;
}

acronym {
	border-bottom: none;
}

/* Style for Hyperlinks */

a:link, a:visited {
	color: #CC3333;
	background-color: transparent;
   text-decoration: underline;
}

a:hover {
    background-color: #FFFFCC;
    color: #9966FF;
    text-decoration: underline;
}

/* Style for Padding */

/* img.imgleft and img.imgright can only be used inside the img tag.  The padding provides space around the image itself.  One should never use padding style for img tag alone as it puts spacing around all the images which could mess up the look of your web design. */

img.imgleft {
   border: none;
	padding: 1% 1% 1% 1%;
	float: left;
}

img.imgright {
	border: none;
	padding: 1% 1% 1% 1%;
	float : right;
}

/* div.outerindent used to put space between left sidebar and main text area  */
div.outerindent {
	padding: 1% 1% 1% 3%;
}

/* Style for Image Header and Navigation Bar at top of page */

.bgheader {
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 105%;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color: #CC3333;
    text-align: center;
    margin-left: 2%;
}

.headbar {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 95%;
    font-weight: bold;
    text-align: center;
    border : none;
}

.headbar a:link,  .headbar a:visited, .headbar {
    color: #FFFFFF;
    background-color : #003399;
    text-decoration: none;
}

.headbar a:hover {
    background-color : #FFFFFF;
    color: #003399;
    text-decoration: none;
}

div.subheadbar {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 85%;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    border: none;
}

.daydate {
    font: bolder 100% Arial, Helvetica, sans-serif;
    color: #003399;
    background-color: transparent;
    text-decoration: none;
    margin-left: 3%;
}

/* Style for headers and other stuff in Side Bar */

.sidebar {
	font: 90% Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 1% 1% 1% 1%;
}

.subheader {
	text-align: center;
	text-decoration: none;
	border: none;
	background-color: #CC3333;
	color: #FFFFFF;
}

p.blueheader {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: none;
    color: #FFFFFF;
    background-color: #003399;
	 width: 100%
}

p.goldheader {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: none;
    color: #FFFFFF;
    background-color: #FFCC33;
	 width: 100%;
}

/* Style for Main Area */

ul.imagelist {
	list-style: square outside;
}
div.edge {
	border: none;
	width: 65%;
	margin-left: 25%;
}

.goldheader {
    text-align: center;
    text-decoration: none;
    border: none;
    background-color: #FFCC33;
    color: #FFFFFF;
	 width: 50%;
}

.ltblueheader {
    text-align: center;
    text-decoration: none;
    border: none;
    background-color: #9966FF;
    color: #FFFFFF;
	 width: 50%
}

.silverheader {
	text-align: center;
	text-decoration: none;
	border: none;
	background-color: Silver;
	color: #FFFFFF;
	width: 50%
}

.fsize8 {
	font-size: 75%;
    text-decoration: none;
}

.pagecenter {
	text-align: center;
    text-decoration: none;
}

/*  Style for Navigation Bar at Bottom of Web Page  */

div.navbar {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 90%;
    text-decoration: none;
    border: none;
}

div.navbar a:link,  div.navbar a:visited, div.navbar {
    color: #CC3333;
    background-color: #FFFFFF;
    text-decoration: underline;
}
div.navbar a:hover {
    background-color: #FFFFCC;
    color: #9966FF;
    text-decoration: underline;
}

/*  Style for where address and copyright info at bottom of page */

div.footer {
    background-color: #003399;
    background-image: none;
    color: #ffffff;
    padding: 0 3em 0 3em;
    text-align: center;
    border: none;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
 }

.twhite {  
    font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
    background-color: #003399;
    text-decoration: none;
}

.copyright {
    font: bold 70% Arial, Helvetica, sans-serif;
    text-align: center;
    color: #003399;
    background-color : transparent;
    text-decoration: none;
}

/*  Miscellaneous Style  */

.fsize16 {
    font-size: 105%;
    font-weight: bold;
    text-decoration: none;
}

.fsize18 {
    font-size: 110%;
    font-weight: bold;
    text-decoration: none;
}

.f14red {
    font: bold 100% Verdana, Arial, Helvetica, sans-serif;
    color: #CC3333;
    text-decoration: none;
}

.textsmred{
    font: bold italic 70% Verdana, Arial, Helvetica, sans-serif;
    color: #CC3333;
    text-decoration: none;
}

.textbold {  
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
    text-decoration: none;
}

.textitalic {  
	font-style: italic;
    text-decoration: none;
}

.indent1 {  
	margin-left: 1%;
}

.indent2 {  
	margin-left: 2%;
}

.textbi {  
    font-family: Arial, Helvetica, sans-serif; 
    font-style: italic; 
    font-weight: bold;
}