@charset "utf-8";
/* CSS Document */

/*	colors:
	#ffffff = white
	#000000 = black

*/

html {
	height: 100%;		/* this tells the the main table to fill the screen vertically */
	margin: 0px;		/* this removes any extra space at the top and bottom of our main table */
}		

body {
	background-color: #ffffff;	/* this controls the background color */
	background-image: url("../images/bg_gradient.jpg");	/* this sets our background image */
	background-repeat: repeat-x;	/* this makes the image repeat horizontaly */ 
	height: 100%;		/* this tells the main table to fill the screen vertically */
	margin: 0px;		/* this removes any extra space at the top and bottom of our main table */
	overflow: scroll;	/* this turns on the verticle scroll bar to prevent the main body from shifting left or right */
	overflow-x: hidden; /* this turns off the visibility of the horizontal scroll bar */
}

/* TEXT STYLES */

.text_style_page_content {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";	/* THIS SETS THE FONT */
	font-size: 18px;		/* this sets the font size in pixels */
	color: #000000;			/* this sets the font color */
	font-style: normal;		/* this sets the font style - the three options: normal, italic, or oblique */
	font-weight: bold;		/* this sets the font to bold: bold or normal */
	text-decoration: normal;	/* this adds decoration: normal or underline */
	text-align: justify;			/* this sets the alignment: left, center, or justify */
	margin-left: 10px;			/* this adds space between the text and the edge of the table on the left */
	margin-right: 10px;			/* this adds space between the text and the edge of the table on the right */
}

.text_style_page_footer {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";	/* THIS SETS THE FONT */
	font-size: 18px;		/* this sets the font size in pixels */
	color: #000000;			/* this sets the font color */
	font-style: normal;		/* this sets the font style - the three options: normal, italic, or oblique */
	font-weight: bold;		/* this sets the font to bold: bold or normal */
	text-decoration: normal;	/* this adds decoration: normal or underline */
	text-align: center;			/* this sets the alignment: left, center, or justify */
}

.text_style_page_highlight {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";	/* THIS SETS THE FONT */
	font-size: 18px;		/* this sets the font size in pixels */
	color: #000000;			/* this sets the font color */
	font-style: normal;		/* this sets the font style - the three options: normal, italic, or oblique */
	font-weight: bold;		/* this sets the font to bold: bold or normal */
	text-decoration: normal;	/* this adds decoration: normal or underline */
	text-align: center;			/* this sets the alignment: left, center, or justify */
}

.text_style_page_title {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";	/* THIS SETS THE FONT */
	font-size: 24px;		/* this sets the font size in pixels */
	color: #000000;			/* this sets the font color */
	font-style: normal;		/* this sets the font style - the three options: normal, italic, or oblique */
	font-weight: bold;		/* this sets the font to bold: bold or normal */
	text-decoration: normal;	/* this adds decoration: normal or underline */
	text-align: center;			/* this sets the alignment: left, center, or justify */
}





/* link styles */

a:link {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";	/* THIS SETS THE FONT */
	font-size: 14px;		/* this sets the font size in pixels */
	color: #000000;			/* this sets the font color */
	font-style: normal;		/* this sets the font style - the three options: normal, italic, or oblique */
	font-weight: normal;		/* this sets the font to bold: bold or normal */
	text-decoration: underline;	/* this adds decoration: normal or underline */
	text-align: center;			/* this sets the alignment: left, center, or justify */
}
a:visited {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";	/* THIS SETS THE FONT */
	font-size: 24px;		/* this sets the font size in pixels */
	color: #000000;			/* this sets the font color */
	font-style: normal;		/* this sets the font style - the three options: normal, italic, or oblique */
	font-weight: bold;		/* this sets the font to bold: bold or normal */
	text-decoration: normal;	/* this adds decoration: normal or underline */
	text-align: center;			/* this sets the alignment: left, center, or justify */
}
a:hover {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";	/* THIS SETS THE FONT */
	font-size: 14px;		/* this sets the font size in pixels */
	color: #000000;			/* this sets the font color */
	font-style: normal;		/* this sets the font style - the three options: normal, italic, or oblique */
	font-weight: bold;		/* this sets the font to bold: bold or normal */
	text-decoration: normal;	/* this adds decoration: normal or underline */
	text-align: center;			/* this sets the alignment: left, center, or justify */
}
  





/* table styles */

.table_main {
	background-color: #FFFFFF;		/* this controls the background color of your table */
	height: 100%;			/* this makes the table fill your browser vertically */	
	margin-top: 0px;		/* this will remove any extra space at the top of the table */	
	margin-bottom: 0px;		/* this will remove any extra space at the bottom of the table */
	border-color: #000000;	/* this sets the border color */
	border-style: solid;	/* this sets the border style to solid */
	border-width: 0px 4px 0px 4px;		/* this sets the border width: top, right, bottm, left, in that order */
}






/*  horizontal rule styles */

.hr_footer {
	color: #000000;		/* this controls the outside color */
	background-color: #000000;		/* this controls the inside color */
	height: 3px;					/* this controls the height thickness */
	width: 90%;					/* this controls the width as a percentage */
	margin-top: 6px;				/* this removes any extra space above the element */
}







/* image styles */

.image_thumbnails {
	border: 1px solid #000000;
	border-style: solid;				/* this sest the border to solid */
	border-color: #000000;				/* this controls the border color */
	border-width: 3px 3px 6px 3px;	/* this controls the border width in the following order: top, right, bottom, left */
}