/* CSS Document Saltaire Village*/ 

body {
	font-family: "Trebuchet MS";
	font-size: 12px;
	postion: centre absolute;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #333333;
	bottom: inherit;
	top: 0px;
	right: 0px;
	clip: rect(0px,0px,auto,auto);
	background-position: center;
	background-color: #FFFFFF;
}

/*This is menu 1*/
#menu1 {
	width: 900px;
	font-size: 13px;
	background-color: #D7A932;
	padding: 3px;
	float: left;
	background-repeat: no-repeat;
	border-top-width: 1;
	border-bottom-width: 3px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-top-color:#97C000;
	border-bottom-color: #E50083;
}
#menu1 a:link, #menu1 a:visited, #menu1 a:active {
	background-color: #D7A932;
	font-size: 13px;
	padding: 3px;
	text-decoration: none;
	color: #FFFFFF;
}
#menu1 a:hover {
	padding: 3px;
	font-size: 13px;
	background-color: #FEF3D2;
	text-decoration: none;
	color: #000000;
}

/* End of menu 1 */

/* This is nav1 */

#nav1<div id="nav1">

#nav1 li { margin: 2px 2px 2px 2px; }

#nav1 a
{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #84CB0C;
	width: 140px;
	padding: 6px 6px;
	text-decoration: none;
	border-bottom: 4px groove #292929;
}

#nav1 a:hover
{
	background-color: #292929;
	color: #84CB0C;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 4px #84CB0C;
	border-bottom-style: groove;
}

/*end of nav1

border-top: ;
border-left: ;
border-right: ;
border-bottom: 4px dotted #D5FFB6;

/* This is nav2 */

#nav2<div id="nav2">

#nav2 li { margin: 2px 2px 2px 2px; }

#nav2 a
{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #FF66FF;
	width: 140px;
	padding: 6px 6px;
	text-decoration: none;
	border-bottom: 4px dotted #FFFFFF;
}

#nav2 a:hover
{
	background-color: #292929;
	color: #FF66FF;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 4px dotted #FF66FF;
}

/*end of nav2

/* This is nav3 */

#nav3<div id="nav3">

#nav3 li { margin: 2px 2px 2px 2px; }

#nav3 a
{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #FE9037;
	width: 140px;
	padding: 6px 6px;
	text-decoration: none;
	border-bottom: 4px dotted #FFFFFF;
}

#nav3 a:hover
{
	background-color: #FFFFFF;
	color: #FE9037;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 4px dotted #FE9037;
}

/*end of nav3

/* This is nav4*/

#nav4<div id="nav4">

#nav4 li { margin: 2px 2px 2px 2px; }

#nav4 a
{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #78BCBC;
	width: 140px;
	padding: 6px 6px;
	text-decoration: none;
	border-bottom: 4px dotted #FFFFFF;
}

#nav4 a:hover
{
	background-color: #FFFFFF;
	color: #78BCBC;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 4px dotted #78BCBC;
}

/*end of nav4

/* This is nav5 */

#nav5<div id="nav5">

#nav5 li { margin: 2px 2px 2px 2px; }

#nav5 a
{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #BF93D2;
	width: 140px;
	padding: 6px 6px;
	text-decoration: none;
	border-bottom: 4px dotted #FFFFFF;
}

#nav5 a:hover
{
	background-color: #FFFFFF;
	color: #BF93D2;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 4px dotted #BF93D2;
}

/*end of nav5

/* This is nav6 */

#nav6<div id="nav6">

#nav6 li { margin: 2px 2px 2px 2px; }

#nav6 a
{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #66CCCC;
	width: 140px;
	padding: 6px 6px;
	text-decoration: none;
	border-bottom: 4px dotted #FFFFFF;
}

#nav6 a:hover
{
	background-color: #FFFFFF;
	color: #66CCCC;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 4px dotted #66CCCC;
}

/*end of nav6

/* This is nav7 */

#nav7<div id="nav7">

#nav7 li { margin: 2px 2px 2px 2px; }

#nav7 a
{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #6666FF;
	width: 140px;
	padding: 6px 6px;
	text-decoration: none;
	border-bottom: 4px dotted #FFFFFF;
}

#nav7 a:hover
{
	background-color: #FFFFFF;
	color: #6666FF;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 4px dotted #6666FF;
}

/*end of nav7

/* This is nav8 */

#nav8<div id="nav8">

#nav8 li { margin: 2px 2px 2px 2px; }

#nav8 a
{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #D7AC00;
	width: 140px;
	padding: 6px 6px;
	text-decoration: none;
	border-bottom: 4px dotted #FFFFFF;
}

#nav8 a:hover
{
	background-color: #FFFFFF;
	color: #D7AC00;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 4px dotted #D7AC00;
}

/*end of nav9

/* This is nav9 - line navigation for ALL PRINTS*/

#nav9<div id="nav9">

#nav9 li { margin: 1px 1px 1px 1px; }

#nav9 a
{
	display: block;
	float: right;
	font-weight: normal;
	font-size: 14px;
	color: #336633;
	background-color: #FFFFFF;
	width: 200px;
	padding: 3px 3px;
	text-decoration: none;
	border-bottom: 3px dotted #81C081;
}

#nav9 a:hover
{
	background-color: #336633;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 3px dotted #81C081;
}

/*end of nav9

/* This is nav10 */

#nav10<div id="nav10">

#nav10 li { margin: 1px 1px 1px 1px; }

#nav10 a
{
	display: block;
	float: right;
	font-weight: normal;
	font-size: 14px;
	color: #CC33CC;
	background-color: #FFFFFF;
	width: 200px;
	padding: 3px 3px;
	text-decoration: none;
	border-bottom: 3px dotted #E89FE8;
}

#nav10 a:hover
{
	background-color: #CC33CC;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 3px dotted #E89FE8;
}

/*end of nav10

/* This is nav11 */

#nav11<div id="nav11">

#nav11 li { margin: 1px 1px 1px 1px; }

#nav11 a
{
	display: block;
	float: right;
	font-weight: normal;
	font-size: 14px;
	color: #006699;
	background-color: #FFFFFF;
	width: 200px;
	padding: 3px 3px;
	text-decoration: none;
	border-bottom: 3px dotted #A4E1FF;
}

#nav11 a:hover
{
	background-color: #006699;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 3px dotted #A4E1FF;
}

/*end of nav11

/* This is nav12 */

#nav12<div id="nav12">

#nav12 li { margin: 1px 1px 1px 1px; }

#nav12 a
{
	display: block;
	float: right;
	font-weight: normal;
	font-size: 14px;
	color: #A88600;
	background-color: #FFFFFF;
	width: 200px;
	padding: 3px 3px;
	text-decoration: none;
	border-bottom: 3px dotted #D7AC00;
}

#nav12 a:hover
{
	background-color: #A88600;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 3px dotted #D7AC00;
}

/*end of nav12

/* This is nav13 */

#nav13<div id="nav13">

#nav13 li { margin: 1px 1px 1px 1px; }

#nav13 a
{
	display: block;
	float: right;
	font-weight: normal;
	font-size: 14px;
	color: #499494;
	background-color: #FFFFFF;
	width: 200px;
	padding: 3px 3px;
	text-decoration: none;
	border-bottom: 3px dotted #78BCBC;
}

#nav13 a:hover
{
	background-color: #499494;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 3px dotted #78BCBC;
}

/*end of nav13

/* This is nav14 */

#nav14<div id="nav14">

#nav14 li { margin: 1px 1px 1px 1px; }

#nav14 a
{
	display: block;
	float: right;
	font-weight: normal;
	font-size: 14px;
	color: #959500;
	background-color: #FFFFFF;
	width: 200px;
	padding: 3px 3px;
	text-decoration: none;
	border-bottom: 3px dotted #C2C716;
}

#nav14 a:hover
{
	background-color: #959500;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 3px dotted #C2C716;
}

/*end of nav14

/* This is nav15 */

#nav15<div id="nav15">

#nav15 li { margin: 1px 1px 1px 1px; }

#nav15 a
{
	display: block;
	float: right;
	font-weight: normal;
	font-size: 14px;
	color: #6363B1;
	background-color: #FFFFFF;
	width: 200px;
	padding: 3px 3px;
	text-decoration: none;
	border-bottom: 3px dotted #9999CC;
}

#nav15 a:hover
{
	background-color: #6363B1;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 3px dotted #9999CC;
}

/*end of nav16

/* This is nav16 */

#nav16<div id="nav16">

#nav16 li { margin: 1px 1px 1px 1px; }

#nav16 a
{
	display: block;
	float: right;
	font-weight: normal;
	font-size: 14px;
	color: #993399;
	background-color: #FFFFFF;
	width: 200px;
	padding: 3px 3px;
	text-decoration: none;
	border-bottom: 3px dotted #ECC6EC;
}

#nav16 a:hover
{
	background-color: #993399;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 3px dotted #ECC6EC;
}

/*end of nav16


/* This is nav container2 */

#navcontainer2<div id="navcontainer">
<ul>
<a href="#">Milk</a></li>
<a href="#">Eggs</a></li>
<a href="#">Cheese</a></li>
<a href="#">Vegetables</a></li>
<a href="#">Fruit</a></li>
</ul>
</div> ul
{
margin: 0;
padding: 0;
}

#navcontainer2 li { margin: 0 0 5px 0; }

#navcontainer2 a
{
display: block;
float: right;
color: #333333;
background-color: transparent;
width: 130px;
padding: 2px 2px;
text-decoration: none;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #B35D60;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #B35D60;
}

#navcontainer2 a:hover
{
background-color: #F2E4E4;
color: #333333;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #874342;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #874342;
}

/*end of navcontainer2 */

/* This is nav container3 for the Open Houses Pink Zone*/

#navcontainer3<div id="navcontainer3">
margin: 0;
padding: 0;
#navcontainer3 li { margin: 0 0 0 0; }
#navcontainer3 a
{
display: block;
float: left;
color: #C99C27;
background-color: transparent;
width: 180px;
padding: 2px 2px;
text-decoration: none;
border-top: 2px solid #FEF3D2;
border-left: 2px solid #FEF3D2;
border-right: 1px solid #E50083;
border-bottom: 1px solid #E50083;
}

#navcontainer3 a:hover
{
background-color: #E50083;
color: #FFFFFF;
border-top: 2px solid #FEF3D2;
border-left: 2px solid #FEF3D2;
border-right: 1px solid #E50083;
border-bottom: 1px solid #E50083;
}

/*end of navcontainer3 */

/* This is nav container4 for the Shops and Cafes Blue Zone*/

#navcontainer4<div id="navcontainer4">
margin: 0;
padding: 0;
#navcontainer4 li { margin: 0 0 0 0; }
#navcontainer4 a
{
display: block;
float: left;
color: #C99C27;
background-color: transparent;
width: 180px;
padding: 2px 2px;
text-decoration: none;
border-top: 2px solid #FEF3D2;
border-left: 2px solid #FEF3D2;
border-right: 1px solid #00A6EB;
border-bottom: 1px solid #00A6EB;
}

#navcontainer4 a:hover
{
background-color: #00A6EB;
color: #FFFFFF;
border-top: 2px solid #FEF3D2;
border-left: 2px solid #FEF3D2;
border-right: 1px solid #00A6EB;
border-bottom: 1px solid #00A6EB;
}

/*end of navcontainer4 */

/* This is nav container5 for the Exhibitions Green Zone*/

#navcontainer5<div id="navcontainer5">
margin: 0;
padding: 0;
#navcontainer5 li { margin: 0 0 0 0; }
#navcontainer5 a
{
display: block;
float: left;
color: #C99C27;
background-color: transparent;
width: 180px;
padding: 2px 2px;
text-decoration: none;
border-top: 2px solid #FEF3D2;
border-left: 2px solid #FEF3D2;
border-right: 1px solid #97C000;
border-bottom: 1px solid #97C000;
}

#navcontainer5 a:hover
{
background-color: #97C000;
color: #FFFFFF;
border-top: 2px solid #FEF3D2;
border-left: 2px solid #FEF3D2;
border-right: 1px solid #97C000;
border-bottom: 1px solid #97C000;
}

/*end of navcontainer5 */

/* This is nav container6 for the Craft Fair Orange Zone*/

#navcontainer6<div id="navcontainer6">
margin: 0;
padding: 0;
#navcontainer6 li { margin: 0 0 0 0; }
#navcontainer6 a
{
display: block;
float: left;
color: #C99C27;
background-color: transparent;
width: 180px;
padding: 2px 2px;
text-decoration: none;
border-top: 2px solid #FEF3D2;
border-left: 2px solid #FEF3D2;
border-right: 1px solid #EA5A00;
border-bottom: 1px solid #EA5A00;
}

#navcontainer6 a:hover
{
background-color: #EA5A00;
color: #FFFFFF;
border-top: 2px solid #FEF3D2;
border-left: 2px solid #FEF3D2;
border-right: 1px solid #EA5A00;
border-bottom: 1px solid #EA5A00;
}

/*end of navcontainer6 */

/* This is nav container7 for the Public Sculpture Purple Zone*/

#navcontainer7<div id="navcontainer7">
margin: 0;
padding: 0;
#navcontainer7 li { margin: 0 0 0 0; }
#navcontainer7 a
{
display: block;
float: left;
color: #C99C27;
background-color: transparent;
width: 180px;
padding: 2px 2px;
text-decoration: none;
border-top: 2px solid #FEF3D2;
border-left: 2px solid #FEF3D2;
border-right: 1px solid #940084;
border-bottom: 1px solid #940084;
}

#navcontainer7 a:hover
{
background-color: #940084;
color: #FFFFFF;
border-top: 2px solid #FEF3D2;
border-left: 2px solid #FEF3D2;
border-right: 1px solid #940084;
border-bottom: 1px solid #940084;
}

/*end of navcontainer7 */



/*Paragraphs with absolute positioning*/

p1.pos_abs
{
position:absolute;
left:300px;
top:300px
}

/* end p1 absolute positioning*/

a {
	text-decoration:underline;
}
	
a:hover {
	color: #;
	text-decoration:none;
}
	
.white{
	color:#FAF6E1;
	text-decoration:none;
}

.black{
	color:#000000;
	text-decoration:none;
}

.lime{
	color:#84CB0C;
	text-decoration:none;
}

.ZoneGeneral{
	color:#FF0000;
	font-size: 12px;
}

.ZoneViewAll{
	color:#FF66FF;
	font-size: 12px;
}

.ZoneYourProjects{
	color:#66CCCC;
	font-size: 12px;
}

.ZoneLatestPrints{
	color:#84CB0C;
	font-size: 12px;
}

.ZoneGreetingCards{
	color:#FE9037;
	font-size: 12px;
}

.ZoneLimitedEdition{
	color:#78BCBC;
	font-size: 12px;
}

.ZoneLatestProjects{
	color:#BF93D2;
	font-size: 12px;
}
.ZoneBlog{
	color:#6666FF;
	font-size: 12px;
}

.BlueTitle{
	color:#84CB0C;
	font-size:30px;
	font-family:Trebuchet MS;
	font-weight: normal;
	text-transform: capitalize;
}


.SmallTitle{
	color:#5C5B5B;
	font-weight: bold;
	letter-spacing:0.2em;
	text-decoration:none;
}

.transparent{
	color:#FFFFFF;
}


.pageName{
	color: #333333;
	line-height:20px;
	letter-spacing:0.2em;
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight: bold;
	}
	
	.pageNamePinklarge{
	color: #E50083;
	line-height:20px;
	letter-spacing:0.2em;
	font-family: "Trebuchet MS";
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	}

.pageNameRed{
	color: #C5102F;
	line-height:20px;
	letter-spacing:0.2em;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.pageNameBlue{
	color: #155DC1;
	line-height:20px;
	letter-spacing:0.2em;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.pageNameGreen{
	color: #97C000;
	line-height:20px;
	letter-spacing:0.2em;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
	.pageNameBlack{
	color: #000000;
	line-height:20px;
	letter-spacing:0.2em;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.pageNameOrange{
	color: #EA5A00;
	line-height:20px;
	letter-spacing:0.2em;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.pageNamePurple{
	color: #940084;
	line-height:20px;
	letter-spacing:0.2em;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
	
	
	
.subHeader {
	color: #003333;
	line-height:16px;
	letter-spacing:0.2em;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	}

.quote {
	color: #FFFFFF;
	line-height:26px;
	font-family: Verdana, Arial, Helvetica, 

sans-serif;
	font-size: 10px;
	font-weight: bold;
	}
	
.quote2 {
	color: #FFFFFF;
	line-height:26px;
	font-family: Verdana, Arial, Helvetica, 

sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
	
.smallText {
	color: #003366;
	font-family: "Trebuchet MS";
	font-size: 12px;
	}

	

	
.overflow {
	overflow: scroll;
}

/* FLOAT RIGHT FOR IMAGES */

.floatright { float: right; }

.floatright2
{
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 10px;
}

.floatright3
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
}

.floatright4
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}

/*  End of FLOAT RIGHT FOR IMAGES */

/*FLOAT LEFT - IMAGES */

.floatleft { float: left; }

.floatleft2
{
float: left;
margin: 0 10px 0 0;
}

.floatleft3
{
float: left;
margin: 0 10px 0 0;
border: 1px solid #666;
}

.floatleft4
{
float: left;
margin: 0 10px 0 0;
border: 1px solid #666;
padding: 2px;
}


/* end of FLOAT LEFT - IMAGES */

/*  FLASH MOVIE DIV TO FLOAT ON RIGHT AND LEFT*/
.flashright {
	float: right;
	height: 175px;
	width: 210px;
	margin: 0 0 10px 10px;
}
.flashleft {
	float: left;
	height: 175px;
	width: 210px;
	margin: 0 10px 0 0;
}
.box_01 {
	width: auto;
	border: thin dotted #3399CC;
	font-stretch: expanded;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;
	height: 200px;
	max-width: 236px;
	text-align: center;
}

.box_02 {
	width: auto;
	height: auto;
	text-align: left;
	vertical-align: top;
	border-left-color: #FF00FF;
	border-left-style: dotted;
	border-left-width: medium;
	padding-left: 20px;
}

.box_03 {
	width: 100%;
	height: auto;
	text-align: left;
	vertical-align: top;
	padding-bottom: 15px;
	padding-top: 15px;
}

.box_04 {
	width: 100%;
	height: auto;
	text-align: left;
	vertical-align: top;
	border-bottom-color: #333333;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.box_05 {
	width: 100%;
	height: auto;
	text-align: left;
	vertical-align: top;
	border-bottom-color: #333333;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 15px;
}

.typewriter {
	font-family: "Courier New", Courier, monospace;
	font-size: medium;
	color: #;
}

/* ADDITIONAL MAIN TEXT SIZES  - are these needed?*/
.h1{font:26px verdana,sans-serif;margin-bottom:8px;line-height:28px}
.h2{font:bold 15px verdana,sans-serif;margin-bottom:3px}
.h3{font:bold 13px verdana,sans-serif;margin-bottom:3px}
.h4{font:bold 12px verdana,sans-serif;margin-bottom:3px}
.h5{font:bold 11px verdana,sans-serif;margin-bottom:3px}


.largetxt{font:13px verdana,sans-serif;margin-bottom:5px}
.largetxtintro{font:bold 13px verdana,sans-serif;margin-bottom:5px;color:#666}
.largetxtserif{font:13px verdana,sans-serif;display:inline;color:#333}
.mediumtxt{font:11px verdana,sans-serif;margin-bottom:5px}
.smalltxt{font:10px verdana,sans-serif;margin-bottom:5px}
.story2{font-family:verdana,arial,helvetica,sans-serif;font-size:13px;color:#000}

.colquotetxt{font:16px georgia,serif;background-color:#666;color:#fff;line-height:19px;}