/*  Ceroc stylesheet  */
/*   Copyright Webfresh, www.webfresh.com.au    */


/* standard attributes */


* {margin:0; padding:0;}

body  {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	text-align: center; 
	margin:0;
	padding: 0;
	color: #231f20;   /* grey text */
	background:#f3ecf3 url(../images/bg_gradient.gif) repeat-y 50% 0  ;
	}


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


ul{list-style-type:none;}

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

h1,h2,h3,h4,h5, h6, .sh1, .sh2, .sh3, .sh4, .sh5, .sh6 {color: #730073; font-weight: normal; font-family: Arial, sans-serif;  }
h1{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	margin: 10px 0px 25px 0px;
	font-size:30px;
}
h2 {
	margin: 10px 0px 15px 0px;
	font-size: 22px;
}



h4 {
	margin: 30px 0px 10px 0px;
	font-size: 17px;
	font-weight: bold;
}

h5 {
	margin: 5px 0px 10px 0px;
	font-size: 15px;
	font-weight: bold;
}

h6 {
	margin: 5px 0px 10px 0px;
	font-size: 13px;
	font-weight: bold;
}

span.sh4 {
	font-size: 17px;
	font-weight: bold;
}

span.sh5 {
	font-size: 16px;
	font-weight: bold;
}

span.sh6 {
	font-size: 13px;
	font-weight: bold;
}

span.asterisk {
	color: #730073;
	font-size: 12px;
	font-weight: bold;
}

span.highlight {
	color: #E90DA2;
}

span.sp11 {
	font-size: 11px;
}

/*************** specific header styles  ************/

#venue h4 {
	margin: 5px 0px 10px 0px;
}

#sponsors h4 { margin-top:20px; }

#teaching h5 {
	margin: 25px 0 12px 0;
}

#wedding h6 {
	margin-top:20px;
}

#memoffer h5, #linkssub h5 {
	margin: 13px 0 3px 0;
}

/************  link styles *************/

a {
	text-decoration: none;
	color:#730073;
	border-bottom: 1px solid #dcbfdc;     
}

a:hover, a:active, a:focus{
	background: #f3ecf3;
}


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





#wrap {
	width:1012px;
	margin:0 auto;
	text-align: left;
	background:#ffffff; 
}



#leftcol {
	float:left;
	width:222px;  /* added to maincontent must equal wrap  */
	background:  #ffffff url(../images/ceroc_logo.jpg) no-repeat 20px 25px ;
}

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

#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;
}


.facebook-left{
	float: left;
	width: 170px;
	padding: 0 0 20px 0;  
}





#maincontent {
	float:right;
	width:790px; /* added to left col must equal wrap  */
	background:  #ffffff;
}

/*************** Individual page photos *************************/
/*#index #maincontent {background:#ffffff url(../images/headers/front-header.jpg) no-repeat 0 0  ; }*/
#about #maincontent {background: #ffffff url(../images/headers/aboutus.jpg) no-repeat 0 0 ; }
#workshop #maincontent, #workshoplist #maincontent {background:#ffffff url(../images/headers/workshops.jpg) no-repeat 0 0 ; }
#routine #maincontent {background:#ffffff url(../images/headers/routines.jpg) no-repeat 0 0 ; }
#venue #maincontent {background:#ffffff url(../images/headers/venues.jpg) no-repeat 0 0 ; }
#newceroc #maincontent, #elearn #maincontent {background:#ffffff url(../images/headers/newceroc.jpg) no-repeat 0 0 ; }
#calendar #maincontent {background:#ffffff url(../images/headers/calendar.jpg) no-repeat 0 0 ; }
#emailreward #maincontent, #memberreward #maincontent, #member #maincontent  {background:#ffffff url(../images/headers/memberreward.jpg) no-repeat 0 0 ; }
#contact #maincontent {background:#ffffff url(../images/headers/contact.jpg) no-repeat 0 0 ; }
#newsmail #maincontent {background:#ffffff url(../images/headers/newsmail.jpg) no-repeat 0 0 ; }
#partner #maincontent {background:#ffffff url(../images/headers/partner.jpg) no-repeat 0 0 ; }
#staffmain #maincontent, #staffother #maincontent {background:#ffffff url(../images/headers/staff.jpg) no-repeat 0 0 ; }
#dancep #maincontent {background:#ffffff url(../images/headers/danceparties.jpg) no-repeat 0 0 ; }
#survival #maincontent {background:#ffffff url(../images/headers/survival.jpg) no-repeat 0 0 ; }
#prices #maincontent {background:#ffffff url(../images/headers/prices.jpg) no-repeat 0 0 ; }
#about #maincontent {background:#ffffff url(../images/headers/about.jpg) no-repeat 0 0 ; }
#dancecamps #maincontent {background:#ffffff url(../images/headers/dancecamps.jpg) no-repeat 0 0 ; }
#weekenders #maincontent {background:#ffffff url(../images/headers/weekenders.jpg) no-repeat 0 0 ; }
#photos #maincontent {background:#ffffff url(../images/headers/photos.jpg) no-repeat 0 0 ; }
#emaillink #maincontent, #emailvideo #maincontent  {background:#ffffff url(../images/headers/promotions.jpg) no-repeat 0 0 ; }
#newsletter #maincontent {background:#ffffff url(../images/headers/newsletter.jpg) no-repeat 0 0 ; }
#teaching #maincontent {background:#ffffff url(../images/headers/teaching.jpg) no-repeat 0 0 ; }
#wedding #maincontent {background:#ffffff url(../images/headers/wedding.jpg) no-repeat 0 0 ; }
#special #maincontent {background:#ffffff url(../images/headers/special.jpg) no-repeat 0 0 ; }
#private #maincontent {background:#ffffff url(../images/headers/private.jpg) no-repeat 0 0 ; }
#schools #maincontent {background:#ffffff url(../images/headers/schools.jpg) no-repeat 0 0 ; }
#social #maincontent {background:#ffffff url(../images/headers/social.jpg) no-repeat 0 0 ; }
#newpromo #maincontent{background:#ffffff url(../images/headers/newpromo.jpg) no-repeat 0 0 ; }
#jumponit #maincontent  {background:#ffffff url(../images/headers/jumponit.jpg) no-repeat 0 0 ; }
#ourdeal #maincontent  {background:#ffffff url(../images/headers/ourdeal.jpg) no-repeat 0 0 ; }
#faq #maincontent {background:#ffffff url(../images/headers/faq.jpg) no-repeat 0 0 ; }
#memoffer #maincontent {background:#ffffff url(../images/headers/memoffer.jpg) no-repeat 0 0 ; }
#links #maincontent {background:#ffffff url(../images/headers/links.jpg) no-repeat 0 0 ; }
#linkssub #maincontent {background:#ffffff url(../images/headers/links.jpg) no-repeat 0 0 ; }
#sponsors #maincontent {background:#ffffff url(../images/headers/sponsors.jpg) no-repeat 0 0 ; }
#notfound #maincontent {background:#ffffff url(../images/headers/err404.jpg) no-repeat 0 0 ; }
#testimonial #maincontent {background:#ffffff url(../images/headers/testimonials.jpg) no-repeat 0 0 ; }

/*********************  main text block   ************/

#main-inner {
	margin: 30px 0 0 0; 
	/*background:  #ffffff url(../images/vertical_bar.gif) repeat-y 0 0;*/
	min-height: 450px; height:auto !important; height: 450px;  
}

#main-inner-text {
	padding:1px 50px 1px 45px;    /* 1px to uncollapse margins so all browsers look the same  */
}

p {
	word-spacing: 1px;
	line-height: 1.5;  
	margin: 10px 10px 17px 0;
}

p.p11 {
	font-size: 11px;
	line-height: normal;
}

p.right {
	text-align: right;
}


div.cquote {
	background:  #ffffff url(../images/quotes.gif) no-repeat 0 0;
}


div.cquote p.main{
	font-style: italic;
	padding: 10px 0 0 15px; 
	text-indent: 25px;  
}
div.cquote p.author{
	padding: 0 0 0 15px; 
}

p.img-quote{
	text-align: left;
}

/************ specific paragraph  *********/


p.small-margin {margin: 10px 10px 5px 0; }  



/***************  specific styles of main text block  **************/

#staffmain #main-inner-text, #staffother #main-inner-text, #calendar #main-inner-text, #dancep #main-inner-text, #sponsors #main-inner-text{
	padding:1px 0 1px 45px;    
}



/****************  one off special styles  **********/

#wedding .pad-right {margin-right: 40px;}
#wedding .pad-left {margin-left: 70px;}




/*******************  images ******************/


#main-inner .img-right {
	float: right;
	display: inline;  /* for ie 6  */
	margin: 15px 0 20px 40px;
}

#main-inner .img-left {
	float: left;
	display: inline;  /* for ie 6  */
	margin: 15px 40px 20px 0;
}

/* used in a div with text-align center. this image has no border  */
#main-inner .img-plain {
	margin: 20px 0 10px 0;
	border: none;
}

#main-inner .img-right p, #main-inner .img-left p  {
	text-align: center;
	margin: 4px 0 0 0;
	font-size: 11px;	
	word-spacing: normal;
	line-height: 1.1;
}

#main-inner .img-right img, #main-inner .img-left img, .staffimg, .staffmainimg {
	padding: 3px;
	border: 1px solid #bf8abf;
}



/******************  specific image styles  ***************/

#newceroc .img-left, #newceroc .img-right {
	margin-bottom: 50px;
}

#workshop .img-right {
	margin: 15px 0 20px 40px;
}


#wedding .img-right {
	margin: 15px 0 10px 0px;
}

#dancep .img-right {
	margin: 15px 10px 20px 0px;
}

#prices .img-right  {
	margin: 25px 30px 40px 40px;
}


#sponsors .img-plain a, #teaching .img-plain a {
	border: none;
	text-decoration: none;
}

#sponsors .img-plain a:hover, #teaching .img-plain a:hover {
	border: none;
	text-decoration: none;
	background: transparent;
}


#wrap .facebook-left a {
	border: none;
	text-decoration: none;

}

#wrap .facebook-left a:hover, #wrap  .facebook-left a:focus {
	border: none;
	text-decoration: none;
	background: transparent;

}



.staffmainimg {
	width: 200px;
	height: 250px;
}

.staffimg {
	width: 120px;
	height: 148px;  
}






/**************   generic liquid width and height box  ******************/

.box-holder { float: left; width: 300px; margin: 20px 0 20px 0;}

.box-outer{
	font-size: 12px; 
	background: url(../images/box_left.gif) left top repeat-y ;
}

.box-outer .box-top{
	background: url(../images/box_top_left.gif) left top no-repeat; 
	height: 35px;
}

.box-outer .box-top span{
	display: block;
	position: relative;
	height:35px;
	background: url(../images/box_top_right.gif) right top no-repeat; 
}

.box-outer .box-content {
	position:relative;
	background: url(../images/box_right.gif) right top repeat-y ; 
	margin: -20px 0 -20px 0;
	padding:1px 15px 1px 20px;
}

.box-outer p{
	padding: 5px 5px 15px 5px;
	margin: 0;
	word-spacing: 1px;
	line-height: 18px;  
}

.box-outer .box-bottom{
	background: url(../images/box_bottom_left.gif) left bottom no-repeat ; 
	height: 20px;
}

.box-outer .box-bottom span{
	display: block;
	position: relative;
	height:20px;
	background:url(../images/box_bottom_right.gif) right bottom no-repeat;

}

		/***********  specific box sizes  ************/

#newsletter .box-holder {
	width: 350px;
}

#wedding .box-holder {
	width: 443px;
}

#wedding .box-holder h4{
	margin: 10px 15px 10px 0px;
}

#wedding .box-holder .img-right {
	margin: 10px 0 10px 0px;

}
#wedding .box-holder .img-right img{
	border: none;
}

.routine-box1 { float: left; width: 157px; margin: 20px 0 20px 0;}
.routine-box1 .box-outer p {padding: 0 0 9px 0; margin: 0;}  

.routine-box2 { float: left; width: 360px; margin: 0 0 10px 0; }
.routine-box2 .box-outer{margin: 0 30px 0 0; }    

.ads-middle .box-outer{width: 510px; margin: 0 auto 0 auto;}
.ads-middle .box-outer .box-content{padding:1px 20px 1px 20px;}
.ads-middle .box-outer p {padding: 7px 9px 18px 9px;}

/*****************  fixed height button, liquid width  *********************/
.lbutton {
	overflow: hidden;
	width: 100% ;
}

.lbutton-r{
	background: transparent url('../images/one-line-box_right.gif') no-repeat scroll top right;
	height: 38px;
	margin: 0px;
	padding-right: 12px; /* sliding doors padding = width of right image */
	float: left;
}

.lbutton-l {
	background: transparent url('../images/one-line-box_left.gif') no-repeat;
	height: 28px;
	padding: 5px 0 5px 12px;  /* top + bottom + height must equal height of button  */
	margin: 0;
	float: left;  /* this float is important so that ie6 only makes the box as wide as the text it contains  */
}


.lbutton-l p{
	padding: 5px 5px 15px 5px;
	margin: 0;
	word-spacing: 1px;
	line-height: normal;  
}


/*****************  specific button styles  ********************/
/****************  need to wrap the button in outbutton div if you want any padding  *****************/

#member .outbutton, #memberreward .outbutton{
	margin: 20px 0 0 90px;
}


#workshop .outbutton{
	margin: 20px 0 0 60px;
}

#workshop .outbutton-margin {
	padding: 20px 0 30px 20px;
}

#workshop .outbutton-margin .lbutton-l p{
	font-weight: bold;
	font-size: 15px;
	font-family: Arial, sans-serif; 
}

#workshoplist .outbutton{
	margin: 15px 0 0 90px;
}

#sworkshop .outbutton, #fworkshop .outbutton{
	padding: 15px 0 0 0;
	float: right;
	width: 150px; /* needed to force ie to float right  */
}

#linkssub .outbutton{
	float: right;
	margin: 10px 0 0 0;
	width: 90px; /* needed to force ie to float right  */
}

#photos .outbutton{
	float: right;
	margin: 10px 0 0 0;
	width: 90px; /* needed to force ie to float right  */
}


/***********************  2 columns  ************
		if inside inner-text then widths plus padding need to add up to 695px ************/

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

.col-left p {
	margin-right: 0;
}

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


/************************  specific column styles  *****************/

#contact .col-left h4, #contact .col-right h4 {margin-top: 15px;}
#dancep .col-left {width: 358px; }
#dancep .col-right {width: 307px; padding: 0 0 0 40px;}
#workshop .col-left {width: 385px;}
#workshop .col-right {width: 300px;}
#schools .col-left {width: 260px;}
#schools .col-right {width: 425px;}  /* width is adjusted for ie6 in ie6 css file  */
#wedding .col-left{width: 445px;}
#wedding .col-right{width: 240px;}
#sponsors .col-left{width: 475px;}
#sponsors .col-right{width: 260px; text-align: center;}


/******************   lists  *************************/
ul.bullet{
	margin: 10px 10px 10px 10px;
/*	list-style-image: url(../images/purple-bullet.gif);   don't use as the vertical alignment is different in firefox and ie*/
	line-height: 1.3;
	list-style-type:none;

}

ul.bullet li {
	padding: 0 0 5px 20px;
	background: transparent url(../images/purple-bullet.gif) no-repeat 0 4px ;

}

ul.no-bullet {
	margin: 10px 10px 10px 0px;
}

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

}

ol {
	margin: 10px 0px 10px 20px;
}

ol li {
	padding: 0 0 5px 3px;
}

/****************   specfic lists  *********************/


#newceroc ul.no-bullet li {
	line-height: 18px;
}

#teaching ul.bullet{
	margin-left: 20px;
	line-height: 1.5;
	padding-top: 20px;
	background: url(../images/divider.gif) 0 top repeat-x ; 
}

#teaching ul.bullet li{
	padding-bottom: 10px;
}

#memoffer ul.no-bullet, #linkssub ul.no-bullet{
	line-height: 1.2
}

#memoffer ul.no-bullet li p, #linkssub ul.no-bullet li p{
	word-spacing: normal;
	line-height: 1.2;  
	margin: 5px 10px 5px 0;
}

#links ul.no-bullet {
	line-height: 1.5;
}

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


thead tr th {
	padding: 0 10px 8px 10px;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	vertical-align: bottom;
	border-bottom: 2px solid #f5e5f5;
}


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

td h6 {
	font-size: 14px;
	margin: 0 0px 5px 0px;
}

tr.odd {
	background: #f6f2f6;
}


tr.odd td , tr.even td {  /* have to put on td as ie6 and 7 don't honour borders on tr  */
	border-bottom: 1px solid #f5e5f5;
}

td.odd, thead tr th.odd {
	background: #f6f2f6;
}

td.odd, td.even, thead tr th.odd, thead tr th.even  {
	border-left: 1px solid #f5e5f5;
	border-right: 1px solid #f5e5f5;
}
/***************  specific table styles  *********************/

#photos table {
	border-top: 2px solid #f5e5f5;
	border-bottom: 2px solid #f5e5f5;
}

#photos thead tr th {
	padding-top: 10px;
}

#photos tr.head td {
	padding-top: 10px;
}




#photos td.odd, #photos td.even{
	padding-left: 60px;
}



#photos tr.head td {
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	vertical-align: bottom;
	border-top: 2px solid #f5e5f5;
	border-bottom: 2px solid #f5e5f5;
}


#dancep table {
	width: 350px;
	margin: 30px 0 0 0;
}

#workshoplist table {
	margin: 20px 0 0 0;
}

#sworkshop table, #fworkshop table {
	margin: 10px 10px 20px 10px;
}

#sworkshop thead tr th, #fworkshop thead tr th {
	color: #730073;
}

#sworkshop td, #fworkshop td {
	border-bottom: 1px solid #f5e5f5;
}

#sworkshop td.first, #fworkshop td.first {
	font-weight: bold;
	border-left: none;
}

#dancep td{
	padding: 10px 8px 10px 8px;
}

#dancep thead tr th {
	padding-left: 8px;
}

#prices table {
	margin: 15px 0 20px 0;
}

#prices table td {
	line-height: 18px;
}

#staffmain td {
	width: 210px;
	padding: 0 18px 0 0;
}


#staffother td {
	width: 160px;
	text-align: center;
}

#staffmain td p{
	text-align: center;
	margin: 7px 0 7px 0;
	line-height: normal;
}

#staffmain td p.bio {
	text-align: left;
	margin: 7px 0 25px 0;
	line-height: normal;
	font-size: 11px;
}


#staffother td p{
	text-align: center;
	margin: 7px 0 25px 0;
	line-height: normal;
}


/****************  utube videos *************/

.utube-left {
	float: left;
	display: inline;  /* for ie 6  */
	margin: 15px 40px 30px 0;
	width: 275px;
}


.utube-right {
	float: right;
	display: inline;  /* for ie 6  */
	margin: 0 0 20px 40px;
	width: 275px;
}

.utube {
	width: 266px;
	height: 215px;
	padding: 3px;
	border: 1px solid #bf8abf;
}


#schools .utube-left {
	margin: 5px 40px 0 0;
}

#schools .utube-left p {
	font-weight: bold;
	text-align: center;
	margin: 7px 0 7px 0;
}


#newceroc .utube-bottom, #testimonial .utube-bottom {
	float: left;
	display: inline;  /* for ie 6  */
	margin: 15px 10px 30px 50px;
}

/**********************   venues  page  ********************/



.venue-box {
	margin: 30px 0 20px 0;
	padding: 0 0 20px 0;
	background: url(../images/divider.gif) 0 bottom repeat-x ; 
}

.venue-header {
	margin-top: 50px;
}

#main-inner .venue-box .img-right {
	margin: 0 0 0 0;
}

#main-inner .venue-box .img-right img.img-plain{
	margin: 0 0 0 0;
	border: none; 
}


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


#footerfront {
	padding: 20px 10px 1px 0 ;
} 

#footer {
	padding: 30px 10px 1px 15px ;
} 
#footer p {
	margin: 0; 
	padding: 0 0 10px 10px; 
}



#footer-links{
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	width: 980px;
	min-height: 35px; height:auto !important; height: 35px;
	background: #FFFFFF url(../images/footer.gif) no-repeat 50% 0  ;
}

#footer-links .left {
	text-align:left;
	width:550px;
	float: left;
	font-size: 10px;
	padding: 10px 0 1px 0;  /* need bottom 1px so borders show in links in ie  */
}

#footer-links .right {
	text-align:right;
	float: right;
	padding: 10px 0 1px 0; /* need bottom 1px so borders show in links in ie  */
	font-size: 10px;
}


#footer-links .left a{
	font-size: 10px;
}


#footer-links .right a{
	margin: 0 5px 0 5px;
	font-size: 10px;
}


#footer-ads {
	margin:0;
	padding: 0px 0 1px 0 ;
	width: 770px;
	background: #FFFFFF;
/*	min-height: 150px; height:auto !important; height: 150px;  */
}


.ads-left{
	float: left;
	width: 170px;
	padding: 20px 0 0 0;  
}

.ads-left p{
	padding: 8px 0 1px 5px;  /* need bottom 1px so borders show in links in ie  */
	font-size: 11px;
	margin: 0;
	word-spacing: 0;
}


#footer-ads .ads-middle {
	float: left;
	width: 560px;

}


#footer-ads .ads-right{
	float: left;
	width: 205px;
	text-align: center;
	
}

#footer-ads .ads-right p{
	font-size: 12px;
	text-align: center;
	padding: 5px 0 1px 0;  /* need bottom 1px so borders show in links in ie  */
	margin: 0;
	word-spacing: 0;
}



/*********************  miscellaneous  *******************/

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

.divider {
	padding-bottom: 1px; /* to uncollapse margins  */
	background: url(../images/divider.gif) 0 bottom repeat-x ; 
}

#sponsors .divider {
	margin: 0 40px 0 0;
}


/************  stop skype reformatting phone nums in ie  taken out as it causes problems  **************/
/*span.skype_pnh_container { display:none !important; }  */
/* span.skype_pnh_print_container { display:inline !important;}  */



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


 @media print {
	
	body {background:#ffffff;}
	
	#navbar, #navhome, #leftcol, img, #footer-links .right { display : none; } 
	.staffmainimg, .staffimg {display: block; }

	#wrap {width: 700px; margin: 0;}
	#maincontent {
		float:left;
		width: 680px; 
		background:#ffffff ;
	}
	#main-inner {background: #ffffff;}
	#main-inner-text {padding: 0;}
	#footer-links{width: 680px; background: #FFFFFF ;}

}