* { 

margin: 0pt;
padding: 0pt;
}

html { 

background-repeat: repeat-x-y;
background-color: #9EA9B3;
height: 100%;
background-image: url(http://www.bridgwatercarnival.org.uk/images/bg2.jpg);
}

body { 


margin: 0pt;
padding: 0pt;
background-repeat: repeat-x;
background-position: center top;
height: 100%;
font-family: Verdana,Arial,Helvetica,sans-serif;
z-index:0;
background-image: url(http://www.bridgwatercarnival.org.uk/images/bgrepeat_x2.jpg);
}

/*Layout Formatting*/

#access {

font-size:0.8em;
color:white;
width: 250px;
height: 70px; 
position:absolute;
text-align:right;
right:15px;
top:9px;
}


#contentwrapper { 

float:left;
margin-right: auto;
margin-left: auto;
text-align: left;
width: 609px;

}

#content_top { 
text-align: center;
margin-top: 35px;
height: 43px;
background-image: url(../images/content_top.gif);
}

#content { 
background: #b5bcd3;
background-image: url(../images/content_bg.gif);
font-family: Arial,Helvetica,sans-serif;
text-align: left;
padding-bottom:10px;

}

#content img {
border:solid 1px #5e626e;

}

#content table {

margin-left:auto;
margin-right:auto;

}

#content_sponsor_image {
text-align:center;
}

#content_sponsor_image img{
border:0px;

}

#content_sponsor_image p{

font-size:0.7em;
margin-top:5px;
}

#content_bottom { 
text-align: center;
height: 17px;
font-size:0.8em;
margin-bottom:20px;

}


#footer { 

position:absolute;
bottom:0px;
}

#footertext { font-family: Arial,Helvetica,sans-serif;
font-size: 0.6em;
color: rgb(255, 255, 255);
text-align: center;
}

#hero_image {
width:595px;
height:150px;
margin-left:7px;
padding-top:1px;
background-image: url(../images/header.jpg);

}

#hero_rotate{

width:180px;
height:130px;
margin:0px 0px 0px 380px !important;
margin:0px 0px 0px 375px;
background-image: url(../images/frontpage/gremlins.gif);

}

#header { 
margin-right: auto;
margin-left: auto;
margin-top: 0px;
width: 508px;
height: 57px;
background-image: url(../images/bc_logo.jpg);
}


#header_logo { 

width: 166px;
height: 159px;
background-image: url(../images/header_logo.gif);
position:absolute;
left:0px;
z-index:1;
}

#sitemap { float: right;
padding-right: 9px;
}


#sponsors { 


background: #ffffff;
background-image: url(../images/content_bg.gif);
font-family: Arial,Helvetica,sans-serif;
height:80x;

}

#sponsors h1 {

color:#2c146b;
}


#event-sponsors{

margin-left:100px;
}

#site-sponsors{
float:right;
padding-right:170px;
padding:left:-100px;
}

#sponsor-headers{

padding-top:10px;
padding-bottom:0px;
}

#sitewrapper {

width: 961px;
margin-right: auto;
margin-left: auto;

}


#timer { 

clear:right;  
position:absolute;
right:0px;
top:66px;
z-index:1;
text-align: center;
width: 203px;
height: 50px;
background-image: url(../images/timer_bg.gif);

}


/* Left hand */

#menu_wrapper {

width:161px;
float:left;
margin-top: 90px;

}

#menu_top {

height:38px;
background-image: url(../images/menu_top.gif);

}



#menu {

width: 161px; /* set width of menu */
background: #cacfe1;
padding-top:5px;
} 


/* Right hand menu */


#menu_r {

width:161px;
float:left;
margin-top: 90px;

}

#menu_top_r {

height:38px;
background-image: url(../images/menu_top_r.gif);

}

#menu_content_r {

background: #cacfe1;
border-right:solid 1px #afafaf;
padding-top:5px;
}


/*Text Format*/


#access p{

font-family: Arial,Helvetica,sans-serif;
color: white;
text-decoration:none;
text-align:right;

}    

#access a{

font-family: Arial,Helvetica,sans-serif;
color: white;
text-decoration:none;
text-align:right;

}

#access a:hover{

font-family: Arial,Helvetica,sans-serif;
color: #a6a6a6;
text-decoration:none;
text-align:right;

}


#content h1, h2, h3 ,h4, p a {

color:#2c146b;

}

#content h2 a{

color:#2c146b;

}

#content h2 a:hover {

color:#ffffff;

}

#content p a { 
text-decoration: none;
padding-left:15px;
background-image:url(../images/link-img.gif) ;
background-position:top-left;
background-repeat:no-repeat;
}


#content p a:hover {

color:#ffffff;
text-decoration: none;
padding-left:15px;
background-image:url(../images/link-img-ro.gif) ;
background-position:top-left;
background-repeat:no-repeat;

}




#content li { margin-left: 45px;
font-size: 0.7em;
font-weight: bold;
}


#content_bottom a{ 
text-decoration:none;
text-size:0.8em;

}

#footertext a { text-decoration: none;
color: rgb(255, 255, 255);
}

#footertext a:hover { color: rgb(1, 105, 178);
}


#timer p {

font-size:0.8em;

}




/* Left hand */

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */


#menu a {
display: block;
margin: 0;
padding: 2px 3px 0px 15px;
border-left:solid 1px #afafaf;
color:#2c146b;
background: #cacfe1;
text-decoration: none;

}


#menu a:hover {
color: #2c146b;
background: #fff;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 


#menu ul ul ul {
position: absolute;
top: 0px;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

#menu ul ul ul ul{
position: absolute;
top: 0px;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

#menu ul ul ul ul ul{
position: absolute;
top: 0px;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul li:hover ul ul ul

{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul

{display: block;}


#menu_content a:hover{

color: #2c146b;
background-position: right top;

}

#menu_bottom {

height: 15px;
/*background-image: url(../images/menu_bottom.gif);*/

}



/* Right hand menu */


#menu_content_r a.link:hover{

color:#ffffff;
text-decoration: none;
padding-left:15px;
background-image:url(../images/link-img-ro.gif) ;
background-position:top-left;
background-repeat:no-repeat;

}

#menu_content_r p {

font-family: Arial,Helvetica,sans-serif;
text-decoration: none;
display: block;
text-align: left;
padding-bottom:5px;
padding-top:2px;
margin-right:15px;
margin-left: 15px;

}

#menu_content_r a {

text-decoration: none;

}


#menu_content_r a.link {

text-decoration: none;
padding-left:15px;
background-image:url(../images/link-img.gif) ;
background-position:top-left;
background-repeat:no-repeat;


}


#menu_bottom_r {

height: 15px;
/*background-image: url(../images/menu_bottom_r.gif);*/

}



/*Span Classes*/


.content { 
font-family: Arial,Helvetica,sans-serif;
text-align: left;
text-size: 0.8em;
}


.bluebox {

width: 90%; 
padding:20px 5px 20px 5px; 
background:#d9dceb; 
margin:20px auto 0px auto; 
border: #5e626e thin solid;

}


#content .bluebox p a:hover {

/*color:#a7a7a7;
background-image:url(../images/bb-link-img-ro.gif) ;
background-position:top-left;
background-repeat:no-repeat;*/
}



.listblockR { border: 1px solid rgb(119, 136, 153);
font-size: 0.9em;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 25px;
width: 410px;
float: left;
background-color: rgb(255, 253, 221);
line-height: 1.2em;
}

.listblockR ul li h4 { margin: 10px 40px 10px 0px;
padding: 0px;
font-weight: bold;
color: rgb(159, 29, 33);
font-size: 1.1em;
text-align: left;
}

img.fpfloatLeft { 
margin: 5px 20px 0px 60px;
float: left;
}

img.fpfloatRight { float: right;
margin-right: 45px;
margin-left: 20px;
margin-top: 5px;

}

.floatRightnoborder { 
float: right;
margin-right: 40px;
margin-left: 20px;
margin-top: -0em;
padding-bottom:-1em;
border: 1px dashed #B5BCD3;



}

.hide { display: none;
visibility: hidden;
}

.menuheader { font-size: 1em;
font-weight: bold;
text-align: left;
margin-top: 10px;
margin-bottom: 20px;
text-transform: capitalize;
color: rgb(1, 105, 178);
}

.highlight { font-style: italic;
font-weight: bold;
}



img.floatLeft { float: left;
margin-left: 45px;
margin-right: 20px;
margin-top: 5px;
margin-bottom:15px;
}

img.floatRight { float: right;
margin-right: 40px;
margin-left: 20px;
margin-bottom:15px;
margin-top:5px;
padding-bottom:-1em;

}

img.iconmid { vertical-align: middle;
padding-bottom: 4px;
}

.quote { border: 1px dashed rgb(153, 153, 153);
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
width: 300px;
font-weight: bolder;
}

#contentffhack {
color: #ffffff;
text-align: center;
line-height:0.1em;
}

#cd {

font-size:0.8em;

}


.rightbox {

float:right;
width:48%;
}

.leftbox {

width:48%;
}

.merch {
margin: 10px 10px 10px 35px;
float:left;
}

.photobox{
float:right;
margin:20px 35px 15px 30px !important; 
margin:20px 15px 15px 30px; 
padding-top:0px !important;
padding-top:0px;

}

.cartboxright{
float:right;
margin:10px 35px 10px 10px !important; 
margin:10px 15px 10px 10px; 
}

.cartboxleft{

margin:10px 10px 10px 35px !important; 
margin:10px 15px 10px 35px;
}

#map {
margin: 0px 0px 0px 55px;
}

.txtmiddle {
text-align:center;
font-size: 0.7em;
margin-left: 25px;
width: 148px;

}

#checkboxes {
width: 300px;

}

#checkboxes img {
border:none;
}

.right {
float: right;
margin-right: 30px;
margin-top: -90px;

}

.red {
margin-top: 5px;
margin-right: 3px;
float: left;

}

.grey {
margin-top: 5px;
margin-right: 3px;
float: left;
}

.line {
margin-top: 5px;
margin-right: 3px;
float: left;
}

#mapwrapper {
width: 961px;
margin-top: 60px;
margin-right: auto;
margin-left: auto;
}

.googlesearch {
	float: right;
	margin-top: 12px;
	margin-right: 10px;
}

.youtubevideo {
	margin-left: 90px;
	width: 470px;

}

.youtubevideoplus {
	margin-left: 15px;
	width: 580px;

}

#twitterwidget {
margin-top:5px;
margin-bottom:10px;
margin-left:5px;

}

#facebookwidget {
margin-left:5px;
}

#facebookwidget ul {
padding:0px;
margin:0px;
}