/***********************************************/
/* Cudaband Online Style Sheet:                */
/***********************************************/

/***********************************************/
/* Body:                                       */
/* this area sets the overall template for     */
/* the site.                                   */ 
/***********************************************/
body{
	background-image: url(images/water_bg.jpg);
	font-family:"Times New Roman", Times, serif;
}

#watertop{
	background-image: url(images/clouds_bg.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	height:261px;
	width:1479px;
}

#logo{
	background-image:url(images/cuda_logo_195x220.png);
	height:153px;
	width:150px;
	position:absolute;
	left:10px;
}

#schoolname{
	background-image:url(images/Schoolname.png);
	height:84px;
	width:795px;
	position:absolute;
	left:150px;
	top:20px;
}

#fish_left{
	background-image:url(images/Baracuda_R.png);
	height:190px;
	width:186px;
	position:absolute;
	left:950px;
	top:80px;
}

#fish_right{
	background-image:url(images/Baracuda_L.png);
	height:190px;
	width:186px;
	position:absolute;
	left:1050px;
	top:180px;
}
/***********************************************/
/* Menu:                                       */
/* this area sets the effects for the menu     */
/*                                             */ 
/***********************************************/
#Menu{
	position:absolute;
	top:120px;
	left:150px;
	height:25px;
	width:780px;
	z-index:1;
	
	font-size: 12px;
	
	background-color: white;
	background-image:url(images/header_bg.png);
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

#Menu tr{
	height:25px;
}

#Menu td{
	background-color: #999;
	padding: 2px 2px 2px 2px;
	margin: 0px 2px 0px 2px;
	text-align:center;
	
	border-style: solid;
	border-width: 1px;
	border-color: black;
}


#Menu td a{
	text-decoration: none;
	font-weight:bold;
	color: #000;
}

#Menu td.active a{
	color: #FFF;
	font-weight: bolder;
}

#Menu td a:hover, #active a:hover{
	color: #FF0;
}

/***********************************************/
/* Main Picture Area:                          */
/* this area is the photo theme of the page.   */
/*                                             */ 
/***********************************************/
#mainpic{
	position:absolute;
	top:155px;
	left:150px;
	width:780px;
	height:300px;
	
	border-style:solid;
	border-width:15px 20px 15px 20px;
	border-color:#000;
	
	padding:-1px;
	margin:-1px;
	background-image:url(images/header_bg.png);
	background-repeat:repeat;
}

#mainpic thead th{
	height:5px;
}

#mainpic tfoot td{
	height:5px;
}

#comment{
	width:700px;
	height:34px;
	background-image:url(images/Comment.png);
	position: absolute;
	z-index:100000;
	top:252px;
	left:20px;
	
}

/***********************************************/
/* Text Area:                                  */
/* this area with information.                 */
/*                                             */ 
/***********************************************/

#textarea{
	position:absolute;
	top:456px;
	left:150px;
	width:780px;
	height:300px;
	
	border-style:solid;
	border-width:2px 5px 2px 5px;
	border-color:#000;
	
	background-image:url(images/header_bg.png);
	background-repeat:repeat;
}

#textarea thead th{
	height:-1px;
}

#textarea tfoot td{
	height:-1px;
}

#textarea #leftcolumn{
	background-image: url(images/leftcolumn_bg.png);
	width:50%;
	vertical-align:text-top;
}

#textarea #rightcolumn{
	background-image: url(images/rightcolumn_bg.png);
	width:50%;
	vertical-align:text-top;
	overflow-y:auto;
}

p.sectiontitle{
	position:absolute;
	width:50%;
	top:0px;
	text-align:center;
}

p.text, dl.text{
	text-align:justify;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	
	padding:0px 10px 0px 10px;
}

dl.text dt{
	font-weight:bold;
	text-decoration:underline;
	padding-bottom:5px;
	color:#FF9;
}

dl.text dd{
	padding:0px 15px 0px 5px;
}

#textarea a{
	color: #0CF;
	text-decoration:none;
	font-weight: bold;
}

#textarea a:hover{
	color: #FF0;
}

#textarea a.active{
	color: #F00;
}

/***********************************************/
/* Home Page:                                  */
/* this is the style for the index page.       */
/*                                             */ 
/***********************************************/

#bandpict{
	background-image:url(images/theBand_1.jpg);
	background-repeat:no-repeat;
	height:231px;
	width:700px;
	left:200px;
	top:230px;
	
	border-style:solid;
	border-width:2px;
	border-color:#000;
}

/***********************************************/
/* Director Page:                              */
/* this is the style for the director info     */
/*                                             */ 
/***********************************************/
#directorpict{
	background-image:url(images/Mounger.jpg);
	background-repeat:no-repeat;
	height:240px;
	width:196px;
	left:200px;
	top:230px;
	
	border-style:solid;
	border-width:1px;
	border-color:#000;
}

/***********************************************/
/* Calendar Page:                              */
/* this is the style for the calendar info     */
/*                                             */ 
/***********************************************/

#calendarpict{
	z-index:1;
	background-image:url(images/calendar_logo.png);
	background-repeat:no-repeat;
	height:219px;
	width:254px;
	border-style:none;
	left:200px;
	top:230px;
}

/***********************************************/
/* Fund raising Page:                          */
/* this is the style for the Fund raisng       */
/*                                             */ 
/***********************************************/

#fundpict{
	z-index:1;
	background-image:url(images/fund_logo.png);
	background-repeat:no-repeat;
	height:194px;
	width:178px;
	border-style:none;
	left:200px;
	top:230px;
}

/***********************************************/
/* Music Page:                                 */
/* this is the style for the Music page.       */
/*                                             */ 
/***********************************************/

#musicpict{
	background-image:url(images/music_logo.png);
	background-repeat:no-repeat;
	height:189px;
	width:300px;
	border-style:none;
	left:200px;
	top:230px;
}

/***********************************************/
/* Photo Page:                                 */
/* this is the style for the Photo page.       */
/*                                             */ 
/***********************************************/

#photopict{
	background-image:url(images/photo_logo.png);
	background-repeat:no-repeat;
	height:207px;
	width:195px;
	border-style:none;
	left:200px;
	top:230px;
}

/***********************************************/
/* Forms Page:                                 */
/* this is the style for the Forms page.       */
/*                                             */ 
/***********************************************/

#formpict{
	z-index:1;
	background-image:url(images/formss_logo.png);
	background-repeat:no-repeat;
	height:205px;
	width:215px;
	border-style:none;
	left:200px;
	top:50px;
}

/***********************************************/
/* Concessions Page:                           */
/* this is the style for the Concessions page. */
/*                                             */ 
/***********************************************/

#concessionpict{
	background-image:url(images/concession_logo.png);
	background-repeat:no-repeat;
	height:180px;
	width:267px;
	left:180px;
	top:230px;
	border-style:none;
}


/***********************************************/
/* Sponsor Page:                               */
/* this is the style for the Sponsor page.     */
/*                                             */ 
/***********************************************/

#sponsorpict{
	z-index:1;
	background-image:url(images/sponsor_logo.png);
	background-repeat:no-repeat;
	height:161px;
	width:250px;
	left:200px;
	top:230px;
	border-style:none;
}


/***********************************************/
/* Contact Page:                               */
/* this is the style for the Contact page.     */
/*                                             */ 
/***********************************************/

#contactpict{
	background-image:url(images/contact_logo.png);
	background-repeat:no-repeat;
	height:220px;
	width:181px;
	z-index:1;
	left:181px;
	top:200px;
	border-style:none;
}

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