body { 
    text-align: center;
    font-family: Verdana, sans serif;
    font-size: 11px;
    color: #666;
    line-height: 15.5px;
    margin-top: 10px;
    }


/* layout structure */
#container {
	width: 999px;
    text-align: left;
    margin-left: auto; 
    margin-right: auto;
    }


/* masthead */
#masthead {
    background: url(_img/hd_vbc.jpg) no-repeat;
    width: 999px;
    height: 84px;
    height: 123px;
    }
#logo { 
    padding: 0 0 0 20px;
    }    
#logo a { 
    background: url(_img/shim.gif) no-repeat;
    display: block;
    width: 160px;
    height: 80px;
    }


/* top navigation */
#nav1 {
	margin-top: 12px;
	margin-left: 150px;
    width: 100%;
    height: 30px;
    list-style: none;
    } 
#nav1 li {
	float: left;
	padding-right: 20px;
	font-size: 10px; 
    }
#nav1 li a {
	color: #333; 
	text-decoration: none;
	font-size: 10px; 
    }
#nav1 li a:hover {
    color: #E31E27; 
    }  
#nav1 li .disabled {
	color: #999;
    }
#nav1 li .enabled {
	color: #E31E27;
    }    
#nav1-10 a {
	margin-right: -20px;
	}

/* end top navigation */


 /* #wrapper-bottom */ 
#wrapper {
	width: 999px;
	height: auto;
	overflow: hidden; /*This hides the exceeding portion of the columns created by the padding/margin trick, thus avoiding the scrollbar of the browser to extend more than needed*/
	}	
#left-side {
    float: left;
    width: 650px;
    border-right: 1px dotted #ccc;
    padding-bottom: 30000px; /*This extends the height of the column so the main content does not wrap around it*/
	margin-bottom: -30010px; /*This 'reclaims' the extra height created by the padding*/
	}
#left-side p { 
	margin: 5px 24px 10px 58px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
    } 
#left-side .facebook { 
	margin: 25px 24px 10px 58px;
	padding-bottom: 30px;
	border: 0;
    }


/* content breaking news */
#content-breaking-news {
    width: 330px;
    height: auto;
	float: right;
	padding: 0 0;
	overflow: hidden;
    }
#content-breaking-news dl {
	padding: 0 0 30px 0;
	margin-top: 12px;
	border-bottom: 1px dotted #ccc;
	}    
#content-breaking-news dd {
	float: left;
	margin-right: 17px;
	}  
.hd-breaking-news p {
	}
#content-breaking-news  .sub_feature04 {
	padding: 0 0 30px 0;
	margin-top: 12px;
	border-bottom: 1px dotted #fff;
	}


/* content season concerts */
#content-season-concerts {
    width: 330px;
    height: auto;
	float: right;
	overflow: hidden;
	background-color: #DE9800;
    }
#content-season-concerts p {
	margin: 0 22px;
	color: #333;
	}    
#content-season-concerts hr {
	border-bottom: 1px dotted #333;
	border-top: 1px dotted #DE9800;
	border-right: 1px dotted #DE9800;
	}
#content-season-concerts .date {
	font-size: 13px;
	color: #333;
	margin-bottom: 10px;
	} 
#content-season-concerts .title {
	font-size: 15px;
	color: #000;
	margin-bottom: 5px;
	} 
#content-season-concerts .description {
	margin-bottom: 15px;
	margin-top: 7px;
	} 
#content-season-concerts a {
	color: #333;
	text-decoration: none;
	} 
#content-season-concerts a:hover {
	color: #fff;
	text-decoration: none;
	}
	
/* content concerts */
#left-side-concerts {
    float: left;
    width: 150px;
    border-right: 1px dotted #ccc;
    padding-bottom: 30000px; /*This extends the height of the column so the main content does not wrap around it*/
	margin-bottom: -30010px; /*This 'reclaims' the extra height created by the padding*/
	margin-right: 10px;
	}
#right-side-concerts {
    float: right;
    width: 355px;
    padding-bottom: 30000px; /*This extends the height of the column so the main content does not wrap around it*/
	margin-bottom: -30010px; /*This 'reclaims' the extra height created by the padding*/
	}
#content-concerts {
    width: 470px;
    height: auto;
	float: left;
	overflow: hidden;
    }



/* content tickets, news archive */
#content-wide {
    width: 835px;
    height: auto;
	float: left;
	overflow: hidden;
    }
#content-wide p {
    margin-bottom: 15px;
    }
#content-wide dl {
	padding: 15px 0 30px 0;
	margin-top: 12px;
	border-top: 1px dotted #ccc;
	}    
#content-wide dd {
	float: left;
	margin-right: 17px;
	}	
#content-wide dt {
	width: 800px;
	}		

#content-wide-news {
    width: 835px;
    height: auto;
	float: left;
	overflow: hidden;
    }
#content-wide-news p {
    width: 560px;
    }


/* content news-pullan */
#left-side-narrow {
    float: left;
    width: 450px;
    border-right: 1px dotted #ccc;
    padding-bottom: 30000px; /*This extends the height of the column so the main content does not wrap around it*/
	margin-bottom: -30010px; /*This 'reclaims' the extra height created by the padding*/
	margin-right: 15px;
	}
#left-side-narrow p {
    margin-left: 60px;
    margin-right: 20px;
    }
#left-side-narrow hr {
    margin-left: 50px;
    margin-right: 15px;
    border-top: 1px dotted #ccc;
    }
#content-narrow {
    width: 516px;
    height: auto;
	float: left;
	overflow: hidden;
    }
#content-narrow p {
    margin-right: 20px;
    }    
#content-narrow hr {
    border-top: 1px dotted #ccc;
    }   
    

/* footer */
#footer { 
	color: #aaaaaa; 
	font-size: 10px; 
	margin-left: 37px; 
	margin-top: 50px;
	}
a.footer { 
	color: #aaaaaa; 
	font-size: 10px; 
	text-decoration: none; 
	}
a.footer:hover { 
	color: #E31E27;  
	text-decoration: none; 
	}  
#footer .indent { 
	padding: 0 15px;
	}
	

#credits { 
	color: #aaaaaa; 
	font-size: 10px; 
	margin-left: 37px; 
	margin-top: 50px; 
	}
a.credits { 
	color: #aaaaaa; 
	font-size: 10px; 
	text-decoration: none; 
	}
a.credits:hover { 
	color: #aaaaaa;  
	text-decoration: underline; 
	} 
#credits .indent { 
	padding: 0 15px;
	}
	
	

/* forms */
#left-side-form {
    float: left;
    width: 600px;
    padding-bottom: 30000px; /*This extends the height of the column so the main content does not wrap around it*/
	margin-bottom: -30010px; /*This 'reclaims' the extra height created by the padding*/
	}
#content-form {
    width: 380px;
    height: auto;
	float: right;
	padding: 0 0;
	overflow: hidden;
    }
.table-win {
    background: url(_img/news_win_form.jpg) no-repeat;
	width: 522px;
	height: 602px;
	margin: 0 0 0 60px;
	}
.table-form {
	width: 522px;
	margin: 190px 0 20px 60px;
	}
.table-form td {
	height: 30px;
	}

input, textarea { 
	border: 1px solid #ffffff; 
	background: #ffffff; 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	}  
.form-label { 
	font-size: 10px; 
	color: #ffffff; 
	}
.form-button { 
	border: 0; 
	}








	


