/* zero off the defaults to get a clean starting point*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {  
margin: 0; 
padding: 0; 
border: 0; 
}

body {
	font-size: 100.01%;/* fix for IE scaling error at small font sizes*/
	text-align: center;/* centers the wrapper in IE 5.x*/
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	background: #515151 url(images/pg_bg.jpg) repeat-x;
}

/***** Begin laying out the wrappers *****/
/* The main wrapper sets the width for the entire content area. Everything is wrapped inside this div */
#wrapper {
	position: relative;/*set for the positioning of the nav*/
	margin: 0 auto;/*centers the wrapper in compliant browsers*/
	width: 780px;
	background-color: #515151;
	text-align: left;
}


/* Logo header and background across top of page */
#header {
	width: 780px;
}


/* wrappers for content areas */
#maincontent {
	float: right;
	width: 452px;
	color: #333;
	background-color: #FFF;
	background-image: url(images/txt_repeat_bg.gif);
	background-repeat: repeat-y;
}
	
/* This is the secondary content area at the bottom of the page */
#secondarycontent {
	float: right;
	width: 328px;
	color: #333;
	background-color: #515151; /* Change the background color to #FFF */
}

#bottom {
	width: 452px;
	margin: 0 auto;
	text-align: left;
	background-color: #515151;
}

/* the code below is all contained in the maincontent and secondarycontent div */
#maincontent h1, #secondarycontent h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 3px 30px 8px 30px;
	color: #EF191B;
	font-size: 1.15em;
	text-align: center; /* if you prefer your headers flush left change it to left */
}

#maincontent h2, #secondarycontent h2 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 20px 8px 20px;
	color: #EF191B;
	font-size: 1.0em;
	font-style: italic;
	text-align: center; /* if you prefer your headers flush left change it to left */
}

#maincontent h3, #secondarycontent h3 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 20px 0 25px;
	color: #FFF;
	font-size: 1.0em;
	font-style: italic;
	text-align: left; /* if you prefer your headers flush left change it to left */
}

#maincontent h4, #secondarycontent h4 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 20px 0 25px;
	color: #666;
	font-size: 1.0em;
	font-style: italic;
	text-align: left; /* if you prefer your headers flush left change it to left */
}

#maincontent p, #secondarycontent p {
	margin: 10px 20px 5px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333;
	text-align: left;
}

#maincontent ul {
	font-size: 90%;
	margin: 10px 20px 5px 25px;
}

#maincontent li {
margin: 0 20px 5px 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
}

#maincontent a, #secondarycontent a {
	text-decoration: underline;
	text-align: center;
	color: #000;
}

#maincontent a:visited, #secondarycontent a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#maincontent a:hover, #secondarycontent a:hover {
	text-decoration: none;
	color: #EF191B;
}

#maincontent a:active, #secondarycontent a:active {
	font-weight: bold;
	text-decoration: underline;
	color: #FFCB05;
}

/* This is a class set up to give you small or fine print text in either the main content or secondary conetent area */
#maincontent .smaller, #secondarycontent .smaller {
	font-size: 0.8em;
	text-align: center;
}

#maincontent .supersmall, #secondarycontent .supersmall {
	font-size: 0.7em;
	text-align: center;
}

/* end styles for content areas */


/* The footer display and link states */

#footer {
	width: 780px; 
	clear: both;
	padding-top: 5px;
	padding-bottom: 20px; /* adjust smaller or larger after copyright text */
	background: #515151;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	color: #FFF;
}

#footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}

#footer a:hover {
	text-decoration: underline;
}

.copyright {
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	color: #FFF;
}

.redTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:90%;
	color: #CA0000;
}

.whiteTxt {
	color: #FFF;
	font-weight: bold;
	font-size: 75%;
	}

/* Use this style on any body text you want to make italic */
.italicTxt {
	font-style: italic;
	}
	

.galleryborder {
	padding: 3px;
	border: 1px solid #666;
	margin: 3px 5px 3px 5px;
}

.redBg {
	background-color: #EF191B;
}

.formTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333;
	text-align: right;
}