/***** Page Formating ******/

body {
	text-align: center;
	margin: 20px 0; /* Change the xxx in url(xxx) to a link to the background image. If there is no background image (you have a white background), remove this line. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat;
	background-color: #FFF;
	background-image: url(Images/Background/Fabric/2108sgwj2i1grm-cyan.jpg);
}

/*** General Text Formatting ***/
H1, H2, H3, H4, H5, H6	{ 
	color: #008B98; 
	font-style: normal; 
	font-weight: bold;
}

H1	{font-size: 24px;}
H2	{font-size: 18px;}
H3	{font-size: 14px;}
H4	{font-size: 12px;font-weight: normal;}
H5	{font-size: 11px;font-weight: normal;}
H6	{font-size: 9px;font-weight: normal;}

.h1-index {
	padding-left: 20px;
}

.h3-index {
	background-color: #FEE8E3;
	padding-left: 10px;
}

.h4-index {
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}

p {
	font-style: normal;
	font-weight: normal;
	color: #231F20;
	font-size: 12px;
}

p.caption {
    font-size: 9px;
    color: #008B98;
    text-decoration: none;
}

.bold {
	font-weight: bold;
}

.boldgreen {
	color: #008B98;
	font-weight: bold;
}

.bolditalic {
	font-weight: bold;
	font-style: italic;
}

.boldunderline{
	font-weight: bold;
	text-decoration: underline;
}

.bolditalicunderline{
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

.italicunderline {
	font-style: italic;
	text-decoration: underline;
}

.underline {
	text-decoration: underline;
}

.form_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #008B98;
	text-decoration: none;
}

.form_text_shaded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #008B98;
	text-decoration: none;
	background-color: #CCCCCC;
}

.listitem {
	color: #EE3343;
}

/*** WRAPPER - encloses #header, #nav, #contect, and #footer. It fixes the width of the page. Currently 780 pixels. Change width accrodingly for the site. ***/	   
#wrapper {
	width: 800px;
	margin: 0 auto;
	border: none;
	background-color: #FFFFFF;
	left: 3px;
	top: 3px;
	position: relative;
}

#wrapper .shadow2,
#wrapper .shadow3,
#wrapper .container {
    position: relative;
    left: -2px;
    top: -2px;
}

#wrapper .shadow1 {
background-color: #006666;
}

#wrapper .shadow2 {
background-color: #005050;
}

#wrapper .shadow3 {
background-color: #003333;
}

#wrapper .container {
background: #ffffff;
border: 1px solid #008B98;
}

/*** HEADER - the area for the header image. Gennerally, there is no text here. ***/
#header {
	text-align: center;
}

/*** NAV - the area for the navigation menu. ***/
#navigation {
	font-size: 12px;
}

/*** Navigation Text Formatting ***/
/** Nothing needed here for this site. **/


/*** CONTENT - encloses the #left and #right areas. ***/
#content {
	overflow: hidden;
	font-size: 12px;
	text-align:left;
}

#content p {
	padding-left: 10px;
	padding-right: 10px;
}

/*** LEFT fixes the width of the left column. Default is 175 pixels -- 155px + 10px padding on each side. Change width and padding accrodingly for the site. ***/
#left {
	float:left;
	width: 180px;
	padding: 10px;
	background-color: #BCBEC0;
	padding-bottom: 3000px;
	margin-bottom: -3000px;
	text-align: left;
}

#left-index {
	float:left;
	width: 379px;
	padding: 10px;
	padding-bottom: 3000px;
	margin-bottom: -3000px;
	text-align: left;
}

/*** Left Text Formatting ***/
#left a:link {
	color:#008B98;
	text-decoration: underline;
}

#left a:visited {
	color:#008B98;
	text-decoration: underline;
}

#left a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#left H3 {
	color:#EE3343;
}

#left p {
	color: #EE3343;
	font-size: 12px;
}

#left ul li {
	font-size: 12px;
	list-style-type: square;
}

/*** RIGHT fixes the width of the right column. Default is 605 pixels -- 585px + 10px padding on each side. Change width and padding accrodingly for the site. ***/
#right {
	float:right;
	width: 575px;
	padding: 10px;
	text-align: left;
}

#right-index {
	float:right;
	width: 379px;
	padding: 10px;
	text-align: left;
}

/*** Right Text Formatting ***/
#right a:link {
	color:#EE3343;
	text-decoration: underline;
}

#right a:visited {
	color:#008B98;
	text-decoration: none;
}

#right a:hover {
	color:#EE3343;
	text-decoration:none;
}

#right p {
	/* color: #231F20; Removed tostop interference with slideshow text 5/21/09 */ 
	font-size: 12px;
}

#right ol li {
	font-size: 12px;
}

#right ul li {
	font-size: 12px;
	list-style-type: disc;
}

/*** SLIDESHOW - the styles for the slideshow blocks ***/

#slideshow {
	border: 2px;
	border-color: #C60;
	border-style: none;
	padding: 5px;
}

/*** FOOTER - the area for the company name, address, phone number, and copyright test. ***/
#footer {
	clear:both;
	text-align: center;
	background-color: #FFFFFF;
	border-top-style: solid;
	border-top-color: #231F20;
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	visibility: visible;
	position: relative;
	width: 100%;
}

/*** Footer Text Formatting ***/
#footer p {
	margin-top: 5px;
	color:#231F20;
	margin-bottom: 5px;
}

.footer {
	color: #231F20;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}

.copyright{
	font-size: 9px;
	color: #231F20;
	font-style: italic;
}

/*** Contact Text Formatting ***/
.FormText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
}

.error {
	color: #FF0000;
}