/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

body {
	background-color:#FFFFFF;
	width: 70%;
	margin-left: 3%;
	min-width: 799px;
	max-width: 910px;
	font-family: "Times New Roman", Times, serif;
	padding-top: 2%;
}

h1 {
	background-color:#477CC5;
	font-family: "Times New Roman", Times, serif;
	font-size: 175%;
	float: left;
	padding-left: 3%;
	padding-top: 2%;
}

h2 {
	padding-top: 1%;
	font-family: "Times New Roman", Times, serif;
	font-size: 110%;
	color: #3D6AA9;
	float: left;
	padding-top: 4%;
	padding-left: 4%;

}


/********************************************************************************** Title */

.title {
	float: left;
	min-width: 799px;
	max-width: 910px;

}

/************************************************************************************ ribbon */

.ribbon {
	width: 100%;
	float: left;
	height: 20px;
	min-width: 799px;
	max-width: 910px;
	background-color: #98B1D2;
	border-bottom: 1px dashed #5C743D;
	border-top: 1px dashed #5C743D;
	margin-bottom: 0.6%;

}

/************************************************************************************ main */

.main {
	min-width: 799px;
	max-width: 910px;
	margin-top: -0.2%;
}


/************************************************************************************ navLeft */

.navLeft {
	width: 17%;
	float: left;
	background-color:#3D6AA9;
	border-right: 2px solid #477CC5;
	min-height: 590px;
}

/************************************************************************************ Rollover */

ul.rollmenu {
	list-style-type: none;
    color: #000;
    background-color: #8BB0E2;
    margin: 0;
    padding: 0;
    border-color: #477CC5;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    width: 100%;
    padding-top: 5%;
	height: 200%;
	line-height: 180%;
}

ul.rollmenu li {
	font-weight: bold;
    margin: 0;
    padding: 0;
}

ul.rollmenu li.thisLink {
	font-weight: normal;
    text-decoration: none;
    color: #03f;
    background-color:#FFFFCC;
    padding: 0 0.5em 0 1.25em;
    border-top: 1px solid #477CC5;
    display: block;
	padding-left: 1em
}

ul.rollmenu ul {
	list-style-type: none;
    margin: 0.1em 0 0 0;
    padding: 0;
    border-bottom: 1px solid #477CC5;
    voice-family: "\"}\"";
    voice-family: inherit;
    margin: 0.1em -0.5em 0 -0.5em
}

ul.rollmenu a {
	font-weight: normal;
    text-decoration: none;
    color: #03f;
    background-color: transparent;
    padding: 0 0.5em 0 1.25em;
    width: 100%;
    border-top: 1px solid #477CC5;
    display: block;
	padding-left: 1em
}

html>body ul.rollmenu a {width: auto}

ul.rollmenu a:hover {
	color: #03f;
    background-color: #477CC5;
}


/*********************************************************************************** content */

.contentSweets {
	width: 63.5%;
	background-color: #CADCF6;
	float: left;
	min-height: 570px;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
	list-style-type: none;

	min-height: 582px;
}

.contentSweets ul{
	padding-top: 5%;
	padding-left: 5%;
	list-style: circle;
	color:#477CC5;
	line-height: 125%;	
}

.content {
	width: 80.75%;
	background-color: #CADCF6;
	float: left;
	min-height: 570px;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
	list-style-type: none;
	min-height: 582px;
}

.list {
	color: #000000;
}

.sweetList {
	float: right;
	padding-right: 5%;
	padding-top: 5%;
}

.contactEmail {
	font-family: "Times New Roman", Times, serif;
	font-size: 107%;
	padding-left: 1%;
	padding-top: 1%;
}

.contactEmail a {
	text-decoration: none;
}

.contactEmail a:hover {
	text-decoration: none;
	color: #FF0000;
}

.contactTel {
	font-family: "Times New Roman", Times, serif;
	font-size: 107%;
	padding-left: 1%;
	padding-top: 1%;
}

.contactAddress {
	font-family: "Times New Roman", Times, serif;
	font-size: 105%;
	padding-left: 50%;
	margin-top: -8%;
}

.paraOne {
	font-family: "Times New Roman", Times, serif;
	font-size: 105%;
	padding-top: 1%;
	padding-left: 1%;
}

.paraTwo {
	padding-top: 0%;
}

.paraThree {
	padding-top: 5%;
}

.paraFour {
	padding-top: 0%;
}

.indexParaLarge {
	padding-top: 4%;
	padding-left: 4%;
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	font-weight: bold;
}

.indexParaMed {
	padding-top: 3%;
	padding-left: 6%;
	font-family: "Times New Roman", Times, serif;
	font-size: 110%;
	font-weight: bold;
}

.indexParaSmall {
	padding-top: 2%;
	padding-left: 8%;
	font-family: "Times New Roman", Times, serif;
	font-size: 105%;
}

.youtube {
	padding-top: 4%;
	padding-left: 15%;
	font-family:"Times New Roman", Times, serif;
	font-size: 105%;
}

/************************************************************************************ navRight */

.navRight {
	float: right;
	width: 17%;
	min-height: 590px;
	background-color: #3D6AA9;
	border-right: 2px solid #477CC5;
}

/************************************************************************************ bottomRibbon */

.bottomRibbon {
	width: 98%;
	float: left;
	min-width: 784px;
	max-width: 910px;
	background-color: #98B1D2;
	border-bottom: 2px solid #477CC5;
	margin-top: 0.2%;
	text-align: right;
	text-decoration: none;
	padding-right: 2%;
	padding-top: 0.2%;
	padding-bottom: 0.2%;
}

.bottomRibbon a{
	text-decoration: none;
	color: #3D6AA9;
	}

.bottomRibbon a:hover {
	color: #03f;
}

.copyright {
	float: left;
	padding-left: 2%;
	color: #3D6AA9;
}
/************************************************************************************ pics */

.historyPicsShop {
	float: right;
	border-top: 2px solid #477CC5;
	border-bottom: 2px solid #477CC5;
	border-left: 2px solid #477CC5;
	border-right: 2px solid #477CC5;
	margin-left: 1%;
	margin-right: 1%;
}

.historyPicsEdithArthur {
	float: left;
	border-top: 2px solid #477CC5;
	border-bottom: 2px solid #477CC5;
	border-left: 2px solid #477CC5;
	border-right: 2px solid #477CC5;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1%;
}

.historyPicsShopDoorway {
	float: right;
	border-top: 2px solid #477CC5;
	border-bottom: 2px solid #477CC5;
	border-left: 2px solid #477CC5;
	border-right: 2px solid #477CC5;
	margin-right: 1%;
	margin-top: 2%;
}

.historyPicsAlan {
	float: left;
	border-top: 2px solid #477CC5;
	border-bottom: 2px solid #477CC5;
	border-left: 2px solid #477CC5;
	border-right: 2px solid #477CC5;
	margin-top: 2%;
	margin-right: 1%;
}

.youtubePic {
	float: left;
	padding-top: 3%;
	padding-left: 3%;
}

.w3c {
	margin-left: 22.5%;
	margin-top: 200%;
	border: none;
}

.w3ccss {
	margin-left: 22.5%;
	margin-top: 10%;
	border: none;
}