@charset "utf-8";
/* CSS Document */
html {
	min-width:800px;
	height: 100%;
	margin-bottom: 0.01em;		
}

body {
    margin: 0;
    padding: 0;
    /*text-align: center;*/
	height: 100%;
	
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

#wrapper {
    width: 800px;
    margin: 0 auto 0 auto;
    padding: 0;
}

#header {
    width: 800px;
	height: 262px;
	/*border: 1px solid #fff; /*DELETE*/
    position: relative;
}

#navbar {
	width: 800px;
	height: 40px;
	/*border: 1px solid #fff; /*DELETE*/
}

#container {
    width: 800px;
    margin: 25px auto 10px auto;
    
}

/*************ADMIN PAGES************/
#admincontent {
	padding:15px;
}

#admincontent p.adminmenu {
	float:right;
	
}

#admincontent h2 {
	margin-bottom:10px;
}



/**************************MAIN NAVIGATION*****/
/* Menu */

#menu {display:block; height:46px;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left;display:block;}

#menu a {display:block; /*padding-top:38px;*/ height:46px; color:#000; text-decoration:none; overflow:hidden;}
/** html #menu a:link, * html #menu a:visited {height:40px; he\ight:0;}*/

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}
#menu a#item6:hover {background-position:top right; z-index:50;}
#menu a#item7:hover {background-position:top right; z-index:50;}

/** html #menu a:hover {height:40px; he\ight:0;}*/

* html a:hover /******makes this hover appear in IE6*****/

{

visibility:visible

}


/******************************ANNOUNCEMENT PIC HOLDER**********/

#announcements {
	width: 800px;
	height: 150px;
}

#announcepicbox{
    width: 443px;
	height: 149px;
	float:left;
}


/*#spryimage {
	position:absolute; Setting This To relative and removing margins make this work in Opera, IE7, FF, but not IE6.
	margin-top: -149px;
	margin-left: -222px;
	z-index:500;
}*/
/***On Click Image still doesn't work in Opera, when fixed in Opera, IE6 zindex breaks.????****/
.sprypic {
	position:absolute;
	margin-top: -149px;
	margin-left: -222px;
	z-index:500;	
}


/********ANNOUNCEMENT TEXT HOLDER*********/

#announcetext {
	width: 330px;
	height: 149px;
	float:right;
}

#announcetexttop {
	width: 330px;
	height: 149px;
}

#announcetextholder {
	width: 310px;
	height: 129px;
	padding: 10px;
}

#announcetableholder {
	width: 308px;
	height: 123px;
	overflow: auto;
	padding-top: 6px;
	padding-left: 3px;
}



/*****EVENTS TABLE*****/



#eventstable { 
	border-collapse:collapse;
	empty-cells:show;
	font-size: 90%;
	width: 304px;
}

#eventstable a {
	text-decoration:none;
}

.title {
	text-align:left;
	padding-left: 5px;
}
.date {
	text-align:right;
	padding-right: 5px;
}
#eventstable tr {
	
	height: auto;
	/*-moz-user-select: none;
	-khtml-user-select: none;*/
}
#eventstable tr.infocus {
	background-color:#fff;
	cursor: pointer;
}

#eventstable tr.notinfocus {  }
#eventstable tr.selected { }
#eventstable tbody { margin-top: 0; }
.even { /*background-color: #2b82c7;*/ }

.rowHover {
	cursor: pointer;
}

.rowSelected {

}

.productinfo {
	/*width: 700px;*/
	/*margin-left: 250px;*/
}

.category {
	/*float:right;*/
	/*margin-top:18px;*/
}



/********FRONTPAGE BOXES*********/
#frontpageboxes {
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#box1 {
	float: left;
	width: 255px;
	padding: 15px 10px 15px 10px;
	margin:0;	
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/***************************FRONTPAGE BOXES*******/
#container2 { 
	width: 800px;  
	margin: 20px auto; 
	text-align: left; 
} 

/****************************THE WORD**/
#sidebar1 {
	float: left; 
	width: 270px;
	
}

#sidebar1header {
	width: 270px;
	height: 42px;
	margin-top: 0;
	margin-bottom: 0;
	
}

#sidebar1content {
	width: 250px;
	min-height: 149px;
	padding: 10px;
}



.fraddholder {
	margin-top: 0px;
	padding-top: 15px;
}


/***************************THE ROCK SPOT***/
#sidebarmid {
	float: left; 
	width: 230px;
	min-height: 280px;
	margin-left: 12px; 
}

#sidebarmidheader {
	width: 230px;
	height: 42px;
	margin-top: 0;
	margin-bottom: 0;
}

#sidebarmidcontent {
	width: 210px;
	padding: 10px;
	
}

/***FOR ALL 3 BOXES****/
#sidebar1content p, #sidebarmidcontent p, #sidebar2content p {
	margin:0;
	padding:0;
}

.rockspotpic {
	float:left;
	margin-right: 4px;
	margin-bottom: 4px;
}

.morerock {
	float:right;
	font-size:90%;
	margin-top: 3px;
	margin-bottom:0;
}

/*****************************NEW PHOTOS***/
#sidebar2 {
	float: right; 
	width: 275px;
	/*min-height: 280px;*/
}

#sidebar2header {
	width: 275px;
	height: 42px;
	margin-top: 0;
	margin-bottom: 0;
}

#sidebar2content {
	width: 255px;
	padding: 10px;	
}

#footer {
	width: 780px;
	height: 60px;
	margin: 0 auto;
	text-align: left;
}

#footer img {
	float:left;
}

#legal {
	font-size: 80%;
	float:left;
	margin: 18px 35px 0 10px;
}

/**************CONTENT PAGE CONTAINERS and FORMATTING******/

div.contentright {
	width: 500px;
	float:right;
	padding-right:10px;
}


/***********KILLER TABLE CSS FOR EVENTS PAGE******/

.eventstitle {
	width: 60%;
	float:left;
	
}

.eventsdate {
	width: 40%;
	float:left;
	margin-bottom:20px;
	text-align:right;
}

#eventspagetable {
	text-align:left;
	padding:10px;
	
}

#eventspagetable td {
	padding:5px;
}

/***********MEDIA PAGE************/


#bandscontainer {
	margin-bottom:15px;
}

#bandscontainer table tr:hover {
}


.bandsheader  {
	margin-bottom:15px;
	margin-left: 30px;
}


.band1pic {
	float:left;
	margin-right: 10px;
}

.band2pic {
	float:right;
	margin-left: 10px;
}

.band1 {
	padding:5px;
}
.band2 {
	text-align:right;
	padding:5px;
}

/*********PARENTS PAGE*********/

#parentsidebar h3 {
	text-transform:uppercase;
	
}

#parentsidebar p,#sidebar1content p {
	margin-bottom: 15px;
}


/*****FORMS****/

#login table {
	width:60%;
}

#signup table { 
 width: 100%;

} 

#signup td,#login td { 
 padding: 3px;
}

.contacttable {
	width:300px;
}

fieldset {
	margin-top: 20px;
	padding:10px;
	
}

fieldset p {
	font-size: 90%;
}

fieldset img.center {
	margin-left: 55px;	
}

.labelcell { 
	 font-size: 100%; 
	 width: 150px;
	 text-align: left;	 
}

.fieldcell { 
	font-size: 100%; 
	 text-align: right;
	 margin-right: 0px; 
	 padding:5px;
	 width: 250px; 
}

.fieldcellsm {
	font-size: 85%;
	text-decoration:none;
}

.fieldcellsm a {
	text-decoration:none;
}

.smalllabelcell { 
 font-size: 100%;
 width: 100px; 
} 
.smallfieldcell { 
 text-align: right; 
}

#checkbox {
	margin-left:25px;
	margin-right: 5px;
}

.fieldcell input { 
 width:96%;
 margin-right: 0px;
 padding:3px;
  font: 100% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
 
} 

.fieldcell textarea {  
 font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
 font-size:100%;
 margin-right: 0px;
  padding:3px;
  width:96%;
}



#textarealg {
	height: 80px;
}

#textarealg2 {
	width: 100%;
	height: 150px;
}

.smallfieldcell input { 
 width: 100px; 
}

.fieldcell select {
}

.button { 
 margin-left: 12px; 
 margin-top: 15px; 
 margin-bottom: 2px; 
}