/* *****       TWO COLUMN FLUID WITH HEADER AND FOOTER          *****

   ***** This is a Generic CSS Template for a 2 column layout   *****
   ***** With a Header and a footer, 2 page columns -           *****
   ***** One for navigation and One for page content, and       *****
   ***** the option for a repeating graphic column on the left  *****
   ***** side, right side, or both.                             *****
*/


/* CSS Default Styles for HTML tags */

/* Set the default font typeface, color, and size, background color, etc */

body
{
	font-family: Arial,Sans-Serif;
	font-size: small;
	color: Black;
	padding-right: 0px;
	padding-left: 0px;
	list-style-position: outside;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: square;
}

/* Set the margin and padding for all elements to zero to force us to manually style these
   elements for consistency among browsers (default settings vary by browser) */

* {
	margin: 0;
	padding: 0;
}

/* Set custom link color */
a:link
{
	color:inherit;
}

/* Set custom visited link color */
a:visited
{
	color:inherit;
}

/* Set default paragraph margins */
p {
	margin:10px;
	font-size:small;
	font-weight:normal;
}

/* Set default heading 1 style */
h1 {
	margin: 10px;
	text-align:center;
	font-size:large;
	font-weight:bold;
	font-style:normal;
}

h2 {
	margin: 10px;
	text-align:left;
	font-size:medium;
	font-weight:bold;
	font-style:normal;
}

h3 {
	margin:10px;
	text-align:left;
	font-size:small;
	font-weight:bold;
	font-style:normal;
}

h4 {
	margin:10px;
	text-align:left;
	font-size:small;
	font-weight:bold;
	font-style:normal;
	display:inline;
}


/* CSS layout */

/* Header Block at top of page */
/* If Header block should display the image borders, create a left/right margin the width of the image */

#header
{
	position: relative; /* Set the left and right margin to the image width for the border image if
	   the column image should display. If the header should cover the border image
	   leave the margins at 0. */
	margin-left: 0;
	margin-right: 0; /* Set a minimum height for the header. This code allows the header to grow if necessary.
	   If the header is fixed, only set the height and do not set a min-height. The "height auto !important" line
	   followed by the height definition is a bug fix to make minheight work for IE6 */
	height: 185px;
	border-bottom: solid 1px Black;
	background-image: url(../FSBEC-banner.jpg);
	background-repeat: no-repeat;
}

/* IMPORTANT! ADD CODE HERE! */
/* ADD IDs to define the Divs and elements that contain the header content */


/* Middle portion of the page between header and footer where content appears */
#main {
	position:relative;

	/* Set the left and right margins to display the border graphic if borders are used */
	margin-left:10px;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
  	background-color:white;
}