/* shb.css - Used in the new band web site */

/*
********************************************************************************
********************************************************************************
                              Modification History

Date			Name					Comment
2008-11-12	Jim Boyle			Created

********************************************************************************
********************************************************************************
*/

/*
********************************************************************************
********************************************************************************
********************                                        ********************
********************                 NOTES                  ********************
********************                                        ********************
********************************************************************************
********************************************************************************
*/

/*
	- Building the site based on 1024 x 768 resolution
	- Using a min page width of 880 to cover left and right browser edge
		browser infrustructure
*/

/* 
	Colors:
	#000 - black
	#800000 - maroon
	#f00 - red used in the logo
	#f0d64e - gold used in the logo
	#fff - white
*/

/*
********************************************************************************
********************************************************************************
********************                                        ********************
********************             Site Defaults              ********************
********************                                        ********************
********************************************************************************
********************************************************************************
*/
* {
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 12px;
	font-family: arial;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fdd017;
}

body {
	color: #fff; /* white */
	background-color: #777;
}

img {
	border: 0;
}

/*
********************************************************************************
********************************************************************************
********************                                        ********************
********************           Class Definitions            ********************
********************                                        ********************
********************************************************************************
********************************************************************************
*/

/* don't apply to the last element in the table */
.headermenutd {
	border-right: 1px solid white;
}

.leftbarhdr {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 12pt;
	color: #fdd017;
}
.leftbarmenu {
	padding-top: 5px;
	padding-left: 10px;
}

.faqpar {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.faqQ {
	padding-top: 10px;
	font-weight: bold;
	font-size: 12pt;
}

.faqlistend {
	padding-bottom: 5px;
}

.faqlist {
	padding-left: 20px;
}

.infohdg {
	padding-top: 10px;
	padding-left: 10px;
}

.infopar {
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;	
}



/* This is the format of items on the home page */
.welcome {
	padding: 5px;
}

div.welcome {
	width: 48%;	
}

h2.welcome {
	font-size: 13pt;
	color: #fdd017;
}

img.welcome {
}

p.welcome {
	text-align: justify;
	font-family: Times New Roman;
	padding-bottom: 20px;
}

.welleft {
	float: left;
}

.welright {
	float: right;
}

.welleftpar {
}

.welrightpar {
}

/* "About The Band" formatting */
div.aboutband {
	width: 90%;
	padding-top: 5px;
	padding-bottom: 20px;
}

img.aboutband {
	padding-left: 5px;
	padding-right: 5px;
}

h2.aboutband {
	font-size: 13pt;
	color: #fdd017;
	padding-bottom: 5px;
}

p.aboutband {
	text-align: justify;
	font-family: Times New Roman;
	padding-left: 5px;
	padding-bottom: 10px;
}

.aboutleft {
	float: left;
}

.aboutright {
	float: right;
}

.abouthdglft {
	padding-left: 5px;
}

.abouthdgrt {
	text-align: right;
	padding-right: 5px;
}
/*
********************************************************************************
********************************************************************************    
********************                                        ********************
********************             ID Definitions             ********************
********************                                        ********************
********************************************************************************
********************************************************************************
*/

/* pagewrapper */
#pagewrapper {
	width: 880px;  /* should still work with 800X600 views */
	margin-right: auto;
	margin-left: auto;
	background-color: #000; /* black */
}
/* header */
#header {
	float: left;
	width: 100%;
	height: 120px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid white;
	background-color: #000; /* black */
}
#logo {
	float: left;
	padding-left: 10px;
}
#logo_pic {
	float: right;
	height: 120px;
	padding-right: 10px;
}

/* headermenu */
#headermenu {
	float: left;
	height: 20px;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid white;
	background-color: #000; /* black */
	font-weight: bold;
}

#headermenu table {
	width: 100%;
}

#headermenu td {
	text-align: center;
	vertical-align: middle;
}

/* middle with menus and content */
#middle {
	float: left;
	width: 100%;
	height: auto;
	background-color: #000; /* black */
}
#leftbar {
	float: left;
	width: 120px;
	height: 100%;
}
#leftbar a {
	font-size: 11px;
}
#datawrapper {
	float: right;
	width: 759px;
	border-left: 1px solid white;
	height: 100%;
	background-color: #800000;
}
#data {
	width: auto;
	height: 100%;
	background-color: #800000;
}


#eventtab a {
	color: #fdd017;
	font-size: 12pt;
	text-decoration: none;
}

#eventtab a:hover {
	color: #000;
}


/* photo album */

#secTitle {
	width: 100%;
	height: 20px;
	padding: 10px 0 10px 0;
	border: 0;
	margin: 0 0 0 0;
	color: white;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
}

#thumb {
	float: left;
	width:  120px;
	height: 456px;
	padding: 0px 0 0 0px;
	border: 0px;
	margin: 8px 0 0 10px;
}

#picframe {
	float: right;
	width: 623px;
	height: 500px;
	padding: 0 0 0 0;
	border: 0;
	margin: 0 0 0 0;
}

/* footer */
#footer {
	float: left;
	width: 100%;
	height: 160px;
	border-top: 1px solid white;
	padding-top: 5px;
	background-color: #000; /* black */
	text-align: center;
}
#footer p {
	font-size: 11px;
	text-align: center;
}
#footer a {
	font-size: 11px;
	color: #fdd017;
}
#footer a:hover {
	color: #800000;
}