/* Glamour dance stylesheet  */
/*   Copyright Webfresh, www.webfresh.com.au    */


body  {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; 
	margin:0;
	padding: 0;
	color: #383838;  /* grey text */
	background: #000000 url(../images/back.gif) 0 0 repeat-x ;
	}

/*******************  resets  ****************/


div, p, h1, h2, h3, h4, ul, ol, img, table {padding:0px; margin:0px;}
img {border: none;}
table {border-collapse:collapse;}

/* stop borders around images used as links  note this can mess up ie 6 if images in a link have borders*/
a img,:link img,:visited img { border:none } 
ul{list-style-type:none;}

a, object {outline: none} /* stop dotted lines around links in firefox */

/****************  headers  ************************/

h2,h3,h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}


h1 {
	margin: 10px 0 15px 0 ;
	font-family: 'Times new Roman', Georgia, serif;
	color: #de0506;
	font-weight: normal;
	font-size: 40px;
	font-style: italic;
	text-align: center;
}


h2 {
	margin: 0 0 0 0 ;
	font-family: 'Times new Roman', Georgia, serif;
	font-weight: normal;
	font-size: 22px;
	text-align: center;
	font-style: italic;
}

h3 {
	margin: 10px 0 17px 0 ;
	padding: 10px 0 0 0 ;
	font-weight: bold;
	color: #de0506;
	font-size: 17px;
}


h4 {
	margin: 10px 0 10px 0 ;
	padding: 10px 0 0 0 ;
	font-weight: bold;
	color: #de0506;
	font-size: 16px;
}




/*****************  layout  **********************/

#wrap {
	width:960px;
	margin:0 auto;
	text-align: left;
	background: transparent;


}

#midwrap  {
	width: 950px;
	margin:0 auto 0 auto;
	background: #ffffff url(../images/top.gif) 0 0 no-repeat ;
	padding-top:15px;
	overflow: auto;

}


#header {
	margin: 0 auto 0 auto;
	background:url(../images/cal-head.gif) 0 0 no-repeat; 
	width: 960px;
	height: 210px;
}


.logo {
	margin: 16px 0 0 10px ;
	float: left;
	width: 214px; 
	height: 162px ; 
}



/**************  maincontent ****************/

#maincontent {
	float: right;
	width:950px; 
	padding: 1px 0 0 0;
/*	margin-right: 3px; /* to align with top  image */
	background-color: #ffffff;
}


#cevents #maincontent {
	width: 450px;
}

#notfound #maincontent {
	width: 650px;
}



#main-inner {
	width: 880px;  
	min-height: 540px;
	margin:12px 0 0 0; 
	padding: 0 20px 40px 30px;
	background-color: #ffffff;
}


#cevents #main-inner {
	width: 380px;
}

#notfound  #main-inner {
	width: 500px;
}


#state #main-inner, #contact #main-inner {
	width: 690px;
	margin: 12px auto 0 auto;
}


#contact #main-inner {
	width: 640px;
	margin: 12px auto 0 auto;
}

/**********  paragraphs  ****************/


#main-inner p {
	line-height: 1.5;
	word-spacing: 1px;
	margin:8px 20px 20px 0;
	background-color: #ffffff;
}

p.cat-footer {
	font-size: 10px;
	margin: 0 40px 10px 40px;
	color: #aaaaaa;
	line-height: 1.4;

}


#csponsor #main-inner p  {
	margin-left: 20px;
}


/**********************************  specifc paragraphs / spans / divs *****************/



#maincontent .f18 {
	font-size: 18px;
}

#maincontent .f16 {
	font-size: 16px;
}

#maincontent .f12 {
	font-size: 12px;
}


#main-inner .gdcenter, #left-inner .gdcenter {
	text-align: center;
}

#main-inner .gdbold {
	font-weight: bold;
}

#main-inner .indent {
	padding-left: 50px;
}

#main-inner .red {
	color: #de0506;
}

#main-inner .gdblack {
	color: #000000;
}

#main-inner .gdgrey {
	color: #999999;
}

#main-inner .italic {
	font-style:italic;
}

#main-inner .fright {
	text-align: right;
}



#cal-blurb {
	margin: 30px 0 40px 0 ;
}

#cal-blurb p {
	text-align: center;
	margin: 20px 0 0 0 ;
}

#contact #cal-blurb p {
	text-align: left;
	margin: 15px 0 0 0 ;
}

#state #cal-blurb {
	margin: 30px 0 30px 0 ;
}



/************  left col ***************/

#leftcol {
	float:left;
	width:275px;  /* added to maincontent  and margins must equal wrap  */
/*	min-height: 660px;    */
	background:  #ffffff;
	font-family: Arial, Helvetica, sans-serif;  
/*	margin-left: 7px; */
}

#leftcol #left-inner {
	padding: 20px 25px 20px 30px;
}

#leftcol #left-inner p {
	word-spacing: 0;
	line-height: normal;  
	margin: 4px 10px 5px 0;
	font-size: 13px;
}

#leftcol #left-inner h4 {
	margin: 25px 0px 3px 0px;
}


#cevents #leftcol {
	width: 500px;
}



/******************  lists  ********************/



.ulhead {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 15px;
}

#main-inner  ul.bullet {
	margin:15px 20px 20px 20px;
	list-style-type:none;
	line-height:18px;
	font-weight: normal;
}

#main-inner  ul.bullet li {
	padding: 0 0 5px 14px;
	background: transparent url(../images/bullet6.gif) no-repeat 0 6px ;
}




ul.no-bullet {
	margin: 10px 10px 20px 0px;
	list-style-type:none;

}

ul.no-bullet li {
	padding: 0 0 5px 0;
	background: transparent;

}


/*****************   links  ***************/

#maincontent a, #cal-blurb a {
	text-decoration: none;
	border-bottom: 1px solid #EB696A;  
	color: #383838;  /* grey text */
}


#maincontent  a:hover, #maincontent a:active, #maincontent a:focus, #cal-blurb   a:hover, #cal-blurb a:active, #cal-blurb a:focus{
	color: #de0506;
	border-bottom: 1px solid #EB696A;  
}


#maincontent h3 a{
	color: #f30104;
	border-bottom: 1px solid #e99899;  

}



#csponsor #maincontent .cal-ad a, #csponsor #maincontent  .cal-ad a:hover, #csponsor #maincontent .cal-ad a:active, #csponsor #maincontent .cal-ad a:focus {
	border-bottom: none;
}


#cevents #leftcol p a{
	text-decoration: none;
	border-bottom: 1px solid #EB696A;  
	color: #383838;  /* grey text */
}


#cevents #leftcol  p a:hover, #cevents #leftcol p a:active, #cevents #leftcol p a:focus{
	color: #de0506;
	border-bottom: 1px solid #EB696A;  
}



#maincontent .noborder, #maincontent  .noborder:hover, #maincontent  .noborder:visited, #maincontent  .noborder:active, #maincontent  .noborder:focus  {
	border: none;
}


/***********************  2 columns  ************/
		

.col-left {
	float: left;
	width: 280px;
	padding: 0 10px 0 0;
}


.col-right {
	float: left;
	width: 280px;
}




#csponsor .col-left {
	margin: 0 0 30px 0 ;
	width: 410px;
	padding: 30px 0 10px 0;
}
#csponsor .col-right {
	margin: 0 0 30px 30px ;
	width: 410px;
	padding: 30px 0 10px 0;
}


/****************   tables *********************/


table {
	width: 100%;
}


td {
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	text-align: left;
	}




/*********************** contact page layout divs  */

#maincontent #contact-box{
	font-size:14px;
	font-weight: normal;
	margin:35px 0 0 40px;
	padding:1px 0 1px 0;  /* to uncollapse the margins inside this box  */
}


#maincontent #contact-box ul{
	list-style-image: none;
}

#maincontent #contact-box ul li{
	padding: 0 0 15px 0;
}

#maincontent .left-contact{
	float:left;
	width: 100px;
}

#maincontent #contact-box .left-contact ul{
	font-weight: bold;
	color: #f30104;
}

#maincontent .right-contact{
	float:left;
	width: 380px;

}


#maincontent #contact-box .left-contact a {
	border:none;
}

/**************  footer **********************/


#footer {
	margin: 0 auto 0 auto;
	background: url(../images/footer.gif) 0 0 no-repeat #000000;
	width: 950px;
	height: 90px;
}


/* footer text  */

#footer-links{
	margin:0 auto;
	color: #ffffff; 
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 880px;
	padding: 8px 0 0 0 ;
}

#footer-links .left {
	text-align:left;
	width:550px;
	float: left;
	font-size: 11px;
	padding: 10px 0 1px 0; /*	1px needed to force ie to display bottom border  */
}

#footer-links .right {
	text-align:right;
	float: right;
	padding: 10px 0 1px 0; /*	1px needed to force ie to display bottom border  */
	width: 310px;
}

#footer-links .left a{
	text-decoration: none;
	color:#ffffff;
	font-size: 11px;
}

#footer-links .left a:hover, #footer-links .left a:active, #footer-links .left a:focus{
	color: #000000;
}

#footer-links .right a{
	text-decoration: none;
	color:#ffffff;
	font-size: 12px;
	margin: 0 6px 0 6px;
	border-bottom: 1px solid #e88689;  
}

#footer-links .right a:hover, #footer-links .right a:active, #footer-links .right a:focus{
	color: #000000;
	border-bottom: 1px solid #000000;  
}



.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* top menu navigation for glamoourdance (suckerfish) 
	includes multilevel dropdown - can add any number of levels of ul in html doc  */

#navbar {
	padding: 136px 0px 0 300px;
}


#sfnav {
	float:left; 
	font-size:14px;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	/*width:100%;	  can't put a width on here as it breaks ie 6 * */
	line-height: 42px;  /* this determines the height of the hover block on the main menu */
}

#sfnav {
	padding: 1px 0 0 0 ;
}


#sfnav a {
	display:block;
	color:#ffffff;  /* menu font colour  **/
	text-decoration:none;
	border: none;
	background: transparent;
}

#sfnav a {
	padding:0px 13px;  /* distance between menu items - equal on both sides  */
}



/* used for styling current menu item.   */
#sfnav a.selected{

	background: transparent url(../images/menu-hover.gif) no-repeat 50% -165px; /* this is in the sprite*/
	padding:0;  /* change padding to 0 and use margins so that underline is only as wide as the word  */
	margin: 0 13px; 

}



#sfnav li{
	float:left;
	padding:0 ;
	}

#sfnav ul {
	position:absolute;
	left:-999em; 
	height:auto;
	width:174px;  /* width of submenu  alter 1st 2nd and 4th rules below if this width changes*/
	font-weight:normal;
	margin: 0 ;
	padding: 5px 0 9px 0; /*move the first dropdown items down a bit and add padding to bottom  */
	line-height:1;  
	border:0;
	/*border-bottom:1px solid #e1d5e1;   */
	z-index: 10; /* needed to keep menu on top of content behind. if probs with utube video or flash, use wmode="transparent" */
	}

#sfnav li li {  /* borders on individual li items  */
	width:150px;  /*subtract the border widths here from the width above */
	border-left:13px solid #000000;  
	border-right:11px solid #000000; 
	font-weight:normal;
	margin: 1px 0 1px 0;
	}

#sfnav li li a {
	padding:6px 3px 6px 7px;  /* space between items in dropdown and left and right padding  */
	width:140px;  /* this width should match width of submenu minus padding and borders  */
	font-size:14px;
	color:#ffffff;  /* link text colour - not seen as is overridden by hover  */
	}

#sfnav li li li {
/*	border-top:1px solid #e1d5e1;   /* add border top for 2nd level menus  */
}

/* left margin should be one pixel less than  #sfnav li li 
	top margin is the font size plus the top and bottom padding of the style above plus top padding from ul */
#sfnav li ul ul {  /* 2nd level menus offset  */
	margin:-32px 0 0 161px;  
	}



#sfnav li li:hover,
#sfnav li li.sfhover {
	background: #B2161B;  /* hover background colour in dropdowns   */
/*	background: url(../images/menu-hover.gif) repeat-y 20% -136px #000000;   */
}


/* add arrow symbol to parent dropdown items  */

#sfnav  li.parent{
	background: transparent  url(../images/menu-arrow.gif) no-repeat right center;    
}

#sfnav li.parent:hover,
#sfnav li.parent.sfhover {
	background:  #B2161B url(../images/menu-arrow.gif) no-repeat right center;  
	height: auto;  /* needed so that IE7 works  */
}

#sfnav li ul li:hover a, 
#sfnav li ul li li:hover a, 
#sfnav li ul li.sfhover a, 
#sfnav li ul li li.sfhover a
{
	color:#ffffff;  /* dropdown font hover colour  */
	}
#sfnav li:hover a, 
#sfnav li.sfhover a {
	color:#ffffff;  /* top level font hover colour  */
	}
#sfnav li:hover li a, 
#sfnav li li:hover li a, 
#sfnav li.sfhover li a, 
#sfnav li li.sfhover li a 
{
	color:#ffffff;  /* main font colour on the dropdown */
	}
#sfnav li:hover ul ul, 
#sfnav li:hover ul ul ul, 
#sfnav li.sfhover ul ul, 
#sfnav li.sfhover ul ul ul
{
	left:-999em;
	}
#sfnav li:hover ul, 
#sfnav li li:hover ul, 
#sfnav li li li:hover ul, 
#sfnav li.sfhover ul, 
#sfnav li li.sfhover ul, 
#sfnav li li li.sfhover ul 
 {
	left:auto;
/*	background: #000000; /* drop down block background colour */
	background:  transparent url(../images/menu-footer.gif) no-repeat center bottom;  
/* 	margin-left: -1px; */
	}
#sfnav li:hover, 
#sfnav li.sfhover
{
	background:#000000;  /* top level hover background colour  */
}

#sfnav li:hover  a.selected, 
#sfnav li.sfhover a.selected{
	background: transparent;  /* remove selected marker on hover of top level menu item */
}

#sfnav ul#nav_last {
	margin-left: -96px ;  /* adjust this so last item dropdown butts against the background edge  */
}



#sfnav li ul#nav_last  li {  /* borders on individual li items  */
	border-left:1px solid #e1d5e1;
	border-right: none !important; 
	}


/* different sized hover images depending on size of menu text. Image is a sprite */

#sfnav li.hover_small:hover,
#sfnav li.hover_small-sfhover {
	background: transparent url(../images/menu-hover.gif) no-repeat 50% 0 ; 
	/* background:#FF4549;  /* top level hover colour  */
}

#sfnav li.hover_medium:hover,
#sfnav li.hover_medium-sfhover{
	background:  transparent url(../images/menu-hover.gif) no-repeat 50% -42px; 
	/* background:#FF4549;  /* top level hover colour  */
}

#sfnav li.hover_wide:hover,
#sfnav li.hover_wide-sfhover
{
	background:  transparent url(../images/menu-hover.gif) no-repeat 50% -84px ; 
	/* background:#FF4549;  /* top level hover colour  */
	}



#sfnav li.hover_xwide:hover,
#sfnav li.hover_xwide-sfhover
{
	background:  transparent url(../images/menu-hover.gif) no-repeat 50% -126px ; 
	}


#sfnav li.hover_xxwide:hover,
#sfnav li.hover_xxwide-sfhover
{
	background:  transparent url(../images/menu-hover.gif) no-repeat 50% -206px ; 
	}



/******************  print overrides  *******************/


 @media print {
	
	body {background:#ffffff;}
	
	#header, #navbar, #leftcol,  #footer, p.cat-footer { display : none; } 

	#wrap {width: auto; margin: 0; overflow:visible;}
	#midwrap {width: auto; background: #ffffff; padding:0; margin: 0; overflow:visible;}
	#maincontent {
		float:none;
		width: auto; 
		background:#ffffff ;
		padding: 0;
		margin: 0;
		overflow:visible;
	}
	#main-inner {width: auto; margin:0; padding:0; 	overflow:visible;}


	h1 {
		margin: 0  ;
	}


}