/* CSS Document - Hoopmajic */

body {
	background-color: #FFFFFF;
	background-image: url(../images/Circlesb-gdark.jpg);
	background-repeat: repeat;
	margin-top:20px;
}
	
#wrap {
	background:#652F8F;
	margin:0 auto;
	border: 2px solid #D4FF55;
	width:776px;
}

#header {
	width:776px;
	background:#FFFFFF;
	text-align:center;
	padding-top:20px;
	padding-bottom:15px;
}

/* Menu */
	
#nav {
	width:776px;
	height:50px;
	text-align:center;
	border-top: 2px solid #D4FF55;
	border-bottom: 2px solid #D4FF55;
	background-color: #EE217C;
}

#nav ul{
	margin-top:14px;
	padding:0;
	list-style:none;
}

li.first {
	display: inline; 
	list-style: none; 
	text-decoration: none; 
	margin: 0px; 
	border-right: 2px #FF6600 solid; 
	padding-left: 0px; 
	padding-right: 15px; 
	font-weight: bold; 	
}
	
li.middle {
	display: inline; 
	list-style: none; 
	text-decoration: none; 
	margin: 0px; 
	border-right: 2px #FF6600 solid; 
	padding-left: 15px; 
	padding-right: 15px; 
	font-weight: bold; 	
}

li.last {
	display: inline; 
	list-style: none; 
	border-right: 0px; 
	padding-left: 15px; 
	padding-right: 15px; 
	text-decoration: none; 
	margin: 0px; 
	font-weight: bold; 
}

/* Sidebar */

#sidebar {
	background:#652F8F;
	float:left;
	text-align:left;
	width:212px;
}

#sidebar p{
	padding-left: 12px;
	padding-right: 12px;
}

.sidebarflash{
	display:block;
	background-color: #EE217C;
	padding:5px;
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color: #D4FF55;
	text-transform: uppercase;
}

/* Main Content */
	
#main {
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:19px;
	background:#D4BFFF;
	font:12px/22px Arial, Helvetica, sans-serif;
	text-align: left;
	color:#26354A;
	float:right;
	width:525px;
}

#main ul{
	margin-left:15px;
	padding-left:50px;
}

#main li{
	list-style:disc;
	padding:0;
}

/* Main Content in Full */

#mainfull {
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:19px;
	background:#D4BFFF;
	font:12px/22px Arial, Helvetica, sans-serif;
	text-align: left;
	color:#26354A;
	float:right;
	width:737px;
}

.product{
	width:150px;
	padding:10px;
	font:11px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#26354A;
	text-align: center;
	float:left;
}

.gallery{
	width:235px;
	padding:5px;
	font:11px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#26354A;
	text-align: center;
	float:left;
	clear:left;
}

/* Footer */
	
#footer {
	width:776px;
	background:#EE217C;
	border-top: 2px solid #D4FF55;
	padding-top:20px;
	padding-bottom:15px;
	clear:both;
}
	
#footer p {
	font:11px Arial, Helvetica, sans-serif;
	color:#26354A;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
}

/* Text Properties */

a:link {
	font:12px/22px Arial, Helvetica, sans-serif;
	color:#652F8F;
	text-decoration: underline;
	}
	
a:visited {
	font:12px/22px Arial, Helvetica, sans-serif;
	color:#26354A;
	text-decoration: underline;
	}
	
a:hover  {
	color:#FFFFFF;
	}

a.nav:link {
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color: #D4FF55;
	text-decoration: none;
	letter-spacing:0.1em;
	}
	
a.nav:visited {
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color: #D4FF55;
	text-decoration: none;
	letter-spacing:0.1em;
	}
	
a.nav:hover  {
	color:#FFFFFF;
	}
	
a.sidebar:link {
	font:bold 12px/26px Arial, Helvetica, sans-serif;
	color: #D4FF00;
	text-decoration: none;
	padding-left: 5px;
	}
	
a.sidebar:visited {
	font:bold 12px/26px Arial, Helvetica, sans-serif;
	color: #D4BFFF;
	text-decoration: none;
	padding-left: 5px;
	}
	
a.sidebar:hover  {
	color:#FFFFFF;
	}
	
a.sidebar2:link {
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color: #D4FF00;
	text-decoration: none;
	padding-left: 18px;
	}
	
a.sidebar2:visited {
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color: #D4BFFF;
	text-decoration: none;
	padding-left: 18px;
	}
	
a.sidebar2:hover  {
	color:#FFFFFF;
}	

a.sidebarflash:link {
	color: #D4FF55;
	text-decoration: underline;
	}

a.breadcrumbs:link {
	font:11px Arial, Helvetica, sans-serif;
	color:#652F8F;
	text-decoration: underline;

	}
	
a.breadcrumbs:visited {
	font:11px Arial, Helvetica, sans-serif;
	color:#652F8F;
	text-decoration: underline;
	letter-spacing:.1em;
	}
	
a.breadcrumbs:hover  {
	color:#FFFFFF;
	}
	
	a.calendarText:link {
	font:bold 11px/12px Arial, Helvetica, sans-serif;
	color:#652F8F;
	text-decoration: underline;
	padding-left: 5px;
	}
	
a.calendarText:visited {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #D4BFFF;
	text-decoration: none;
	padding-left: 5px;
	}

a.subheading:link {
	font: Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	}
	
a.subsubheading:link {
	font-weight:bold;
	text-decoration:none;
	color:#652F8F;
	}
	
.heading{
	color:#652F8F;
	font: 24px/32px Georgia, "Times New Roman", Times, serif;

}

.subheading{
	color:#652F8F;
	font: bold 12px Georgia, "Times New Roman", Times, serif;

}

.subsubheading{
	font:11px Arial, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#26354A;
	
}

.breadcrumbs{
	font:11px Arial, Arial, Helvetica, sans-serif;
	color:#26354A;
	letter-spacing:.1em;
}

.calendarText{
color:#652F8F;
font:bold 11px/12px Arial, Arial, Helvetica, sans-serif;
text-align:center;
}

.calendarDay{
color:#D4FF55;
font:12px Arial, Arial, Helvetica, sans-serif;
text-align:center;
}.gallery {
	height: auto;
	width: 640px;
}