/* 
    Document   : stylesheet
    Created on : 29-Jan-2009, 11:52:41
    Author     : cotsweb
    Description:
        Stylesheet for Cotswold Festival website
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    background-color: #91A3D0;
	color: #FFFFFF;
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
 	margin: 0px;
	padding: 0px;
}
div.container {
	width: 668px;
	height: auto;
	min-height: 600px;
	padding: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-top: -0.5em;
	margin-bottom: 0px;
	clear: both;
	background-color: #9FBF82;
	border: 10px solid #257391;
}
div.container_index {
 /*   width: 668px; */
    width: 680px;
    height: auto;
	min-height: 960px;
	padding: 0em;
    padding-bottom: 0.5em;	
	margin-left: auto;
	margin-right: auto;
	margin-top: -0.5em;
	margin-bottom: 0px;
	background-color: #9FBF82;
	border: 10px solid #257391;
	background-image: url(images/home_page_background.jpg);
	background-repeat: no-repeat; 
    background-position: top center;
}

/* inner container to stop IE6 messing up padding */
div#inner_container_index { 
    padding: 0.5em;
/*	padding-bottom: 0em; */
	}
	
.clearboth {
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

h1, h2, h3 {
    text-align: center;
}
h1.banner, h2.banner, h3.banner {
 	font-weight: normal;
	}
h3.banner {
	color: #45921F;
	font-size: 1.5em;
	font-style: normal;
	line-height: normal;
	padding: 0em 1em 0.75em 1em;
	}	

p.banner {
	color: #45921F;
	font-size: 1.75em;
	font-style: normal;
	line-height: normal;
	padding: 0em 1em 1em 1em;
	margin-top: -1em;
	}		
	
.subtitle {
    color: #3333CC;
	} 	
div.titleblock {
    width : auto;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 0.4;
    padding: 0px;
	font-weight: normal;
}
.listing {
	font-size: 1.3em;
    }

.listing li { 
    margin-left: -1em;
    padding-left: 1.5em;
    padding-bottom: 0.25em;
	background-image: url('images/roundhead_helmet.gif');
	background-repeat: no-repeat;
	background-position: left 3px;
	list-style-type: none;
     }
	 
.smalltext {
	font-size: 75%;
	line-height: normal;
}
.largertext {
    font-size: X-large;
}
.centered {
    text-align: center;
    }
.banner {
	font-size: 2em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: center;
/*	line-height: 0.75em; */
	font-style: italic;
}
div.navbar {
	width: 100%;
	height: 1.5em;
	clear:both;
	text-align: center;
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	padding-bottom: 0.5em;
}

#navbar {
    list-style: none;
	margin: 0px;
	padding: 0px;
}
#navbar li, #navbar a {
    width: 90px;
	height: 1.5em;
	float: left; 	
	position: relative;
	display: block;
	text-decoration: none;
	text-align: center;
	z-index: 888;
}

#navbar li ul li a {
    background-color: #9FBF82;
	width: 12em;
	padding: 0.25em;
	text-align: left;
	z-index: 999;
	}

#navbar ul {
    position: absolute;
	top: 170px;
	left: -9999px;
    padding-top: 5px;	 
	margin: 0px;
	padding: 0px;
}

#navbar a:link,
#navbar a:visited, 
#navbar li.programme,
#navbar li.visitorInfo,
#navbar li.aboutStow
{
    color:  #3333CC;
}
#navbar a:hover {
    color: #6699CC;
}
#navbar a:active {
    color: #3333CC;
}

#navbar li ul {
    float: none;
    border: 0 none;
	background-color: #9FBF82;
	font-size: 100%;
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	}

#navbar li >ul {
    text-decoration: none;
	list-style: none;
	width: inherit;
	}	
	
#navbar li:hover ul, #navbar li.sfhover ul {
    top: 45px;
    left: -1px;
	z-index: 999;
	zoom: 1;
    }	
    	
body#home li.home a,
body#day1 li.day1 a, body#day1  li.programme,
body#day2 li.day2 a, body#day2 li.programme ,
body#day3 li.day3 a, body#day3 li.programme ,
body#competition li.competition a,
body#location li.location a, body#location li.visitorInfo,
body#theFestival li.theFestival a, body#theFestival li.programme,
body#grandDraw li.grandDraw a, body#grandDraw li.visitorInfo,
body#gallery2009 li.gallery2009 a,
body#gallery2011 li.gallery2011 a,
body#contact li.contact a,
body#press li.press a,
body#supporters li.supporters a,
body#aboutStow li.aboutStow a, body#aboutStow li.aboutStow,
body#stowToday li.stowToday a, body#stowToday li.aboutStow,
body#stowHistory li.stowHistory a, body#stowHistory li.aboutStow,
body#battleOfStow li.battleOfStow a, body#battleOfStow li.aboutStow,
body#battlefieldStow li.battlefieldStow a, body#battlefieldStow li.aboutStow,
body#costumes li.costumes a,
body#winners li.winners a
 {
   	color: #006600;
}

.error {
	color:#FF0000;
	margin-left: 30%;
   }
   
.soldout {
	color:#FF0000;
   }
   
div.footer {
    width: auto;
	margin-top: -15px;
	margin-bottom: -12px;
    margin-left: auto;
    margin-right: auto;
	padding: 0px;
	text-align: center;
    font-size: small;
    }

.boxright {
    width: 36%;
	padding: 0.25em 0.5em 0.25em 0.5em;
    float: right;
    background-color: #fff;
	color: #45921F
    }

.facebook_right {
    width: 30%;
	padding: 0.25em 0.5em 0.25em 0.5em;
    float: right;
    }
	
.boxright a {
    color:  #45921F;
	text-decoration: none;
     }
	 
form p label {
   float: left;
   width: 30%;
}
#footer a {
 	color: #FFFFFF;
    text-decoration: none;
   }
#footer p {
    margin-top: -5px;
	margin-bottom: 0px;
} 
.imgleft {
	float: left;
	margin-top: 0.75em;
 	margin-right: 1em;
	margin-bottom: 1em;
	}
	
.imgright {
    float: right;
    }
	
.imgcentre {
    margin-right: auto;  
    margin-left: auto;
    }	

.imglink {
    border: none;
    text-decoration: none;
    }
	
abbr {
     text-decoration: none;
	 border-bottom-width: 0;
    }
a.plaintext {
     color: #FFFFFF; 
     }

.gallery {
     float: left;
/*     width: 200px;
	 height: 150px;
*/   margin: 5px;
	 text-align: center;
	 }	

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
.hover {
    width: 600px;
	height: 450px;
	}
	
#map {
    z-index: 10;
    }	
	
.redLine {
    background: rgb(255, 0, 0); 
    background: rgba(255, 0, 0,0.50);
    }