html,body {
	margin:0 auto;
	padding: 0;
	border: 0;
	vertical-align:top;
	font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;	
	color: #ffffff;
	background: #280807 url(/GRAPHICS/bgflourish.gif) top center no-repeat;
	}

body	{
	behavior: url(/_includes/csshover.htc); 
	scrollbar-arrow-color:#c06;
	scrollbar-base-color:#280807;
	scrollbar-dark-shadow-color:#c06
	scrollbar-track-color:#280807;
	scrollbar-face-color:#280807;
	scrollbar-shadow-color:#c06;
	scrollbar-highlight-color:#c06;
	scrollbar-3d-light-color:#280807;
	}

a:link, a:visited { text-decoration:none; color:#fff; }
a:active, a:hover { text-decoration:none; color:#e6186c; }

/* body */

#wrapper	{
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:770px;
	vertical-align:top;	
	}
	
div.footer {
	text-align:center;
	padding:0;
	margin:0;
	width:100%;
	height:61px;
	clear:all;
	}

div#maincontent {
	vertical-align:top;
	text-align:left; 
	width:100%;
	height:375px;
	padding:0;
	clear:both;
	}

div#maincontent a:link, div#maincontent a:visited { text-decoration: none; color:#72c8de; }
div#maincontent a:active, div#maincontent a:hover { text-decoration: none; color:#e6186c; }

	div#maincontent a.yellow { text-decoration:none; color:#bba430;; }
	div#maincontent a.yellow:hover { text-decoration:none; color:#503822; }

div.classes {
	width:230px;
	float:left;
	padding:0 5px;
	margin:0
	text-align:left;
	vertical-align:top;
	}

div.classes img {text-align:center;}

nowrap {
	white-space:nowrap;
}

/* navigation*/


a:link, a:visited { text-decoration: none; color:#fff; }
a:active, a:hover { text-decoration: none; color:#e6186c; }

div#george {	
	background:#fff; 
	width:100%; height:500px; 
	padding:0 15px 10px 0;
	}

	div#george p {	
		color:#000;
		font: normal 14px/18px Times, Verdana, Arial, Helvetica, sans-serif; }
	
	div#george a:link, div#george a:visited { text-decoration: none; color:#bba430; }
	div#george a:hover { text-decoration: none; color:#503822; }


div#nav {
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:140px;
	}
 
	html>body div#nav  {margin-left:0;} 
	/* what we really want - IE 4/5/6 can't see */
 
  		
div#nav ul {
	margin:20px 0 0 0; padding:0;
	list-style: none;
	white-space:nowrap !important;
	}


div#nav a {
	display: block;
	} 
   
div#nav li {
	position: relative;
	list-style: none;
	margin: 0;
	padding:0 17px 0 0;
	float: left;
	width: auto;
	line-height: normal;
	border:none;
	text-align:left;
	font: bold 11px arial,helvetica,sans-serif;
	color:#fff;
	}

/* ensures dropdown links will behave correctly color-wise */
div#nav ul.level2 li a:link, div#nav ul.level2 li a:visited {text-decoration:none; color:#fff !important; background:#3c070e; }
div#nav ul.level2 li a:active, div#nav ul.level2 li a:hover  {text-decoration:none; color:#e7186b !important; background:#3c070e;}
  
	div#nav li a {
		display: block;
		padding: 1px 0;
		text-decoration: none;
		color:#fff;
		text-transform:uppercase;
		letter-spacing:.05em;
		}
  
		div#nav>ul a {width: auto;}

	div#nav li ul {
	position: absolute;
	width: auto;
	left: -999em;
	}

	div#nav li:hover ul {left: auto;}
	div#nav li:hover {color:#fff;}
	div#nav li.submenu:hover {color:#fff;}
	div#nav li a {
		display: block;
		padding: 3px 0 3px 5px;
		text-decoration: none;
		color:#fff;
		text-transform:uppercase;
		letter-spacing:.05em;
		}

	
div#nav ul ul {
	position: absolute;
	top:4px;
	display:none;
	padding:2px;
	margin:0;
	}


html>body div#nav ul ul {margin-top:3px;} 
/* what we really want - IE 4/5/6 can't see */

div#nav ul ul li {
	float:none;
	border:0 !important;
	text-align:left;
	text-transform:capitalize !important;
	padding-top:0;
	padding-bottom:0;
	}


div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}

div#nav ul.level2 {top: 2em; left: -3px;} /* top for WinIE 5 & 6 */

	html>body div#nav ul.level2 {top:1.4em;} /* what we really want */







/* images */

img {
	border:0;
	list-style-image: none;
	}

.right {
	float:right;
	margin: 0;
	}
	
.left {
	float:left;
	margin:0;
	}

img.shirt {
	vertical-align:top;
	margin:0;
	padding:0;
	}	
	
img.float {
	float:left;
	margin:0;
	padding-right:10px;
	}

img.logo  {
	vertical-align:top;
	padding:0px;
	margin:5px 0 0 15px;
	}
			
	

/* fonts */

h1	 {
	font: bold 14px/18px  Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin:0 0 5px 0;
	padding:0;
	overflow: auto;
	white-space: normal;
}

h2	 {
	font: normal 13px/14px  Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin:0 0 5px 0;
	overflow: auto;
	white-space: normal;
}

h3	 {
	font: normal 12px/14px  Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:left;
	margin:0;
	white-space: normal;
}

h4	 {
	font: normal 12px/16px  Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin:0;
	padding:0;
	text-transform:uppercase !important;
	overflow: none;
	white-space: normal;
}

.center { text-align:center; }
.blue	{ color: #72c8de; }

.pink	{ color: #e6186c; }


p	{
	font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:14px;
	margin:0 0 1em 0; padding:0;
	}


#photo {
	vertical-align:top;
	float:left;
	text-align:left;
	padding:0;
	margin:0;
	height:315px !important;
	width:250px;
	}
	
img.photo {
	float: left;
	margin:15px 0 0 40px;
	padding:0;
	}

img.last {
	float: left;
	margin:15px 0 0 0;
	padding:0;
	}		

img.first {
	float: left;
	margin:0 0 0 35px;
	padding:0;
	}		

.links {
	vertical-align:top;
	text-align:left;
	float:left;
	padding:0;
	margin:0;
	width:250px;
	}

#row1 {width:100%; height:190px;}
.row2 {height:140px; clear:both; }


.about {
	float:left; 
	text-align:center;
	width:117px;
	margin:5px 0;
	}
html>body .about { margin:5px;} 
/* what we really want - IE 4/5/6 can't see */



.about2 {
	float:left; 
	text-align:center;
	width:117px;
	margin:5px 0;
	}
html>body .about { margin:5px 1px; width:119px;} 
/* what we really want - IE 4/5/6 can't see */


.about3 {
	float:left; 
	text-align:center;
	width:101px;
	margin:5px 0;
	}


.about7 {
	float:left; 
	text-align:center;
	width:110px;
	margin:5px 0;
	}



.aboutDJ {
	float:left; 
	text-align:center;
	width:130px;
	margin:5px;
	}

.aboutDJ2 {
	float:left; 
	text-align:center;
	width:108px;
	margin:5px 0;
	}


p#about-center	{
	clear:both; 
	text-align:center; 
	}

html>body p#about-center  {padding-top:20px;} 
/* what we really want - IE 4/5/6 can't see */



.formspace {
	margin:0;
	padding:0;
	}

.formfield {
	font-family : arial,helvetica,sans-serif;  
	font-size : small;
	border : 1px solid #8e8e8e;
	margin:0; padding:0;
	height: 14px;
	width: 120px;
	}


#button {
	width:50px;
	padding:0;
	background:#999;
	color:white;
	font: bold 10px/10px verdana,arial,helvetica;
	
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	
	margin:0;
	}





/* divs textboxes */

#textbox {
	overflow: auto;
	white-space: normal;
	float:right;
	padding: 0 10px 0 0;
	margin: 0 15px 0 0;
	width: 580px;
	height: 320px;
}

#textboxrd {
	overflow: auto;
	white-space: normal;
	float:right;
	padding: 0 10px 0 0;
	margin: 0 15px 0 0;
	width: 510px;
	height: 320px;
}

#textboxKC {
	overflow: auto;
	white-space: normal;
	padding: 0 5px 0 0;
	margin: 5px 0 0 5px;
	width: 570px;
	height: 260px;
	}

#textboxJA {
	overflow: auto;
	white-space: normal;
	padding: 0 5px 0 0;
	margin: 5px 0 0 5px;
	width: 570px;
	height: 318px;
	}


#textboxRueda {
	font: normal 12px/14px  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	overflow: auto;
	white-space: normal;
	padding: 0;
	margin-left: 10px;
	width: 365px;
	height: 300px;
	vertical-align:top;
	float:left;
	text-align:left;
}

table#calendar, table#calendar2	{
	border:0;
	margin:0 0 0 40px;	padding:0;
	width:100%;
	}
	
	table#calendar	td	{
	width:20%;
	vertical-align:top;
	}
	
	
	table#calendar2	td	{
	width:16%;
	vertical-align:top;
	}