/* CSS Document */



body {

	margin:0px;

	padding:0px;

	background-color: #5B370B;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 0.9em;

	color: #5B370B;

}



hr {border: none 0;

border-top: 1px solid #B59774;/*the border*/

width: 100%;

height: 1px;/*whatever the total width of the border-top and border-bottom equal*/

}



div#wrapper {

	width:798px;

	background-color:#FFFFFF;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

}

div#header {

	width:798px;

	background-color:#FFFFFF;

	height: 159px;

}

div#contentarea {width:798px; background-color:#FFFFFF;}

.smalltext {

	font-size: smaller;

}



div#column1 {

	width:421px;

	background-color:#FFFFFF;

	float:left;

	padding-right: 20px;

	padding-left: 20px;

	padding-top: 10px;

	padding-bottom: 10px;

}

div#column2 {

	width:296px;

	background-color:#FFFFFF;

	float:left;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 20px;

}

div#columnshop {

	width: 758px;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 20px;

}

.shop {

	font-size: smaller;

}





.images {

	border-top-color: #b59774;

	border-right-color: #b59774;

	border-bottom-color: #b59774;

	border-left-color: #b59774;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

}

.shoptitle {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 14px;

	font-weight: bold;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #B59774;

}



.photocredit {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

}



div#footer {

	width:798px;

	background-color:#5B370B;

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

}

div#footer a:link      {

	color: #FFCC66;

	text-decoration: none;

}

div#footer a:visited {

	color:#15924B;

	text-decoration: none;

	color: #FFCC66;

}

div#footer a:hover     {

	color:#0000FF;

	text-decoration: none;

	color: #FFFFFF;

}



#mainmenu

{

	background-color: #FFFFFF;

	height: 21px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #B59774;

	border-bottom-color: #B59774;

	padding-left: 20px;

	padding-right: 20px;

	width: 758px;

	padding-top: 5px;

	padding-bottom: 5px;

	font-size: 15px;

}

div.clearfloats {clear:both;}



a:link      {

	color: #5B370B;

	text-decoration: none;

}

a:visited {

	color:#15924B;

	text-decoration: none;

	color: #917864;

}

a:hover     {

	color:#0000FF;

	text-decoration: none;

	color: #995E24;

}

h1 {

	font-size: 18px;

}

h2 {

	font-size: 16px;

	color: #A77D64;

}

div#jackninness {

	background-color: #F5EBE1;

	padding-right: 15px;

	padding-left: 15px;

	padding-top: 10px;

	padding-bottom: 10px;

	border: 1px solid #B59774;

	background-image: url(images/background-fern.jpg);

	background-repeat: no-repeat;

	background-position: bottom;

	font-size: smaller;

}

.jackninness {

	padding-right: 7px;

}

	ul {

list-style-type: none;

padding-left: 0;

margin-left: 0;

}

li.cream {

	padding-left: 25px;

	margin-bottom: 10px;

	background-image: url(images/bullet.gif);

	background-repeat: no-repeat;

	background-position: left center;

	margin-top: 10px;

	padding-top: 10px;

	padding-bottom: 10px;

	

}



li.shop {

	padding-left: 25px;

	background-image: url(images/bullet.gif);

	background-repeat: no-repeat;

	background-position: left center;

	

	

}

a.bodylink {

	text-decoration: underline;

}

#nav {

position:relative;

top:0px;
/*9 iteration*/
margin-left:5px;

z-index:1000;

}

#nav ul {

position:relative;

list-style-type:none;

margin:0 0 0 0px;

padding:0;

}

#nav ul li {

position:relative;

float:left;

display:inline;

font-size:14px;

}

#nav ul li a {

position:relative;

float:left;

display:block;
/*6th iteration*/
color:#5C350C;

text-decoration:none;

border-left:1px solid #AC703D;
/*7th iteration*/
padding:10px 10px;

}
/*5th iteration*/
#nav ul li.first a {

border-left:0px solid #AC703D;

}



#nav ul li a:hover, #nav ul li:hover a, #nav ul li.sfhover a {

/*13 iteration - changing the hover text colour of main menu successfully - well done Anita !!! */
color:#ffffff;

background-image:url(images/navRollover.jpg);

background-repeat:repeat-x;

}

/*iteration 8 add dd styles - allows the top menu to sit nicely now but won't stick on the top to get the rollouts - see iteration 10 for what you need to do */

/***** dropdown styles *****/



#nav ul.submenu {

position:absolute;

z-index:1000;
/*iteration 10 - this bit here ensures the dd menu sticks to the top - well done Anita!!! */
margin-top:35px;

left:-9990px;

/*background-image:url(images/navRollover-1.jpg);

background-repeat:Repeat-x;*/
/*iteration 11 this is the background colour of the dropdown menu but don't need if you've got a rollover background image */
background-color:#775C1F;

width:100%;

border-right:1px solid #905210;

border-bottom:1px solid #905210;

}



#nav ul li:hover ul.submenu, #nav ul li.sfhover ul.submenu {

display:block;

left:0;

} 



#nav ul.submenu li {

display:block;

font-size:14px;

width:100%;

}



#nav ul.submenu li a {

float:none;

display:block;
/*iteration 11 - this is the original text colour of dd menu text, not the rollover colour*/
color:#ffffff;

text-decoration:none;

/*border-left:1px solid #fff;*/
/*iteration 10 - trying to get submenu words to the left so altered the right hand figure to 10px to match the top also changed the left hand figure to get it to wordwrap correctly */
padding:10px 10px;

background-image:none;

width:100%;

font-size:12px;

font-weight:normal;

}



#nav ul li ul.submenu li:hover a,

#nav ul li ul.submenu li a:hover {

background-image:none;

color:#331C00;

}