/* 	[CRAIG] All changes to the body of the document are made here. \*/
body {
	background-color: #3262c4;
	background-image: url(images/bg_lines.png);
	background-repeat: repeat-x;
	margin-top: 0px;
	font-family: Helvetica, Arial, sans-serif;
}

/* [Craig] If you are unfamilar with this, * is the wild card and sets the following
as default unless overwritten in the HTML code \*/
*
{
    margin: 0;
    padding: 0;
}

/* [CRAIG] The following four tags assign the color to links on the website in its' various states. \*/
a:link {
	color: #0000FF;
}
a:visited {
	color: #0000FF;
}
a:hover {
	color: #0000FF;
}
a:active {
	color: #0000FF;
}

/* 	[CRAIG] The 100% height attribute has been removed from being used in tables.  
It must now be assigned as followed through the HTML & BODY tag.  

NOTE: NO OTHER TABLE ATTRIBUTES (Example Height, Width, Margin, etc.) CAN BE ASSIGN 
HERE.  YOU MUST ASSIGN THOSE IN A SEPARTE ID. 

This is the only way it works in both Firefox and Internet Explorer. \*/
html,body,table#main_table {	
	height: 100%;	
}

/* This is the main container for the website. \*/
#main_table {
	width: 1024px;
	margin: 0 auto;
	border: 1px solid #000;
	background-color:#FFF;
}

/* [CRAIG] The following five tags are what is required to make the main table work for this site. \*/
/* It needed to be done like this to work in all browsers.  As you can see the document needed to be \*/
/* set to 100%, THEN the table can be set to 100%, the header and footer have a fixed height and the body is auto. \*/
html, body
{
    height: 100%;
	margin: 0;
    padding: 0;
}

.myTable{
	height:100%;
	position:relative;
}

.myHeader{
	height:122px;
	position:relative;
}
.myFooter{
	height:91px;
	position:relative;
}

.myBody{
	height:auto;
	position:relative;
}

.float_left {float:left; margin: 0em 1em 1em 0em;} /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0em 1em 0em 1em;} /* apply this class to any image or element with width  - text will wrap it to the left */

/* [CRAIG] This class affects the individual blocks of text found in the news section, program section, etc. \*/
/* Margin formating is as follows "margin: (top)px (right)px (bottom)px (left)px; \*/
/* The height is only to in sure that the block is at least the height of the image. \*/
.block_div {
	margin: 15px 55px 15px 55px;
}

.slideimg {
	margin-top:-120px;	
}

.slideimg_gallery {
	margin-top:0px;	
}

.gallery_div {
	height:350px;
}

/* [CRAIG] I used this to affect pages with tables with rows. (Ex. Coupons page) This allows me to only affect the padding above and below the text \*/
.table_fix {
	padding-top:15px;
	padding-bottom:15px;
}

/* TEXT FORMATING \*/
#title_text {
	font-weight:bold;
}
	
/*
Spacer Div
*/
div.spacer{
	clear: both !important;
}