/* CSS Document */
/* 070208 */
/*This is an attempt to make a style sheet for the Celtic Concepts Online Store.*/

/* Here is the way to make the hover effect work.  You have to have all these elements */
a:link {color: #663300}    
/* unvisited link */
a:visited {color: #660066}  
/* visited link */
a:hover {color: #333300;
font-size: 12pt;
}   /* mouse over link */

a:active {color: #660000}   /* selected link */

/* This takes the lines out from under the linked pages. */
a	{text-decoration:	none;
}


body	{background-color: #FFFFCC; 
margin:0; 
padding:0;
min-width: 600px; /* 2x LC width + RC width */
font-family: tahoma;
}

#header	{background-image: url(footer.jpg);
/*	background-color: black; */
background-repeat: repeat; 
background-position: center;
text-align: center;

	
}


#container	{
	/* background-color: #000000;*/
border-width: 16px 0px 16px 0px;
border-color: #333300;
border-style: groove;
padding-left: 0px; /* LC width */
padding-right: 0px; /* RC width */

}

#jewelry	{

}

#middle	{background-color: #FFFFCC;
/* height: auto; */
padding: 10px 20px 10px 20px;
/*margin-left: 200px; */
/* padding-bottom: 150px; */
text-align: center;
min-height: 650px; /* was 650px for modern browsers */
height: 850px; /* for modern browsers */
height: 850px; /* was 850px for IE5.x and IE6 */
}

#left	{background-color: #FFFFCC;
float: left;
background-position: center;
padding: 0px 20px 0px 6px;
width: 200px; /* LC width */
min-height: 650px; /* was 850px for modern browsers */
height: 850px; /* was 850px for IE5.x and IE6 */
}

#right	{background-color: #FFFFCC;
float: right;
background-position: center;
padding: 0px 5px 0px 10px;
width: 250px; /* RC width */
min-height: 500px; /* was 850px for modern browsers */
height: auto; /* was 850px for IE5.x and IE6 */
}


#footer	{background-image: url(footer.jpg);
/*	background-color: black; */
background-repeat: repeat; 
background-position: center;
text-align: center;

/* ?background-color: #FFFFCC; */
clear: both;
height: 100px;
}

/*** IE6 fix ***/
* html #left {
	left: 150px; /* RC width */
}


p	{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12pt;
}

.different	{
	color: #ffffff;
	font-family: Tahoma, sans-serif;
	font-size: 12pt;
}

ul {
	list-style-type: none;
}

li	{
	font-family: tahoma, verdana, sans-serif;
	font-size: 12pt;
	
	border-bottom: none;
	border-top: none;
}

/***These are not active.  I think these came from class or the tutorial that Shawn gave us.

#sidenav a:	{
	border-bottom: none;
	border-top: none;
	color: #ffffff;
	display: block;
	font-family: tahoma, verdana, san-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.75em;
	margin: 0;
	margin-right: 2px;
	text-align: right;
	text-decoration: none;
}
	
#sidenav a:hover	{
	background-color: none;
	border-bottom: none;
	border-top: none;
	color: #ff0000;   
}

***/