/*This is the for place loweswater html5 style sheet*/

body {
background-color: #f8f8ff;
background-image: url(images/availabilityview2.jpg);
color: #666699;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 1em;
font-weight: 100;
letter-spacing: 1px;
text-align: left;
line-height: 1 em;
margin: 0;
padding: 0;
border: 0;
 }



#container { 
margin: 25px auto;
width: 1040px;
margin-bottom: 5em;
z-index: 1; 
}



#navbar {
/*made relative so content does not ignore navbar*/
position: relative;
margin-top: 48px;
margin-left: 148px; 
width: 950px; 
font-size: 110%;
}


ul li {
display: inline;
/*font color is coming from anchor instruction*/
/*These following are about the ul itself (remove bullets etc)*/
margin: 0em;
padding: 0em;
list-style-type: none;
margin-right: 28px;
}



/*This doesn't need to be relative unless you want to put abs elements inside it.*/
#content {
margin-top: 29px;
margin-left: 117px;
width: 840px;
}



#availabilityleft {
float:left;
width: 305px;
padding-left: 0px;
padding-top: 0px;
font-size: 100%;
z-index: 2;
}


#availabilityright {
float:right;
width: 505px;
padding-left: 0px;
padding-top: 0px;
font-size: 100%;
z-index: 2;
}



/*Not used here*/
#home { 
}



#about {
float:left;
width: 605px;
padding-left: 0px;
padding-top: 0px;
font-size: 100%;
  
}



#gallery {
width: 900px;
font-size: 80%;  
}

/*These following are for 3 col*/
#columna {
float:left;
width: 278px;  
}

#next2columns {
float:right;
width: 612px;  
}

#columnb {
float:left;
border-left: 1px #acacac solid;
padding-left: 10px;
width: 290px;  
}

#columnc {
float:right;
border-left: 1px #acacac solid;
padding-left: 10px;
width: 289px;  
}



#newsleft {
float:left;  
}


#newsright {
float:right;
border-left: 1px #acacac solid;
padding-left: 10px;
}


#tablez {
float:left;
width: 70%;
font-size: 90%;
padding: 0px;
padding-top: 0px;
margin-top: 0px;
margin-right: 0px;  
}

.picturerow {  
}

.textrow {  
vertical-align: bottom;
}

#links {  
font-size: 75%;
width: 400px;
}

#books { 
width: 1000px; 
}

#contact {  
}

#news { 
width: 820px; 
}


h1 {
font-size: 130%;
color: #ff3333;
text-align: left;
/*This closes up the space above and below*/
line-height: .1em;
}


.navthispage {
font-size: 120%;
color: #ff3333;
}


.productiontitle {
font-size: 100%;
font-weight: bold;
font-style: italic;
color: #044476;
}


.productionitalics {
font-size: 100%;
font-style: italic;
}


.contacttitle {
font-weight: bold;
color: #044476;
}


.newstitle {
font-weight: bold;
color: #044476;
}


.newsitalics {
font-style: italic;
color: #044476;
}


.whitecopy {
color: #ffffff;
}

/*Keep this to make the bottom stretchy*/

#bottom {
clear:both;
height: 56px;
}



/*These are instructions for any floating pics also known as drop pics*/

img.floatLeft {     
    float: left;     
    margin-right: 10px; }
img.floatRight { 
    float: right; 
    margin-left: 11px; }



/*These are for any special changes to links on links page */

#links a:link {
font-weight: bold; }




/*These are the main instructions for links (anchors)*/

a:link {
color: #000000; 
text-decoration: none; }

a:visited {
color: #000000; 
text-decoration: none; }

a:hover {
color: #000000;
background-color: #c8c8c8; }

a:active {
background-color: #3cc7f0; }



/*These are the instructions for horizontal rules*/

hr {
border: none;
/*Put the colour in twice to accomodate old IE*/
background-color: #acacac;
color: #acacac;
height: 1px;
}



#newsflash {
position: absolute;
top: 226px;
left: 900px;
z-index: 1;
}



/*This h2 is not currently used in this layout*/



h2 {
font-size: 150%;
text-decoration: underline;
line-height: .1em; 
}