/* CSS quintasia.co.uk*/
body{ font-family: Verdana, Arial,sans-serif; background-color: #e3d8fa; color: #336; line-height: 1.166; margin: 0 ; padding: 0px; }

a:link{color: #583556; text-decoration: none; font-weight:bold; }

a:visited{color: #993300 ; text-decoration: none; font-weight: 500;}
a:hover{ text-decoration: underline;}


h1{ font: bold 90%; color: #733145; margin: 0px; padding: 0px; font-family: "Putney Junction NF",Verdana, sans-serif; }
h2{ font-family: Tahoma, sans-serif; font-size: 1.2em;  color: #733145;  margin: 0px;  padding: 0px; font-weight: 600; font-stretch: expanded;}
h3{ font-size: 95%; color: #333; margin: 0px; padding: 0px;}
h4{ font-size: 95%; color: #fff; background-color: #2c5656; margin: 0px; padding: 3px 0px; }
.next{ float: right; font-weight: 600; font-style: italic; margin-top: -2em;}
.next2{float: right; font-weight: 600; font-style: italic; margin:0; padding:0;}
.back{ clear: both; float: left; padding: 0 1em 0 0; color: #000; background-color: transparent; font-size: 0.8em;}
blockquote{ font-style:italic;  margin-left: -0.5%; }


#page{position:absolute; top: 30px; left: 8%; right: 12%; width:79.6%; background-image: url(images/notem.png); background-repeat:no-repeat; background-position: 90% 80%;  background-color: #fff; margin-bottom: 0; padding-bottom: 0;}
#masthead{ margin: 0; padding:0; width: 100%;  clear: right; background-image:url(images/group3.jpg); background-repeat:no-repeat; background-position:right; border-bottom: 3px solid #733145; background-color: #e3d8fa}
#masthead img{margin:0; padding:0;}

#leftbloc{ float: left;	width:28%; padding: 0px;  margin:0;  background-color: #ffc; background-image: url(images/notes2b.png); background-repeat:no-repeat; background-position:bottom left; z-index: 110;}
#leftbloc img {max-width:45%; max-height: 80%; margin: 0; padding: 0; float: right; }

#nav{ position: absolute; top: 100px; left: 0px; padding:0; z-index: 100; width: 16%;}
#nav ul { font-size: 0.9em; list-style: none;  padding: 0; margin:0; width: 100%;}
#nav ul li{display:block; margin: 10px 0; padding:5px 3px 0 5px; width: 100%; height: 26px; background-image:url(images/button.png); background-repeat:no-repeat; left: 0; top:0;}
#nav ul li a{height: 26px; }
#nav ul li a:link{color: #636; display: block; width: 89.5%; padding:3px 0px; margin-top: -3px;} 
#nav ul li a:hover { display: block;  color: #fff; font-weight: 600; background-image: url(images/buttonh.png); background-repeat:no-repeat; background-position: 0 0 ; margin-top: -3px; margin-left:-5px ; padding: 4px; width:89%; text-decoration: none;}

.rightbloc{ float: right; margin-top: 1.3% ; padding:1em 0.6em ; width:68.5%;  z-index: 10; font-size:0.8em;background-color: #fff; }
.rightbloc img{ float: right; border: 1px solid #733145; display:block; margin:0 1em 0.5em 1em; }
.rightbloc ul {margin:0 0 0 4%; padding:0;}
.rightbloc p{background-color: #fff;}
.rlist{float: right; display:block; width: 40%; padding-left: 2%;}
img.group {width: 15em;}


.blank {background-color: transparent;}
.clear {font-size: 1px; height: 1px}

.skipLinks {display: none;}

#footer{clear: both; border-top: 2px solid #733145; font-size: small; color: #fff; font-weight: 550; padding: 5px 10px 5px 15px; margin: 0px;  background-color: #583556; z-index: 150;}
#footer a {margin: 0; padding: 0; color: #cff;}
#footer a:hover{ text-decoration: underline; color: #fff; }

.katyweb { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;  background-color: #e3d8fa; color: #ccc;  width: 100%; padding: 0.3em; }