body {
	margin:0px 0px; 
	padding:0px;
	text-align:center;
	}
	
	#frame {
	width:902px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	color: black;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	}
		
	#header {
	color:white;
	height:150px;
	width: 900px;
	background-image: url(images/mybeepsheader.gif); 
	background-repeat: no-repeat;
	}
	
	.headerlink 	{
	display:block;
	width:100%;
	height:100%;
	}
	
	.title {
	float:left;
	text-indent: -9999px;
	}
	
	.indicate
	{
	padding-top:10px;
	padding-bottom:25px;
	margin:0px;
	font-size:14pt;
	}

	#left{
	float:left;
	width:445px;
	padding:0px;
	}

	#right {
	float:right;
	width:385px;
	padding:0px;
	}
		
	#footer {
	margin-top:20px;
	padding:5px;
	color:white;
		background-image: url(images/background-footer.gif); 
	background-repeat: no-repeat;
	height:100px;
	overflow:none;
	float:left;
	width: 900px;
	}
		
	p {
	font-size:10pt;
	padding-left:10px;
	padding-right:10px;
	margin:6px;
	}
	
	h3 {
	padding-left:10px;
	padding-right:10px;
	margin:4px;
	}	
	
	h2 {
	font-size:12pt;
	margin:0px;
	padding:0px;
	}
	
	h1 {
	font-size:28pt;
	margin:0px;
	padding:0px;
	}
	
	A:link {text-decoration: none}
	A:visited {text-decoration: none}
	A:active {text-decoration: none}
	A:hover {text-decoration: underline; color: red;}
	
	
	#logo {
	
	float:left;
	text-align:right;
	width:470px;
	height:150px;
	}
	
	.nobeep h1 {
	padding-left:30px;
	text-align:center;
	padding-top:28px;
	font-size:28pt;
	font-weight:normal;
	color:white;
	}

	.nobeep h2 {
	padding-top:5px;
	padding-left:30px;
	text-align:center;
	font-size:18pt;
	font-weight:normal;
	color:#aeaeae;
	}	
	
	.beeplogo h1 {
	padding-top:28px;
	padding-right:40px;
	font-size:28pt;
	font-weight:normal;
	color:white;
	}

	.beeplogo h2 {
	padding-top:5px;
	padding-right:48px;
	font-size:18pt;
	font-weight:normal;
	color:#aeaeae;
	
	}	
	
	.beeplogo {
	background-image: url(images/headerbeep-emo.gif); 
	background-repeat: no-repeat;
	}

	.headerbeep-hiphop {
	background-image: url(images/headerbeep-hiphop.gif); 
	background-repeat: no-repeat;
	}
	
	.help {
	background-image: url(images/beep76.gif); 
	background-repeat: no-repeat;
	}	
	
	A:link, A:visited, A:hover {
	color:red;
	text-decoration: none;
	}
	
	p.big {
	text-align:center;
	font-size:16pt;
	padding-bottom:5px;
	}

	p.med {
	text-align:center;
	font-size:14pt;
	padding-bottom:5px;
	}
	
	p.small {
	text-align:center;
	font-size:12pt;
	padding:0px;
	margin:0px;
	}
	
	#navicons{
	padding-right:30px;
	text-align:center;
	float:right;
	width:390px;
	height:150px;
	}
	
	#navicons img{
	padding-left:10px;
	border:0px;
	}
	
	img{
	padding:0px;
	margin:0px;
	border:0px;
	}

/*front page bad logos*/

	
/*talking beep*/

	#beeptalk{
	background-color:#FFFF99;
	}
	
	.block {
	display: block;
	}
	
	.smallguy{
	margin-top:-1px;
	padding-left:40px;
	padding-right:40px;
	}
	
	.talkside {
	background-color:#FFFF99;
	width:400px;
	}
	
	.talktop {
	height: 8px;
	background-image: url(images/bordertopyellow.gif); 
	background-repeat: no-repeat;
	}
	
	.talkbottom {
	background-color:white;
	height:20px;
	background-image: url(images/borderbottomyellow.gif); 
	background-repeat: no-repeat;
	}
	

/*band pages*/	
	#wide {
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	width:843px;
	color:#2b2b2b;
	}
	
	.bandphoto {
	margin-right:auto;
	margin-left:auto;
	border:solid 1px black;
	display:block;
	}
	
	.medleft{
	font-size:14pt;
	text-align:justify;
	padding-bottom:4px;
	margin-left:10px;
	margin-right:10px;
	}
	
	#bordertop {
	height: 8px;
	background-image: url(images/borderwidetop.gif); 
	background-repeat: no-repeat;
	}
	
	#borderbottom {
	background-color:white;
	width:100%;
	height:20px;
	background-image: url(images/borderwidebottom.gif); 
	background-repeat: no-repeat;
	}
	
	#floatleft{
	float:left;
	}

	#floatright {
	float:right;
	}	
	
	.bordernarrowside {
	background-image: url(images/bordernarrowside.gif); 
	width:415px;
	}
	
	.bordernarrowtop {
	height: 10px;
	background-image: url(images/bordernarrowtop.gif); 
	background-repeat: no-repeat;
	}
	
	.bordernarrowbottom {
	margin-top:10px;
	background-color:white;
	width:100%;
	height:20px;
	background-image: url(images/bordernarrowbottom.gif); 
	background-repeat: no-repeat;
	}
	
/*small border*/
	
	.bordergray300side {
	background-image: url(images/bordergray300side.gif); 
	width:300px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	}
	
	.bordergray300top {
	height: 8px;
	background-image: url(images/bordergray300top.gif); 
	background-repeat: no-repeat;
	}
	
	.bordergray300bottom {
	width:100%;
	height:10px;
	background-image: url(images/bordergray300bottom.gif); 
	background-repeat: no-repeat;
	background-color:white;
	}
	
/*blackbox*/
	
	.borderblack415side {
	background-image: url(images/borderblack415side.gif); 
	width:415px;
	text-align:center;
	}
	
	.borderblack415top {
	height: 5px;
	background-image: url(images/borderblack415top.gif); 
	background-repeat: no-repeat;
	}
	
	.borderblack415bottom {
	width:100%;
	height:20px;
	background-image: url(images/borderblack415bottom.gif); 
	background-repeat: no-repeat;
	background-color:white;
	}	
	
	
/*help style*/	

	#helpguy{
	padding-left:70px;
	float:left;
	padding-top:20px;
	}

	#help{
	padding-top:25px;
	}
	
/*good css*/		
	
	#divlogin{
	width:300px;
	margin:auto;
	margin-top:0px;
	padding:0px;

	}
	
	#divregister{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding:0px;
	}
	
	.center{
	text-align:center;
	}
	
	
	.medium{
	font-size:150%
	}
	
	#beeplogin{
	background-image: url(images/beeplogin.gif); 
	background-repeat: no-repeat;
	height:115px;
	padding-left:115px;
	padding-right:20px;
	padding-top:25px;
	}
	
	.bandlogo{
	padding-bottom:10px;
	}
	
	.status{
	padding-bottom:10px;
	}

	
	
	/* set the image to use and establish the lower-right position */ 
	.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
	 background: transparent url(/images/demobox2.png) no-repeat bottom right; 
	} 
	
	.cssbox { 
	font-size:140%;
	width: 335px !important; /* intended total box width - padding-right(next) */ 
	width: 320px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin-left: auto; /* use to position the box */ 
	margin-right: auto;
	} 
	
	
	/* set the top-right image */ 
	.cssbox_head { 
	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ 
	} 
	
	/* set the top-left image */ 
	.cssbox_head h2 { 
	text-align:center;
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 10px 0 0px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */ 
	} 
	
	/* set the lower-left corner image */ 
	.cssbox_body { 
	text-align:center;
	background-position: bottom left; 
	margin-right: 25px; /* interior-padding right */ 
	padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
	} 
	
	
	
	
	.choice{
	border:solid 1px black;
	margin-left:auto;
	margin-right:auto;
	}
	
	#left .choice {
	float:right;
	}