* {
    margin: 0;
    padding: 0;
}
html>body {
    margin: 0;
    padding: 0;
}
body {
    font : 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin : 0px;
    min-width : 850px;
    text-align: center;
    /* IE fix to center the page */
    background-color : #6f97e9;
}
h1 {
    font : bold 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : White;
    margin-bottom : 2px;
}
h2 {
	font : bold 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #336699;
	margin-bottom : 4px;
}
h3 {
	font : bold 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #336699;
	margin-bottom : 2px;
}
.right {
	float : right;
	padding : 4px 8px 4px 10px;
}
.left {
	float : left;
	padding : 4px 20px 4px 8px;
}
a {
	color : #12409e;
	text-decoration : underline;
}
 a:hover {
	color: #FF3366;
	text-decoration : none;
}
ol {
	list-style-position : inside;
	text-align : left;
	padding-bottom : 16px;
}
li {
	font : 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	color : #12409e;
	padding : 6px 6px 6px 20px;
}

.clear {
	clear : both;
}

/* Header CSS Attributes */

#header {
    display: block;
    width: 850px;
    height: 140px;
    text-align: center;
    /* IE fix to center the page */
    margin: 0px auto;
    /* center the page in Firefox */
    background-image : url(images/photohdr.jpg);
}
#introheader {
    display: block;
    width: 850px;
    height: 140px;
    text-align: center;
    /* IE fix to center the page */
    margin: 0px auto;
    /* center the page in Firefox */
    background-image : url(images/photohdr.jpg);
}
#xheader {
  display: block;
  width: 850px;
  text-align: center;
   /* IE fix to center the page */
   margin: 0px auto;
	/* center the page in Firefox */
}

#xlogo {
	width: 210px;
	height: 180px;
	float : left;
}

#xhdr-box {
	display: inline;
	float : right;
	width: 640px;
	height: 180px;
	color: white;
	text-align: right;
	clear : none;
	padding-top : 0px;
}

#title h1 {
    font : bold 14px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : White;
    padding-top : 54px;
    text-align : right;
    padding-right : 12px;
}

/* Horizonal Navigation attributes */

#nav {
    display: inline;
    
    /* IE fix to center the page */
    margin: 0px auto;
    /* center the page in Firefox */
    padding: 0;
    float : right;
}
#nav ul {
    text-align : left;
    padding-top : 32px;
    padding-right : 12px;
}
#nav li {
    display: inline;
    list-style: none;
    padding: 0px 0px 0px 24px;
    font : bold 10px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#nav li a {
    text-decoration: none;
    color : White;
}
#nav li a:hover {
    color: #FFFF33;
    border-bottom : 2px dotted #FFFF33;
}
#xnav {
	display: inline;
	text-align: center;
   /* IE fix to center the page */
   margin: 0px auto;
	/* center the page in Firefox */
	padding: 0;
	width: 850px;
	height: 22px;
	background-color : #6f97e9;
	float : left;
}
#xnav ul {
	text-align : center;
}
#xnav li {
	display: inline;
	list-style: none;
	padding: 0px 12px 0px 12px;
	font : bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height : 20px;
}
#xnav  li a {
	text-decoration: none;
	color : White;
}
#xnav  li a:hover {
	color: #FFFF33;
	border-bottom : 2px dotted #FFFF33;
}
#top {
    display: block;
    clear: both;
    width: 850px;
    height: 18px;
    background-image : url(images/y-top.jpg);
}
photonav {
    width : 620px;
    padding-left : 24px;
    font : bold 10px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
    float : left;
}
#photonav td a {
    color : #2E5E8D;
    text-decoration : none;
    padding-top : 6px;
}
#photonav td a:hover {
    color: White;
    text-decoration : none;
}

/* Center Content CSS Attributes */

#content{
    display: block;
    width: 850px;
    background-image : url(images/y-mid.jpg);
    background-repeat : repeat-y;
    text-align: center;
    /* IE fix to center the page */
    margin: 0px auto;
    /* center the page in Firefox */
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#columnleft {
    float: left;
    width: 580px;
    padding-left : 40px;
    padding-bottom : 12px;
    display: inline;
}
.twobox {
	width: 540px;
    float: left;
	padding : 6px 0px 6px 0px;
	clear : both;
}
.boxleft {
	width: 260px;
	float: left;
	padding : 6px 0px 6px 0px;
	display: inline;
}
.boxright {
	width: 260px;
	float: right;
	padding : 6px 0px 6px 0px;
	display: inline;
}
.boxborder {
	border : 1px dotted #FF4500;
	background-color : #FFDAB9;
}
.photobox {
	width: 180px;
	float: left;
	padding : 6px 0px 6px 0px;
	font : bold 11px/18px Arial, Helvetica, sans-serif;
	text-align : center;
	color : #12409e;
}
.photobox2 {
	width: 270px;
	float: left;
	padding : 6px 0px 6px 0px;
	font : bold 11px/18px Arial, Helvetica, sans-serif;
	text-align : center;
	color : #12409e;
}
.boxleft h2, .boxright h2, .twobox h2, .boxleft h3, .boxright h3, .twobox h3  {
	padding : 6px 0px 0px 0px;
	font : bold 13px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #12409e;
	text-align : center;
	margin-bottom : 0px;
}
.boxleft p, .boxright p, .twobox p  {
	padding : 4px;
	font : 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #12409e;
	text-align : left;
}

blockquote {
	padding : 12px 20px 12px 20px;
	margin : 18px 20px 12px 20px;
	color : #333333;
	border : thin solid #333333;
	text-align : left;
}


/* Intro Page Content CSS Attributes */

#centermain {
	float: left;
	width: 820px;
	padding-left : 20px;
	padding-bottom : 4px;
	display: inline;
}
.centerleft {
	width: 260px;
	padding:0px;
	float: left;
	background: #FFD5CE;
	margin : 6px 0px 6px 0px;
	display: inline;
}
.centerright {
	width: 260px;
	padding:0px;
	float: right;
	background:#eee;
	margin : 6px 0px 6px 0px;
	display: inline;
}
.centerleft h2, .centerright h2  {
	padding : 10px 0px 2px 12px;
	font : bold 13px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #4A4CFF;
	text-align : center;
}
.centerleft p, .centerright p  {
	padding : 10px;
	font : 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #354f7b;
	text-align : center;
}
.introcountdown {
	width: 820px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
.introcountdown h2 {
	font : bold 14px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #336699;
	margin-bottom : 8px;
}
.contentbox {
	width: 540px;
	padding: 0px 0px 4px 0px;
	float: left;
	display: inline;
}

.introbox {
	width: 536px;
	float: left;
	border : 1px solid #12409e;
	margin : 0px 0px 10px 0px;
	clear : both;
}
.introphotos {
	float: left;
	padding : 6px 0px 6px 6px;
}

.introinfo {
    width : 372px;
	float: right;
	padding : 6px;
}
.introinfo h2  {
	padding : 4px;
	font : bold 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : White;
	text-align : center;
	margin-bottom : 0px;
	background : #6f97e9;
}
.introinfo h2 a  {
	color : White;
	text-decoration : none;
	padding-top : 1px;
}
.introinfo h2 a:hover {
	color: #12409e;
	text-decoration : none;
}
.introinfo p  {
	padding : 4px 4px 0px 4px;
	font : 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #12409e;
	text-align : left;
}
#introsidebar {
	float: right;
	width: 250px;
	margin-right : 12px;
	display: inline;
	text-align : center;
}
.sidebarbox {
	width: 238px;
	float: right;
	border : 1px dotted #12409e;
	padding : 6px;
	clear : both;
	margin-bottom : 6px;
}
#introsidebar h2 {
	font : bold 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #FF3333;
	text-align : center;
	margin : 0px auto;
}
#introsidebar p {
	font : 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #12409e;
	text-align : left;
	padding : 5px 8px 4px 8px;
}


/* Sidebar CSS Attributes */

#sidebar {
	float: right;
	width: 210px;
	margin-right : 12px;
	display: inline;
	text-align : center;
	border-left : thin dotted #12409e;
}
#sidebar p {
	font : 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #12409e;
	text-align : center;
	margin : 0px auto;
	width: 150px;
	padding : 0px 10px 10px 6px;
}
#sidebar h2 {
	font : bold 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #12409e;
	text-align : center;
	margin : 0px auto 1px auto;
	width: 150px;
}
.gallery {
	font : 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	color : #12409e;
}
.sidenav {
	font : bold 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : center;
}
.sidenav a {
    color : #12409e;
    text-decoration : none;
    padding-top : 6px;
}
.sidenav a:hover {
	color: #FF3366;
	text-decoration : none;
}
.photos {
	font : bold 10px/18px Arial, Helvetica, sans-serif;
	text-align : center;
	color : #12409e;
}
.photos a:active, .photos a:visited  {
    color : #12409e;
    text-decoration : none;
    padding-top : 1px;
}
.photos a:hover {
	color: #FF3366;
	text-decoration : none;
}

/* Contact Form Attributes */

#left-contact {
	float : left;
	padding: 6px 0px 12px 36px;
	width: 400px;
}

#contact {
	margin-bottom: 1em;
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	width : 380px;
}
	
#contact p  {
	display: block;
    padding-top : 12px;
}

#contact label, #contact input, #contact textarea {
    font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}

#comment {
	width: 95%;
}

#sidebar-contact {
	float: right;
	width: 400px;
}

#sidebar-contact h4 {
	margin: 18px 16px;
	font : bold 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#sidebar-contact p {
	margin: 18px 16px;
	font : 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	width : 370px;
}

#error {
	margin : 0px;
	padding : 0px;
}

#error p {
	font : bold 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #FF6347;
}

/* Footer CSS Attributes */

#bottombanners {
	margin: 10px auto;
	width : 820px;
}

#footer {
    clear: both;
    display: block;
    width: 850px;
    text-align: center;
    /* IE fix to center the page */
    margin: 0px auto;
    /* center the page in Firefox */
}
#bottom {
    display: block;
    width: 850px;
    height: 40px;
    background-image : url(images/y-foot.jpg);
}
#bottom p {
    padding : 12px ;
    font : 10px Arial, Helvetica, sans-serif;
    color : #336699;
    text-align : center;
}
#credits {
    clear: both;
    display: block;
    width: 850px;
}
#credits p {
    display: block;
    font : 9px Arial, Helvetica, sans-serif;
    color : White;
    text-align : center;
    margin : 0px;
    padding-top : 4px;
    padding-bottom : 8px;
}
#credits a {
    color : White;
    text-decoration : underline;
}
#credits a:hover {
    color: #FFFF33;
    text-decoration : none;
}

/* Band Schedule CSS */

#table-data {
	width: 540px;
	padding: 0px 0px 10px 0px;
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left;
}
#schedtitles {
	width: 540px;
	height : 22px;
	font : bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	background-color: #6e97e9;
	padding: 6px 0px 0px 0px;
	float: left;
}
.schedrow {
	width: 540px;
	padding: 5px 0px 5px 0px;
	float: left;
	border-bottom : 1px dotted #6e97e9;
}
.sdate{
    float : left;
	width : 50px;
	color: #333000;
	text-align: center;
}
.sday{
    float : left;
	width : 45px;
	color: #333000;
	text-align: center;
}
.stime{
    float : left;
	width : 45px;
	color: #333000;
	text-align: center;
}
.sband{
    float : left;
	width : 370px;
	color: #333000;
	text-align: left;
	padding-left : 18px;
}
.heada{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	background-color: #6e97e9;
	color: #ffffff;
	text-align: center;
	vertical-align : middle;
}
.headb{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	background-color: #6e97e9;
	color: #ffffff;
	text-align: left;
	vertical-align: middle;
	padding-left: 8px;
}
.scheda{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333000;
	text-align: center;
	vertical-align : middle;
}
.schedb{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333000;
	text-align: left;
	vertical-align: middle;
    padding-left: 8px;
}
.red{
	color : Red;
	font-weight : bold;
}
.odd{
	background-color : #CDDFFA;
}
.even{
	background-color : #DFFFFF;
}
.center{
	text-align: center;
}
.clearspace{
	clear : both;
	height : 10px;
}