html

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0;  border: 0; font-size: 100%; font: inherit; vertical-align: top;}

body {font-family: 'Open Sans', sans-serif; font-size: 1em; background-image: url('../images/bk.gif'); background-repeat: repeat;}
#logo-menu {width: 960px; margin: 0 auto; padding-top: 0px;	height: 68px; position: relative;}
.imglogo {position:absolute; top:0px; left: 0px; z-index: 99;}
#menu {	position: relative; width: 550px; top: 4px; float: right; text-align: right;}
#menu a {font-size: 16px; color: #333333; text-decoration: none;}
#menu a:hover {font-size: 16px; color: #fff;}
#container {width: 960px; margin: 0 auto; padding-top: 0px;	background-color: #FFFFFF;}
#masthead {width: 960px; margin: 0px; overflow: hidden; position: relative; height: 402px;}
.mastheadimg {position: relative; top: 10px; left: 10px;}
.couple1  {position: absolute; top: 30px; left: 30px; clip:rect(0 212px 108px 0); }
.couple2  {position: absolute; top: 147px; left: -182px; clip:rect(0 424px 108px 212px); }
.couple3  {position: absolute; top: 265px; left: -394px; clip:rect(0 636px 108px 424px); }
.couple4  {position: absolute; top: 30px; left: -384px; clip:rect(0 848px 108px 636px); }
.couple5  {position: absolute; top: 147px; left: -596px; clip:rect(0 1060px 108px 848px); }
.couple6  {position: absolute; top: 265px; left: -808px; clip:rect(0 1272px 108px 1060px); }
		
#content {position: relative; width: 940px; padding-left: 10px; padding-right: 10px;}
.box {background-image: url('../images/box-bk.gif'); background-repeat: repeat; width: 920px; padding: 10px;}
.box-left {float: left; width: 216px; position: relative;}
.left1 {width: 196px; background-color: #fff; text-align: center; padding: 10px;}
.box-middle {float: left; padding-left: 10px; width: 250px; position: relative;}
.top {position: relative;}
.bottom {position: relative; top: 51px; left: -106px;}
.box-right {float: left; width: 444px; position: relative;}
.centered {text-align: center; font-weight: 700; font-size: large;}
.filler {height: 10px;}
/* Styles for masthead */

/* General styles */
a {	font-size: medium; 	color: #333333; font-weight: bold;
transition:  .5s ease-in-out;
   -moz-transition:  .5s ease-in-out;
   -webkit-transition:  .5s ease-in-out;

}
a:hover {font-size: medium; color: #333333; font-weight: bold; }
.style_bold {font-weight: bold; }
.style_italic {font-style: italic;}
h1 {font-size: xx-large; color: #333333; font-weight: 800; text-align: center; padding-bottom: 10px;}
h2 {font-size: x-large; color: #333333; font-weight: 700; padding-bottom: 10px;}
h3 {font-size: 28px; color: #333333; text-align: center; font-weight: bold; padding-bottom: 10px;}
p {font-size: large; color: #333333; text-indent: 0px; padding-bottom: 10px;}
ul {list-style-type: none; padding: 0px; margin: 0px; }
li {font-size: large; padding-bottom: 5px; font-weight: 700;}
.bold {	font-weight: bold;}
.contactform {font-size: medium; color: #333333; text-align: left; padding-bottom: 5px; }
.contact-para {font-size: large; color: #333333; text-indent: 0px; }

/* Styles for Footer */
#footer {text-align: center; clear: both; width: 960px; margin: 0 auto;	padding-top: 10px;
	overflow: hidden; font-size: 10px; z-index: 4;}

#footer p {	color: #333333;	text-align: center;}
#footer a {	color: #333333; text-align: center; font-size: small; text-decoration: none; font-weight: bold;}
#footer a:hover {color: #fff; text-decoration: none; font-size: small; font-weight: bold;}
.footersmall {text-align: center; padding-top: 10px; font-size: small;}


/* Styles for cookie policy */
/* Styles for cookie policy */
#cookiepolicy {	position: relative;	z-index: 900;	text-align: center;}
.cookiepolicy1 {position: relative; border: 0px solid #FFFFCC; z-index: 900; height: 50px; width: 960px;  }
.thumbnailcookie img{ border: 0px solid #0000ff; margin: 0 0px 0px 0; padding: 0 0 0 0;}

.thumbnailcookie:hover{ background-color: transparent; z-index: 900;}
.thumbnailcookie:hover img{ border: 0px solid black; z-index: 900; }
/*CSS for positioning each thumbnail - absoultely so it is the same regardless of user's text size settings*/
.cookie1 { position:absolute; top: 0px; left: 430px; z-index: 1; }
.thumbnailcookie span{
	/*CSS for enlarged image*/
position : absolute; padding: 0px; left: -1000px; border: 0px solid #0000ff; visibility: hidden;
	color: #000000; text-decoration: none; font-size: 14px; 	z-index: 10; }

.thumbnailcookie span img{ /*CSS for enlarged image*/
border-width: 0;padding: 0px; z-index: 10;}

.thumbnailcookie:hover span{
	/*CSS for enlarged image*/
visibility: visible; top: 93px; left: 0px; z-index: 50; font-size: 12px; color: #000000; font-style: italic; z-index: 10; }
/*CSS for positioning each enlarged image = -left value of thumbnail, item 1 defaults to 0
setting the width again makes the text display correct width in ie7*/
.cookie1:hover span{ position: absolute; width: 960px; top: 0px; left: -430px; z-index: 10;
	}
.cookieimage {	width: 100px; height: 50px;}
.bold {
	font-weight: bold;
}


</style>