/* Layout Stylesheet */ 


body {  
background-color: #ffffff;
top:0px;
 left: 0px;
text-align: center;
 width: 1024px;
height: 100%;
z-index: 1;
 }

img.floatLeftClear { 
    float: right; 
    margin: 10px; 
}

#centered {
  position: absolute;
  top: 0;
  right: 25%;
  bottom: 0;
width: 800px;
margin: 0 auto;
text-align: left;
  height: 100%;

} 

#header {
width: 1024px;
height: 533px;
left: 0px;
text-align: left;
 background-image: url(images/jilly1.jpg); background-repeat:no-repeat; 
z-index: 1;
}


#maintext {

width: 600px;
height:  auto;
top: 50%; margin-top: -50px;
text-align: left;
margin-left:140px;
padding: 40px;
z-index: 2;
}

#menucontainer {
position: absolute;
float: right;
width: 100px;
height:  600px;
text-align: left;
top: 130px;
left:30px;
padding: 10px;
z-index: 2;

}

#box-right {
position: absolute;
float: right;
width: 150px;
height:  auto;
text-align: left;
top: 30px;
left: 790px;
padding: 10px;
z-index: 3;

}

h1 {
font-family:arial, sans-serif;
color: #333333;
font-size: 12px;
font-weight: 100;
padding: 0px;
letter-spacing: 0px;
text-align: left;
}
h2 {
font-family:arial, sans-serif;
color: #993300;
font-size: 14px;
font-weight: 100;
padding: 0px;
letter-spacing: 0px;
text-align: left;
}

h3 {
font-family:brushstroke, fantasy;
color: #993300;
font-size: 40px;
font-weight: 120;
padding: 0px;
letter-spacing: 0px;
text-align: right;
}

h4 {
font-family:arial, sans-serif;
color: #333333;
font-size: 14px;
font-weight: 120;
padding: 0px;
letter-spacing: 0px;
text-align: right;
}


a:link { 
color: #336699; 
text-decoration: none;
cursor: pointer;
 
}
a:visited { 
color: #336699; 
text-decoration: none;
cursor: pointer; 

}
a:hover {
color: #ff0000;
text-decoration: underline;
cursor: pointer;
}