@charset "utf-8";
body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: url(../template_images/green-grass-clear-sky-background.jpg)  no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #006;
}

h1 {font: 14px Verdana, Arial, Helvetica, sans-serif;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 4px;;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #006;
}
h1.left {text-align:left}
h2 {font: 13px Verdana, Arial, Helvetica, sans-serif;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #006;
}
h2.left {text-align:left}
p.left {text-align:left}

.fullpageleft {position: relative; width:770px; float:left; text-align:left; margin:0px}


.divimage { padding:5px;}

#container {position:relative;
	width: 980px;   /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/* text-align: left; this overrides the text-align: center on the body element. */
	
} 

#rightcolumn {float:right; width:980px; margin-top:190px; 
}

#maincontent {float:left; width:794px; margin-right:0px; background-color:#FFF; padding:5px;
}
#rightsidebar {
	float:right; width:150px;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 11px;
	color: #FFF;
	border:#FFF double thick; padding-right: 5px; padding-left: 5px; padding-bottom:10px; background-color:#003;
	
}
#leftsidebar {float:left; width:160px; margin-right:0px; padding:2px;
margin-top: 0px; background-color: #CFF; border: #009 thin solid;
}
#header {height:192px; margin:0; padding:0; position:absolute;
top:0; left:0; width:980px;
}

#google { margin:0; padding:0; width:804px; float:left; background-color:#fff;
}
#googlewhite { margin:0; padding:0; width:190px; height:60px; float:left; background-color:#fff; ;
}
#googleright { margin-right:3px;  padding:0; width:611px; height:60px; float:right; background-color:#fff; 
}
#footer { margin:0; padding:0; width:804px; float:left; background-color:#003; font-size:10px; color:#FFF;
}

#headerleft {height:192; margin:0; padding:0; position:absolute;
top:0; left:0; width:800px;
}
#logo {  margin:0; padding:0; position:absolute; top:0; left:0;
	width:800px; height:160px; 
	background: url(../template_images/2012banner.jpg) 0 0 no-repeat        ;  
	/* padding: 0 10px 0 20px;  this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#headerright {height:190px; margin:0; padding:0; position:absolute;
top:0; left:800px; width:180px; background: url(../template_images/bgtiler.jpg) 0 0 repeat        ; 
}
#acousticmag { 
	display: block;
	float:left; position:relative; left:25px; top:8px;
	width: 130px;
	height: 43px;
	
	
	/* padding: 0 10px 0 20px;  this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

#maverick { 
	float:left; position:relative; left:25px; top:13px;

	width: 130px;
	height: 58px;
	
	
	/* padding: 0 10px 0 20px;  this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#racecourse { 
	float:left; position:relative; left:25px; top:18px; 
	
	width: 130px;
	height: 34px;
}
p.sidebar{border: solid #fff 1px; padding-bottom:10px;  padding: 2px; font-size: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-right:6px; width:144px; margin-bottom:3px; margin-top:3px;
}


a.rightnav {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	border: solid #fff 1px; padding: 4px;
	margin-bottom:10px;

	}

a.rightnav:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	border: solid #fff 1px; padding: 4px;  -webkit-border-radius: 5px; -moz-border-radius: 5px;
	margin-bottom:10px;
}
a.rightnav:hover { font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #003;
	text-align: center;
	border: solid #fff 1px; padding: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
	margin-bottom:10px; background-color: #09F}
	
.ticketsyellow{color:#FF0; font-size:14px;}
.ticketsyellow20{color:#FF0; font-size:20px;}
.ticketsyellow30{color:#FF0; font-size:30px;}
.ticketsyellowlarge{color:#FF0; font-size:40px;}

.ticketsbluelarge{color:#006; font-size:40px;}
.ticketsblue30{color:#006; font-size:30px;}
#pageright {position: relative; float:right; width: 600px;}
#pageleft {position: relative; float:left; width: 160px;}
#introflags {position: relative; float:left; width: 160px;}

.artist { border:#000 thin solid ; text-align:left; width:610px; margin-left:175px;
}
.artist2 { text-align:left; 
font-family:Arial, Helvetica, sans-serif; font-size: 14px;
}
.content1{text-align:center; 
font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#006;
}
.content2{text-align:center; 
font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#900;
}
.content3{text-align:center; 
font-family:Arial, Helvetica, sans-serif; font-size: 15px; color: #030;
}
.content4{text-align:center; 
font-family:Arial, Helvetica, sans-serif; font-size: 15px; color: #006;
}
.content5{text-align:center; 
font-family:Arial, Helvetica, sans-serif; font-size: 15px; color: #C00;
}