/* Taunton Flyer Website CSS
All rights reserved. The menu is a heavily modified 
version of Stu Nicholls final drop down at 
http://www.cssplay.co.uk */

/* body
--------------------------------------------------*/
body {
	background-color: #ffc211;
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}

/* headings
--------------------------------------------------*/
h1 {
	font-size: 1.3em;
	color: #56007a;
}

h2 {
	font-size: 1em;
	color: #56007a;
}

/* links
--------------------------------------------------*/
a:link {
	color: #56007a;
	text-decoration: none;
}
a:visited {
	color: #56007a;
}
a:hover {
	text-decoration: underline;
	color: #b3003c;
}
a:active {
	text-decoration: none;
	color: #b3003c;
}

/* menu
--------------------------------------------------*/
.menu {
	width: 468px; 
	font-size: 0.85em;
	padding-top: 54px;
	bottom: 0;
	z-index: 100;
}
/* remove all the bullets, borders and padding */
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.menu ul ul {
	width: 75px;
}

/* float list to make horizontal */
.menu li {
	float: left;
	width: 75px;
	position: relative;
}

/* hack for IE5.5 faulty box model */
* html .menu li {
width: 75px;
w\idth: 70px;
}

/* styles links for the top level */
.menu a, .menu a:visited {
	display: block;
	font-size: inherit;
	text-decoration: none; 
	color: #ffffff; 
	width: 70px; 
	height: 23px;
	background: #b70251;
	padding-left: 7px; 
	line-height: 23px;
}

* html.menu a, .menu a:visited {
	display: block;
	font-size: inherit;
	text-decoration: none; 
	color: #ffffff;
	width: 70px; 
	height: 23px;
	background: #b70251;
	padding-left: 5px; 
	line-height: 23px;
}

/* styles second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background: #d4d8bd;
text-decoration: none;

}
/* styles second level hover */
.menu ul ul a.drop:hover{
background: #6e2a8f;
text-decoration: none;
}
.menu ul ul :hover > a.drop {
background: #6e2a8f;
text-decoration: none;
}

/* hide sub levels plus give them absolute positon so don't take up room */
.menu ul ul {
visibility: hidden;
position: absolute;
height: 0;
width: 100px;
}

/* hack for IE5.5 */
* html .menu ul ul {
	top: 23px;
	t\op: 23px;
}

/* styles second level links */
.menu ul ul a, .menu ul ul a:visited {
background: #ffc211;
text-decoration: none;
color: #000000; 
height: auto; 
line-height: 1em; 
padding: 5px 10px; 
width: 75px
}

/* hack for IE5.5*/ 
* html .menu ul ul a{
width: 75px;
w\idth: 75px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
position:absolute; 
top:0; 
left:0;
}

/* styles top level hover */
.menu a:hover, .menu ul ul a:hover{
color: #ffffff; 
background: #ffc211;
text-decoration: none;
}

.menu :hover > a, .menu ul ul :hover > a {
color:#ffffff;
background: #6e2a8f;
text-decoration: none;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility: visible; 
}
 
/* container
--------------------------------------------------*/
#container {
  width: 760px;
  height: auto;
  background: #ffffff;
  text-align:left;
  padding: 0;
}

/* access links
--------------------------------------------------*/
#access{
	background-color: #ffc211;
	width: 760px;
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 3px 0;
}

/* logo
--------------------------------------------------*/
#logo {
	position: absolute;
	background-color: transparent;
   background-image:url(images/flyer-01.png);
	width: 290px;
	height: 266px;
}

/* banner
--------------------------------------------------*/
#banner {
	float: right;
   background: #ffc211 url(images/flyer-banrepeat.gif) repeat;
	width:470px;
	height:77px;
	margin-bottom: 25px;
}

/* sub-content
--------------------------------------------------*/
#sub-content{
	float: left;
	position: absolute;
	padding: 10px 25px 5px 15px;
	left: 10px;
	top: 293px;
	width: 210px;
	z-index: 1;
	
	/* ie5win fix begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 210px;
	}

html>body #sub-section{
	width: 210px;
	/* iewin fix ends*/ 
}

/* content
--------------------------------------------------*/
#content{
	background-color:#ffffff;
	width: 490px;
	padding: 10px 5px 10px 260px;
	
	/* iewin fix begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 490px;
	}
	
html>body #content{
	width: 490px;
	width: 480px;
}
/* iewin fix ends */

/* footer
--------------------------------------------------*/
#footer {
	background-color: #6e2a8f;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: inherit;
	color: #ffffff;
	height: auto;
	top: auto;
	padding-left: 5px;
}

#footer h1{
	font-size: 1.3em;
	color: #ffffff;
}

#footer a:link, a:active{
	color: #ffffff;
	text-decoration: none;
}

#footer a:visited{
	color: #DCDCDC;
}

#footer a:hover{
	color: #E6E6FA;
	text-decoration: underline;
}

/* text menu footer
--------------------------------------------------*/
#textfooter{
	background-color: #ffc211;
	width: 760px;
	font: 0.8em  Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#textfooter a:link, a:active, a:visited{
	color: #000000;
	text-decoration: none;
}

#textfooter a:hover{
	color: #333333;
	text-decoration: underline;
}