body, td
{
	font-family:  Tahoma, "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, sans-serif;
	margin: 0%;
	text-align: left;
	color: black;
	background-color: #ffffff;
	font-size: 0.95em;
}
 
.ad
{
	text-align: center;
	margin: 20px 0px 3px 0px;
}
.sidead
{
	float: right;
	display: inline;
	clear: none;
}
.article {
   column-count: 2;
   column-gap: 20px;
}

#bodytable { border: 0px;  padding:0px; margin:0px;}
#contenttableelement
{
	width: 75%;
	background-color: #ffffff;
	vertical-align: top;
};
.colour1 { background-color: #990033; }
.colour2 { background-color: #fcc; }
.colour3 { background-color: #309; }
.textcolour1 { color: #990033; }
.textcolour2 { color: #fcc; }
.textcolour3 { color: #309; }
.ahem { display: none; }

.frame {}
.errortext
{
	color: #330099;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}
#wrapper1
{
	float: left;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	color: #000;
	background-color: #ffffff;
	margin: 0 3% 0 0;
	width: 78%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 75%;
}

#content
{
	/* shorthand box properties tip: think of a clock: 12, 3, 6, 9 */
	padding: 0 0% 20px 2%;
	margin: 0% 0% 0% 0%;
	float: left;
	width: 72%;
	background: #fff;
	
	border-bottom: 0px none #000;
	/* border-color: blue;
	border-width: 1pt;
	border-style: dotted;
	# */
}

#mast
{
	text-align: center;
	padding: 3px 0 0 0;
	margin: 0em 0 0 0;
}

#mast h1
{
	font-size: 4em;
	color: #990033;
	margin: 1pt;
	padding: 1pt;
	line-height: 1em;
	font-style: bold;
}

#menus
{
	padding: 10px 10px 0px 15px;
	font: 12px/14px verdana, sans-serif;
	color: white;
	background-color: #990033;
	background-image: url(verticaltango.png);
	width:22%;
	float:right;
	

}

#menus p { margin: 3pt; }

#menustd
{
	background-color: #990033;
	background-image: url(verticaltango.png);
	width: 150px;
	vertical-align: top;
}

#menus a:link
{
	color: #ffffff;
	background: transparent;
	text-decoration: none;
	font-weight:  normal;
}

#menus a:visited
{
	color: #eeeeee;
	background: transparent;
	text-decoration: none;
	font-weight: normal;
}

#menus a:hover
{
	color: #ccffcc;
	text-decoration: underline;
	background: transparent;
	font-weight:  normal;
}

#menus a:active
{
	color: #eeffee;
	text-decoration: underline overline;
	background: transparent;
	font-weight:  normal;
}



a:link
{
	color: #990033;
	background: transparent;
	text-decoration: none;
	font-weight: normal;
}

a:visited
{
	color: #880022;
	background: transparent;
	text-decoration: none;
	font-weight: normal;
}

a:hover
{
	color: #aa0033;
	text-decoration: underline;
	background: transparent;
	font-weight: normal;
}

a:active
{
	color: #bb0044;
	text-decoration: overline underline;
	background: transparent;
	font-weight: normal;
}

h1,h2,h3,h4,h5
{
	background-color: transparent;
	#font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, sans-serif;
}

h1
{
	font-size: 1.9em;
	color: #990033;
	text-align: center;
	margin: 3pt;
	font-weight: 100;
}

h2
{
	font-style: italic;
	font-size: 1.4em;
	text-align: center;
	margin: 0 15% 0 15%;
}

h3
{
	margin-left: 5pt;
	font-size: 120%;
}

h4
{
	margin-left: 15pt;
	font-size: 1.1em;
	font-weight: bold;
	padding: 1pt;
}

h5
{
	font-style: italic;
	font-size: 100%;
	font-weight: normal;
	margin-left: 20pt;
}

h2.subtitle {text-align:center; font-weight: normal;}

p
{
	font-size: 0.9em;
	margin: 0 5pt 3pt 5pt;
}
ul { font-size: 0.9em;}

.introtext
{
	font-size: 90%;
	margin: 0 10pt 10pt 10pt;
	text-align: justify;
}

p.eventdate
{
	font-style: italic;
	font-size: 120%;
	font-weight: bold;
	color: white;
	background-color: #990033;
	padding: 5pt;
	margin: 0 -3pt 0 -3pt;
}

p.menubar
{
	padding: 0pt;
	margin: 0pt -5pt 0pt -5pt;
}

p.box
{
	border-style: dashed;
	border-color: red;
	border-width: thin;
	margin-left: 10%;
	width: 400pt;
	text-align: center;
	font-size: 90%;
}

.pinkbox
{
	BACKGROUND-COLOR: #ffcccc;
	border-color: red;
	border-width: thin;
	padding: 5pt;
	text-align: left;
	font-size: 100%;
	margin: 0 5% 0 5%;
}



.bluebox
{
	BACKGROUND-COLOR: #6666FF;
	border-color: blue;
	border-width: thin;
	padding: 5pt 5pt 10pt 5pt;
	text-align: left;
	font-size: 90%;
	margin: 0 5% 0 5%;
}

#mailinglists
{
	margin: 4pt 0% 4 0%;
	padding: 0pt;
	text-align: center;
	font-size: 0.9em;
}

}
#mailinglists p
{
	margin: 0 pt;
	padding: 0pt;
	text-align: left;
}
#mailinglists ul, #mailinglists li
{
	display: block;
	margin: 1 pt;
	padding: 1pt;
	text-align: left;
}
#mailinglists h3
{
	font-weight: bold;
	font-size: 1em/1;
	margin: 1 pt;
	padding: 0pt;
}

div.mailinglistbox
{
	text-align: center;
	padding: 0pt;
	margin: 0pt;
}

.mailinglistsbox p
{
	margin: 0 pt;
	padding: 0pt;
}

div #nexteventsandnews
{
	border: 0px solid #990033;
	margin: 2% 0% 2% 0%;
	padding: 2pt;
	height: auto;
}

div.eventsbox
{
	width: 46%;
	padding: 1%;
	margin: 1%;
	text-align: left;
	float: left;
	color: #511;
	font-size: 95%;
}

#nexteventsandnews
{
	text-align: center;
	font-size: 1em;
	color: black;
	font-style: normal;
}

.tangonews
{
	color: #401;
	font-size: 90%;
	padding: 1pt 1pt;
	margin: 1pt 1pt;
}

.tangonews p
{
	font-size: 90%;
	padding: 0pt;
	margin: 1pt 1pt 3pt 1pt;
	color: #401;
	text-align: justified;
}

.newshead h2
{
	text-align: center;
	font-size: 120%;
	font-style: normal;
	font-weight: normal;
	padding: 0pt;
	margin: 0pt;
	color:white; 
	
}

h4.newsupdate
{
	text-align: center;
	font-size: 100%;
	font-style: italic;
	padding: 0pt;
	margin: 0pt 0pt 2pt 0pt;
	color: black;
	font-weight: normal;
}

.tangonews h3
{
	text-align: left;
	font-size: 100%;
	font-style: normal;
	color: #990033;
	padding: 0pt;
	margin: 1pt;
}

.tangonews h5
{
	text-align: left;
	font-size: 90%;
	font-style: italic;
	padding: 1pt 1pt;
	margin: 5pt 1pt 1pt 1pt;
}

.newshead  {
 	width: 298px;
 	margin: 0 0 5px 0px;
 	padding: 0px 0px 5px 0px;
 	background: #903 url(tangographics/box_bottom1.gif) no-repeat bottom left;
 }
.newsheadcontent  {margin: 0;
		padding: 5px;
		background: #903 url(tangographics/box_top1.gif) no-repeat top left;}

		
 .newsitem 
 {
 	width: 298px;
 	margin: 0 0 5px 0px;
 	padding: 0px 0px 5px 0px;
 	background: #ffdddd url(tangographics/box_bottom1.gif) no-repeat bottom left;
 }

.itemcontent {margin: 0;
		padding: 5px;
		background: #ffdddd url(tangographics/box_top1.gif) no-repeat top left;}

img.mini { float: right; }



.inline
{
	font-size: 10pt;
	margin: 0 5pt 0 35pt;
}

#quickview { text-align: center; }
.quickviewworkshops { text-align: center; }

.quickviewitem
{
	padding: 1pt;
	margin: 1pt;
	font-size: 0.9em;
}

.quickviewline
{
	font-size: 5%;
	background-color: #ffcccc;
}
#quickview hr {width:70%;noshade;}

.quickviewheader
{
	font-style: bold;
	text-align: left;
	background-color: #ffcccc;
	padding: 2pt;
	margin: 1pt;
}
.quickviewborder
{
	border-color: silver;
	border-width: 1pt;
	border-style: dashed;
}

#mainmenus { margin: 10px 0 20px 0; }
#mainmenus ul, #mainmenus li
{
	display: block;
	margin: 2px;
	padding: 2px;
	
} 


#submenus { font-size: 95%; }

#submenus ul, #submenus li
{
	margin: 1px 1px 3px 4px;
	padding: 1px;
	line-height: 1.2em;
	list-style: none outside;
} 


 #counter
{

	margin: 100px  0  20px 0;
	font-size: 0.8em;
}

div.news { text-align: center; }



div #quickviewlink
{
	margin: 10px 0 20px 0;
	padding: 1px;
	border: 1px solid white;
	background-color: black;
	text-align:center;
}

p.line { text-align: center; }
div.spacer { clear: both; }

div#footer
{
	width: 90%;
	margin: 2.5%;
	padding: 3pt 3pt 3pt 3pt;
	border: 1px solid #dd0000;
}

#footer p
{
	text-align: center;
	font-size: 0.9em;
}

.ahem { display: none; }
span.ets { color: black; }

.maintableheader
{
	background-color: #990033;
	color: white;
}

.othertableheader
{
	background-color: #ffcccc;
	color: black;
}

.menubarmain
{
	border: 0px;
	width: 100%;
}

td.menubar { background-color: #ffcccc; }

p.menubar
{
	background-color: #ffcccc;
	text-align: center;
	padding: 1pt;
	margin: 0pt;
	border-right: 2pt #990033 solid;
}

.menubartitle { background-color: #ffffff; }

.menubarets
{
	background-color: #990033;
	color: white;
	padding-right: 2pt;
	margin: 0 2px 0 2px;
}

p.menubarets
{
	background-color: #990033;
	color: white;
	text-align: center;
	margin: 0 3px 0 3px;
	padding: 0 2pt 0 2pt;
}

.menutitle
{
	font-weight: bold;
	font-size: 100%;
}

div#topmenu { }

div#bottommenu  { margin-top: 15pt; }

.textsublink { font-size: 0.9em; }

.floatingmenu
{
	font-size: 0.9em;
	text-align: center;
	
}

.menutitleets
{
	background-color: #990033;
	color: white;
	margin: 0 3px 0 3px;
}

.alertbox
{
	border-width: thin;
	border-color: #903;
	width: 77%;
	font-size: 1.1em;
	padding: 1pt;
	margin: 2pt 13% 4pt 13%;
	border-style: double;
}

.buttonbold
{
	color: #FFF;
	background-color: #903;
	font-weight: bold;
}

#editbox
{
	margin: 5pt;
	padding: 5pt;
	border-color: #903;
	border-width: thin;
	border-style: dotted;
}

.milonga, .class
{
	width: 90%;
	margin: 1pt 5pt 1pt 5pt;
	
}
 .itemtitle 
 {
 	background-color: #903;
 	padding: 2pt;
 	color: white;
 	font-weight: normal;
 	margin: 0 6pt 0pt 6pt;
 }
 .itemtitle2 
 {
 	background-color: #903;
 	padding: 2pt;
 	color: white;
 	font-weight: normal;
 	margin: 0 3% 0pt 3%;
 }

.description
{
	BACKGROUND-COLOR: #ffcccc;
	border-color: red;
	border-width: thin;
	padding: 3pt 5pt 15pt 5pt;
	text-align: left;
	font-size: 95%;
	margin: 0 7pt 0 7pt;
}


.level, .date,  .venue , .entryterms , .booking
{
	margin: 1pt 1pt 1pt 8pt;
	font-weight: normal;
}
.time {
	margin: 1pt 1pt 2pt 10pt;
	font-weight: normal;
}

.centred {text-align:center; }
.rightside {float:right;}

.form
{
	padding: 4pt;
	border-width: 1pt;
	border-style: solid;
	border-color: #903;
	text-align: left;
	margin: 0 8% 0 8%;
}

.teacherbox
{
	padding: 4pt;
	border-width: 1pt;
	border-style: solid;
	border-color: #903;
	text-align: left;
	background-color: #FCC;
	margin: 4%;
}
.teacherbox h4
{
	margin: 0.4em;
	padding: 0.2em;
	
}
.individualteacher
{
	border-color: gray;
	border-width: 1pt 0pt 0pt 0pt;
	border-style: double;
	font-size: 0.95em;
}
.inlineimage
{
	margin: 3px;
	float: right;
	padding: 1px;
	border-color: #903;
	border-width: 1px;
	border-style: groove;
}
.maintablepara
{
	margin: 1pt;
	padding: 1pt;
	font-size: 85%;
	
}
h4.mainhead { margin: 1pt 1pt 1pt 1pt; }

.programmebox
{
	padding: 2pt;
	border-width: 1pt;
	border-style: solid;
	border-color: #903;
	text-align: left;
	background-color: #FFF;
	margin: 2%;
	font-size: 0.9em;
}
.programmebox h3
{
	text-align: left;
	font-size: 1.1em;
	font-style: bold;
	margin: 1pt;
	background-color: #903;
	padding: 2pt 2pt 2pt 4pt;
	color: white;
}
.programmebox h4
{
	text-align: left;
	font-size: 1.0em;
	font-style: bold;
	margin: 1pt;
	
	padding: 1pt;
	
}
.programmebox ul { padding: 1pt 1pt 2pt 4em; margin: 1pt; font-size: 0.9em;}

.list {margin-left:5%;}
.listitem {margin: 2px 0 10px 0;}
.list h3 { font-size: 105%;color:#903; margin: 1px 0 4px -4px; }
.section h2 { font-size: 120%; color:#903;}
.section p { margin: 1px 0 2px 0;}
.listitem dt
{
	
	font-weight: 500;
}

.formfield
{
	
	border-left:1px dashed #ffcccc; border-top:1px dashed #ffcccc; border-right:1px dashed #ffcccc; border-bottom:1px dashed #ffcccc;
	background-color: #FFC;
}
.formoption
{
	border-left:1px dashed #ffcccc; border-top:1px dashed #ffcccc; border-right:1px dashed #ffcccc; border-bottom:1px dashed #ffcccc;
	background-color: #FFC;
}
.submitbutton 
{ margin:2pt;
	border-left:1px solid #903; border-top:1px solid #903; border-right:1px solid #903; border-bottom:1px solid #903;
	background-color: #ffccccc;
}
.wmbox
{
	border-left: 1px solid #903;
	border-top: 1px solid #903;
	border-right: 1px solid #903;
	border-bottom: 1px solid #903;
	margin: 1% 3% 3% 3%;
	padding: 4pt;
	font-size: 0.9em;
}
.wmbox h3
{
	text-align: left;
	font-size:115%;
	font-style: bold;
	
	margin: 0pt;
	background-color: #903; padding:2pt; color:white; 
	
}
.commands
{
	border-left: 0px solid #903;
	border-top: 0px solid #903;
	border-right: 0px solid #903;
	border-bottom: 0px solid #903;
	margin: 1%;
	padding: 1pt;
	background-color: #ffffff;
	text-align: center;
}
.selectbutton
{
	margin: 2pt;
	border-left: 1px solid #903;
	border-top: 1px solid #903;
	border-right: 1px solid #903;
	border-bottom: 1px solid #903;
	background-color: #ffccccc;
	font-size: 120%;
	font-weight: 300;
}
#workshopheading 
{
	border-left: 2px solid #903;
	border-top: 2px solid #903;
	border-right: 2px solid #903;
	border-bottom: 2px solid #903;
	margin: 1%;
	padding: 1pt;
	background-color: #ffcccccc;
	text-align: center;
}

#workshopheading h2
{
	font-style: normal;
	font-weight: bold;

	margin: 1pt;
	padding: 1pt;
}
#workshopheading h4,#workshopheading p
{
	font-style: normal;
	font-weight: bold;

	margin: 2pt;
	padding: 1pt;
}

.spacer {clear:both;}