h1, h2, h3

{

font-family: Cambria, "Palotino Linotype", "Book Antiqua", "URW Palladino L", serif;

font-size: 1.5em;

font-weight:bold;

color:green

}

/*this sets the font and color of text in all h1 headings on the site*/



body

{

font-family: Levenim MT, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;

background-color: #DC143C;

color: #A8248E;

margin: 0;

padding: 0;

text-align: left;


}

/*this sets the font and color of text in main body on each page on the site*/



hr

{

color: #A8248E;

}



#copyright

{

color: #A8248E;

font-style: italic;

text-align: center;

}

/*this sets the font and color of text in bottom copyright section only*/

#iapfbackground

{
color: #121212

}

#container

{

	width: 980px;

	background-color: #EBEBEB;

	margin: 0 auto;

	padding: 0;

	text-align: left;

	border-right-color: #0F3;

}

/*this sets the entire container size and color that everything is enclosed in*/



#header

{

background-color: #00FF00;

text-align: center;

margin: 0;

padding: 0.25em;

padding-bottom:0;

overflow:hidden

}

/*this centers the heading banani logo and applies background color*/



#navbar

{

font-family: Levenim MT, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;

font-weight: bold;

height: 2.0em;

background-color: #00FF00;

padding-left: 11px;

overflow: hidden;

}

/*this relates to the positioning of navbar*/



#navbar ul

{

margin: 0;

padding: 0;

list-style-type: none;



}



#navbar a

{

float: left;

white-space: nowrap;

border-right: 1px #EBEBEB solid;

border-left: 1px #EBEBEB solid;

padding: 3px 19px 4px 19px;

color: #B22222;

text-decoration: none;

}

/*this relates to the positioning of text in navbar and color of background and text*/



#navbar a

{

-webkit-border-radius: 10px;

-moz-border-radius: 10px

}



#navbar a:hover

{

background-color: #FFFFFF;

color: #B22222;

border-right: 1px #999999 solid;

border-bottom: 1px #999999 solid;

padding-right: 19px;

padding-bottom: 2px;

}

#navbar td

{

background:pink;

font-size:80%;
position:absolute;
visibility:hidden;
}


#mainContent

{

background-color: #FFFFFF;

padding: 10px 20px 0 1em;

}

/*this relates to the positioning of main text and coloring*/



#footer p

{

background-color: #00FF00;

margin: 0;

padding: 5px 0;

text-align: center;

font-size: .8em;

}

/*this relates to the positioning of footer text and coloring*/



#topheader

{

width: 610px;

margin-left: auto;

margin-right: auto;

align: center;

}

/*this relates to the positioning of top header which is the jpg line below the nav bar*/


#stripphotos

{

margin-left: auto;

margin-right: auto;

padding: 5px 4.5px;

}

/*this relates to the positioning of the strip of photos at bottom of each page*/



#stripphotos1

{

margin-left: auto;

margin-right: auto;

padding: 5px 4.5px;

}

/*this relates to the positioning of the strip of photos at bottom of each page*/



#bottomnav

{

font-family: Levenim MT, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;

height: 1.75em;

background-color: #00FF00;

padding: 5px 0;

padding-left: 165px;

overflow: hidden;

font-size: .8em;

}



#bottomnav ul

{

margin: 0;

padding: 0;

list-style-type: none;

}



#bottomnav a:hover

{

background-color: #FFFFFF;

color: #B22222;

border-right: 3px #999999 solid;

border-bottom: 3px #999999 solid;

padding-right: 13px;

padding-bottom: 2px;

}



#bottomnav a

{

-webkit-border-radius: 10px;

-moz-border-radius: 10px

}



#bottomnav a

{

float: left;

white-space: nowrap;

border-right: 1px #EBEBEB solid;

border-left: 1px #EBEBEB solid;

padding: 3px 15px 3px 15px;

color: #B22222;

text-decoration: none;

}



#clearfloat

{

clear: both;

height: 0;

font-size: 1px;

}



#photo

{

width: 200px;

font-size: .8em;

font-style: italic;

line-height: 1em

}



.floatLeft

{

float: left;

margin-right: .8em;

}



.boxed

{

border: 2px solid #00FF00;

padding-left: 25em;

padding-top: 7px;

padding-bottom: 5px;

}

/*this relates to order form text*/

.formText

{
	font-family:Verdana, Geneva, sans-serif;
	color:00FF00;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}


/*ELLIOTT: I added from here down */

/* Easy Slider */

	#slider {
		margin-left: auto;
		margin-right: auto;
		width:496px;
		height:450px;
		/*border: 2px solid #00FF00;*/
	}
	
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
			Elliott: also must make sure the width and height of the container "#slider" above ^ has the same width and height values
		*/ 
		width:496px;
		height:450px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		left: 224px;
		top: 75px;
		width:30px;
		height:77px;
		background:url(images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.png) no-repeat 0 0;
		left: 24px;		
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* End Easy Slider */

#fabAni{
	position:relative;
	margin-top: 15px;
	width: 500px;
	height: 375px;
}
#slideContainer {
	position:relative;
	margin-top: 15px;
}

.sliderImg{
	width:496px;
	height: 372px;
	border: 0px;
}

.fabInfo {
	display: block;
	Width: 496px;
	text-align: center;
}

#fabricNav img{
	width: 125px;
	height: 90px;
	border: 0px;
	margin: 0px;
	margin-left: -6px;
	padding: 0px;
}

.colourFade{
	margin-left: -125px !important;
	display: none;
	
}

#fabricNav a:hover{

}

/* END of what Elliott Added */

/* Order Form Text */

.orderFORM {
	font-family:Levenim MT, Bitstream Vera Sans, DejaVu Sans, sans-serif;
 	font-size:14px;
	font-weight:bold;
	color:#00FF00;
}
/* END of Order Form Text */