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

body	{
	font: 12px verdana, arial, sans-serif;
	background-color:   #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
p	{
	font: 12px verdana, arial, sans-serif;
	color: #000000;
	}

a 	{
	font-weight: normal;
	text-decoration: underline;
	color: #012187;
	}

a:hover	{
	font-weight: normal;
	text-decoration: none;
	color: #993333;
	}

a:active	{
	font-weight: normal;
	text-decoration: none;
	color: #993333;
	}

a:visited	{
	font-weight: normal;
	text-decoration: underline;
	color: #707070;
	}

a.bottom 	{
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	}

a.bottom:hover	{
	font-weight: bold;
	text-decoration: none;
	color: #464B77;
	}

a.bottom:active	{
	font-weight: bold;
	text-decoration: none;
	color: #464B77;
	}

a.bottom:visited	{
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	}

a.bottom:visited:hover	{
	font-weight: bold;
	text-decoration: none;
	color: #464B77;
	}

img 	{ border-width: 0; }

/*TABLE TAGS - the following table tags do very hand things like set border colors and styles, as well as other default things you usually have to redefine for each table */

/*this puts a light grey 1px border on the table, with consistancy across browsers*/
table.border
{
margin: 0px 0px 0px 0px;
border-collapse:collapse;
border: 1px solid #C1C1C1;
}

/*by coding <table class="content">, this code is the equiv. of coding manually <table width="100%" cellpadding="5" align="center"> - its just good shorthand ;)*/
table.content
	{
	text-align: center;
	width:100%;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	border-collapse:collapse;
	}

/*this adds a dashed black border to create something like a "coupon" cutting line effect around the table*/
table.link
	{
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	border-collapse:collapse;
	border: 1px dashed #000000;
	}

/*TD TAGS - the following <td> tags do very hand things  - but REMEMBER, they only work within a <TD> tag! :) */

/*this gives you a td with spacing below and to the left of the text in it, as well as a bottom and right border - just an example of how much control you can have */
td.nav
{
margin: 0px 0px 0px 0px;
padding: 1px 1px 10px 10px;
border-collapse:collapse;
border-right: 1px solid #C1C1C1;
border-bottom: 1px solid #C1C1C1;
}

/*this tag lets you have a 10px padding from the edge of a td - handy when you want more room around your text */
td.pad10
{
padding: 10px 10px 10px 10px;
}

/*these three tags control your vertical alignment. by default, your TD alignment is now top-aligned (most typical) and the other two tags allow you to override the default by using the class= attribute inside the td tag*/
td 		{ vertical-align: top; }
td.bottom 		{ vertical-align: bottom; }
td.middle 		{ vertical-align: middle;} 


/*you can set a background image or color to a css tag and then call it from your html - handy if you use a certain color/bg image in various places throughout your site, because then you can change it here - ONCE - and it changes througout your site. Note this is a global variable, so you can assign it for tables, td's, etc*/
.bg-bl 	{ background-image:   url(../images/bg_bl.gif); }

/*the standard HR tag BLOWS :) this lets you create subtle divider lines to put between sections etc - much cleaner than the original tag. This code gives you a 1px medium grey dashed line as a divider*/
hr		{
		height: 1px;
		border-top: 1px solid #ffffff;
		border-left: 0 none;
		border-right: 0 none;
		border-bottom: 0 none;
		margin: 2px;
		padding: 2px;
		}

/*FONT CONTROLLERS - this is what I use css the most for. I create a different css for each font style i might need and then use the class= tag to assign the style. this means if i need to change colors, font face or style, its really easy - plus its alot less coding in the page itself*/

.pagetitle	{
		padding: 0px 0px 0px 0px;
		color: #ffffff;
		font-size: 17px;
		font-weight: bold;
		}

.subtitle
		{
		color: #993333;
		font-size: 14px;
		font-weight: bold;
		}
		
		
.txtxsmall	{
	font: 7pt verdana, arial, sans-serif;
	}

.txtxsmallred	{
	font: 7pt verdana, arial, sans-serif;
	color: #990033;
	}
	
.txtsmall	{
	font: 10px verdana, arial, sans-serif;
	}
	
.txtsmallwhite	{
	font: 10px verdana, arial, sans-serif;
	color: #FFFFFF;
	}	

.txtsmallwhitebold	{
	font: 10px verdana, arial, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	}
	
.txtsmallredbold	{
	font: 10px verdana, arial, sans-serif;
	color: #990033;
	font-weight: bold;
	}	
	
.txtsmallbluebold	{
	font: 10px verdana, arial, sans-serif;
	color: #003366;
	font-weight: bold;
	}	

.txtwhite	{
	color: #FFFFFF;
	}	
		
.txtboldwhite	{
	font-weight: bold;
	color: #FFFFFF;
	}	
	
.txtredbold	{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990033;
	font-size: 12px;
	font-weight: bold;
	}
	
.txtbluebold	{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 12px;
	font-weight: bold;
	}

.txtboldunder	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	text-align:center;
	}
	
.txtunder	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	text-align:center;
	}

.txtboldital	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	fon-style: italic;
	}
		
.txtbigger	{
	font: 13px verdana, arial, sans-serif;
	color: #000000;
	}

.txtbiggerbold	{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	}

.txtbiggerredbold	{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990033;
	font-size: 13px;
	font-weight: bold;
	}

.txtbiggerbluebold	{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 13px;
	font-weight: bold;
	}
	
.txtbiggestbold	{
	padding: 5px 0px 5px 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	}

.txtbiggestredbold	{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990033;
	font-size: 16px;
	font-weight: bold;
	}
	
.txtbiggestbluebold	{
	padding: 5px 0px 10px 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 16px;
	font-weight: bold;
	}
	
.txtsmallindent10	{
	font: 10px verdana, arial, sans-serif;
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 10px 10px;
	}

/*the following 2 tags are used inside of <p> tags to get a hanging indent of 20px or 10px*/
.indent20	{
	margin: 0px 20px 0px 20px;
	padding: 0px 10px 10px 10px;
	}	

.indent10	{
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 10px 10px;
	}	

/*this forces the text in input and select (form) items to be a specific font style/size to match your site*/	
input, select, textarea	{
	font: 10px verdana, arial, sans-serif;
	}	

/*this renames the DEFAULT style of the H1 tag - this can be done for all H tags*/
H1	{
	padding: 5px 0px 10px 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 16px;
	font-weight: bold;
	}