/* All new CSS */
/* structure and setup */

*{ margin: 0; padding: 0; }* 

html, body {width:930px; margin: 0 auto; margin-top:6px; margin-bottom:15px; padding:0; color: #000; font: 82% arial, helvetica, sans-serif; text-align: center;background-image: url(images/yellow_blend_background.jpg);background-repeat: repeat-x;background-color: #CC9900;}

h1 {}
h2 {}
h3 {}

#newitems_container { margin:0; margin-bottom:5px; padding:0;}
#newitems_left { float:left; clear:right; width:452px;}
#newitems_right { float:right; width:162px;}

#newitems_container h2 { padding-left:5px; font:Arial, Helvetica, sans-serif; font-size: 14px; font-style:italic;}
#newitems_container h2 a {color:#FFFFFF; text-decoration:none;}
#newitems_container h2 a:hover {color:#666666;}
#newitems_container h2 img {float:right; clear:right; width:24px;height:11px; margin:2px 2px 1px 2px; padding-right:3px;}

 
#newitems_container #newitems_left .round-border-topleft {width:10px; height:10px; position:absolute; z-index:10; background:url(img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
#newitems_container #newitems_left .round-border-topright {width:10px; height:10px; position:absolute; z-index:10; background:url(img/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:440px;} 
 
#newitems_container #newitems_right .round-border-topleft {width:10px; height:10px; position:absolute; z-index:10; background:url(img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
#newitems_container #newitems_right .round-border-topright {width:10px; height:10px; position:absolute; z-index:10; background:url(img/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:150px;} 
 
#newitems_container .itemblue {margin:8px 1px;border:solid 1px rgb(137,170,214); background-color:rgb(213,225,240);}
#newitems_container .itemblue h2 { background-color:rgb(137,170,214);}
#newitems_container .itemorange {margin:8px 1px;border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150); }
#newitems_container .itemorange h2 { background-color:rgb(232,177,13);}
#newitems_container .itemgreen {margin:8px 1px;border:solid 1px rgb(160,214,81); background-color:rgb(217,239,185);}
#newitems_container .itemgreen h2 { background-color:rgb(160,214,81);}
#newitems_container .itemgrey {margin:8px 1px;border:solid 1px rgb(190,190,190); background-color:rgb(235,235,235);}
#newitems_container .itemgrey h2 { background-color:rgb(190,190,190);}
#newitems_container .itemred {margin:8px 1px;border:solid 1px #CC0033; background-color:#FFAD8C;}
#newitems_container .itemred h2 { background-color:#CC0033;}

 
#newitems_container .img-border {width:100.8; height:76.5px;display: block;position: relative;background-color: #fff;border: 1px solid #c0c0c0;padding: 4px; margin:4px 0;}
#newitems_container .img-border:hover {border: 1px solid #567;} 
 
#quicklinks { font-family: arial, helvetica, sans-serif;font-weight: bold;text-decoration: none;wid th:140px; mar gin:0 0 10px 0px;pad ding:10px 0 20px 0;} 
#quicklinks  {width:137px;} 
#quicklinks .round-border-topleft {width:10px; height:10px; position:absolute; z-index:10; background:url(img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
#quicklinks .round-border-topright {width:10px; height:10px; position:absolute; z-index:10; background:url(img/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:125px;}  
#quicklinks .round-border-bottomleft {width:10px; height:10px; position:absolute; z-index:10; background:url(img/bg_corner_bottomleft.gif) no-repeat; margin-top:-10px; margin-left:-1px;}
#quicklinks .round-border-bottomright {width:10px; height:10px; position:absolute; z-index:10; background:url(img/bg_corner_bottomright.gif) no-repeat; margin-top:-10px; margin-left:125px;}

#quicklinks .item {margin:8px 1px;border:none; background-color:rgb(213,225,240);}
#quicklinks .item h2 { background-color:rgb(137,170,214);}
 
#quicklinks h2 { padding-left:5px; font:Arial, Helvetica, sans-serif; font-size: 14px; font-style:italic;color:#FFFFFF; text-decoration:none;}
 

#quicklinks ul li a:hover {color: #666666;}
#quicklinks a {color: #3300FF;}
#quicklinks ul {list-style-type:none; margin:0; padding:0; text-indent:10px;  width:90px; margin:10px}
#quicklinks ul li { display:block;font-family: arial, helvetica, sans-serif;font-weight:bold;white-space:nowrap; overflow:visible;list-style-image:none; margin-bottom:4px;}
#quicklinks p { padding:5px} 
 
 
/* structure and setup */
#container{width:930px;margin:0 auto;padding:4px;text-align:left;background-color:#FFF;} 

#header{width:100%;height:80px;background-color:#000000;border:none; text-decoration:none;} /* strong sky blue 2C8FFF */

#menu_bar{width:930px; margin:4px 0; height:2.1em; line-height:2.1em; overflow:visible; dis play:none;}   
#ad_bar{width:930px;height:23px;line-height:22px; background-image:url(images/bg_anounce.jpg); margin:6px 0;}/*orangy pink FF9999 */

#main_body{min-height:380px;} 
#twocols{width:785px;float:left;}
#leftcol{width:140px;float:left;background-color:#FFF;}
#rightcol{width:140px;float:right; background-color:#FFF;}
#maincol{width:630px;float: right;background-color: #FFF;display:inline; margin:0 5px;}
#footer{height:20px;background-color:#FFFFCC; clear:both; margin-top:10px; line-height:20px; font-size:10px; text-align:center} 

/* end structure and setup */

 /*   */
#header img.logo{ border:none; float:left;}
#header #header_adverts {height:80px; float:right;}
#header #header_adverts img{margin:6px 3px; border:none; display: block;position: relative;background-color: #fff;border: 1px solid #c0c0c0;padding: 4px; float:left; clear:right;}
#header #header_adverts img:hover {border: 1px solid #567;}
#header #set region {height:80px; margin:10px 4px;float:right; clear:none; vertical-align:middle;}

/*Drop-down menu*/
.nav2 {posi tion:absolute;}
.nav2 { white-space:nowrap /*IE hack*/; float:left; width:930px; border:none; background: #009 url(images/bg_head_bottom_nav.jpg) no-repeat; color:#000099;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:2.1em; line-height:2.1em; padding:0 8px 0 8px; text-decoration:none; font-weight:bold; color: #FFFFFF;}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover {position:relative;} /*Sylvain IE hack*/
.nav2 ul li:hover a {background-color:#3366FF; text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:2.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 8px 4px 8px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:#3366FF; text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; left:0;}
.nav2 ul li a:hover ul li a {white-space:normal; display:block; height:1px; line-height:1.3em; padding:4px 8px 4px 8px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

#ad_bar_left {margin-left:5px;float:left;position:absolute; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
#ad_bar_right {margin-right:5px;float:right;position:relative; display:none;}

#leftcol img {margin:6px; display: block;position: relative;background-color: #fff;border: 1px solid #c0c0c0;padding: 4px;}
#leftcol img:hover {border: 1px solid #567;}

#rightcol img {margin:6px; border:none; display: block;position: relative;background-color: #fff;border: 1px solid #c0c0c0;padding: 4px;}
#rightcol img:hover {border: 1px solid #567;}

#menu { font-family: arial, helvetica, sans-serif;font-weight: bold;text-decoration: none;width:140px; margin:0 0 10px 0px;padding:10px 0 20px 0;}
#menu ul li a:hover {color: #666666;}
#menu a {color: #3300FF;}
#menu ul {list-style-type:none; margin:0; padding:0; text-indent:15px;  width:90px;}
#menu ul li { display:block;font-family: arial, helvetica, sans-serif;font-weight:bold;white-space:nowrap; overflow:visible;list-style-image:url(images/arrow.jpg);}
#menu p { padding:5px}

 
#google_ad {text-align:center;}

.communication_buttons {text-align:center; width:120px; margin:0 auto; clear:none;}

#shop .salsamagic_pics p { text-align:center; margin:4px 2px; }
#shop .salsamagic_pics img {width:201px; height:116px; margin:4px;}

#records {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#records span { font-weight:bold; color:#03F;}
#records .record {margin:8px 5px 8px 5px;border: #567 thin solid; padding:4px; min-height:30px;}
#records .title {  font-size:16px; font-weight:bolder;}
#records .nodatafound {}
#records .address {}
#records .region {}
#records .details {}
#records .music_type {}
#records .level .age_group .style .date_time {}

#records .gender img {border:none;width:32px;height:32; float:right;}
#records .contact { width:160px; border:1px solid #567; background-color:#CCCCCC; float:right; clear:right; margin:3px; padding:4px;}
#records .contact_details {}
#records .email {}
#records .last_updated { font-family:"Times New Roman", Times, serif; font-size:9px; color:#990000;}

#photolist .photorow {width:628px;}
#photolist ul { list-style:none;}
#photolist ul li span{ font-weight:bold;}
#photolist img { text-align:center;border: 1px solid #c0c0c0;padding: 4px;width:76.5px; height:58.5px;}
#photolist img:hover {border: 1px solid #567;}
#photolist .photorecord { width:145px; margin:5px; float:left; text-align:center;}
#photolist hr {clear:both; display: block ; margin:0; color:#FFFFFF;}
#photolist .photosubtitle p { width:628px; margin:15px 5px 5px 5px; background-color:#3366FF; float:none; clear:both; color:#FFFFFF; font-weight:bold; text-align:center;} 
#photolist .transparent_line {background-image: url(images/transparent_line.png); height:1px; width:510px; float:left;}
 
#photodisplay { text-align:center;} 
#photodisplay table img {display: block;position: relative;background-color: #fff;border: 1px solid #c0c0c0;padding: 4px;}
#photodisplay table img:hover {border: 1px solid #567;}

#photodisplay div.picWrapper { width:630px; margin:0 auto;}
#photodisplay div.buttonPositionCenter { width:120px; margin:0 auto;}

#photodisplay #navigation { width:300px; height:20px; white-space:nowrap; margin:0 auto; padding:0; clear:none;}
#photodisplay #navigation div.cells { width:100px;float:left; clear:right;}
#photodisplay #navigation a img {border:none; text-decoration:none;}

#links h2 { display:block; background-color:#CC9900; color:#FFFFFF; margin-top:5px; padding-left:5px}
#links h3 { margin-top:5px;}
#links img {display: block;position: relative;background-color: #fff;border: 1px solid #c0c0c0;padding: 4px; margin-top:3px;}
#links img:hover {border: 1px solid #567;}
 
#articles p { margin-top:10px; } 
#articles ul li { list-style:none;}
 
 
 /*  printer styles */ 
 @media print{ 
 
/*hide the left and right column when printing*/ 
#rightcol{display:none;} 
#leftcol{display:none;}
#header{display:none;}
#menu_bar{display:none;}
#ad_bar{display:none;}
#footer{display:none;}
#twocols, #maincol{width:100%; float:none;}
}
 /* end  printer styles */ 

 /* *** IE Fixes *********
 Float containers fix: - http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {content: "."; display: block;height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



/* All new CSS */


.img-border img {width:112; height:85px;display: block;position: relative;background-color: #fff;border: 1px solid #c0c0c0;padding: 4px;}
.img-border img {display: block;position: relative;background-color: #fff;border: 1px solid #c0c0c0;padding: 4px;}
.img-border img:hover {border: 1px solid #567;}






/* old original stuff   */
.tableMenu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #6699FF;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
}
a.MainMenu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	overflow: visible;
	white-space:nowrap;
	text-transform: capitalize;
	text-align: right;
}
a.MainMenu:hover {
	color: #000066;
	border: none;
}
.main_display{
    width:100%;
}
.main_display_table{
	background-color:#FFF;
}
.main_display_table td {border:#CCC thin solid;}
.maintitle{
    text-align:left;
	color:#FFFFFF;
	background-color:#000000;
	font-size: 14px;
}
.formtable{
    background-color:#CCCCCC;
	text-align:left;
}
.formdata{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:500px;
}
.fieldnames{
    white-space:nowrap;
}
.popup_picture{
   position:absolute; left:50%; top:160px; width:660px; margin-left:-330px; 
/* border-style:none; 
   border-width:1px;
   border-color:black;
   background-color: #ecf3fa;*/
   z-index:20;
   visibility:hidden;
   text-align:center;
   padding-top:10px;
   padding-bottom:10px;
   text-decoration: none;
}
table.list {
	width: 95%;
}
tr.listname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
tr.listheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #6699FF;
	text-align: center;
	vertical-align: middle;
}
tr.listdata {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFF66;
}
tr.listdata2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FF9999;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	text-align: center;
}
.listTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	text-align: center;
}

td.tabledataMenu {
	height: 20px;
	text-align: left;
	vertical-align: top;
	width: 100%;
	overflow: visible;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-width: 1px;
}
a.MainMenu:active {
	color: #666633;
}
.txtTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
	font-weight: bolder;
}
.txtTitleCenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: center;
	font-weight: bolder;
}
.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
}

a.button {
	display:block;
	margin: 2px 5px 2px 5px;
	background-color:#009900;
	text-decoration:none;
	color:#FFFFFF;
	padding:2px;
	width:100px;
	float:none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	border: thin outset;
}
a.button:hover {
    background-color:#FFFFFF; 
	color:#009900;
}
td.sep {
	background-color: #FF0000;
	width: 100%;
	line-height: 1pt;
	height: .1pt;
}
tr.sepband {
	background-color: #FFFFFF;
}
.photoinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #CCCCCC;
}
tr.listsep {
	line-height: 3px;
}
.warningMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3366FF;
	text-align: center;
}
.paragraphTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	text-align: center;
}
.paragraphCenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
img.piclandscape {
  height:480px;
  width:640px;
  border:0
}

img.picportrait {
  height:640px;
  width:480px;
  border:0
}

img.picarrows {
  width:35px;
  height:35px;
  border:0
}.formtable {
	border: none;
}
.floatright_toplink {
	float: right;
	border: none;
}

.hovercommentdiv {position:absolute; left:0px; top:0px; width:200px; height:auto;visibility: hidden; background-color:white;border: 1px solid black;padding:0px 5px;}

.newsletter_date
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC0000;
font-weight:bold;
text-align:left;
}
.newsletter_heading
{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
text-align:center;
}
.newsletter_subheading
{
font-family:Arial, Helvetica, sans-serif;
font-size:14;
font-weight:bold;
text-decoration:underline;
text-align:left;
}
.newsletter_body
{
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.newsletter_message
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#003399;
text-align:left;
}
.newsletter_link{
text-indent: 10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066FF;
}

<!-- testing partners hover text stuff -->
/*
div#links a span {display: none;} 


div#links a:hover span {
	display: block;
	position: fixed;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;		
	width: 185px;
	padding: 5px;
	margin: 10px;
	z-index: 100;
	color: #FFFFFF;
	background: blue;
	font: 10px Verdana, sans-serif;
	text-align: center;
	fl oat: right;
}  

div#links span {
	display: block;
	position: relative;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;	
	z-index: 100;
	width: 185px;
	padding: 5px;
	margin: 10px;
	color: #FFFFFF;
	background: blue;
	font: 10px Verdana, sans-serif;
	text-align: center;
	float:none;
}
   
.hide_text {
   display: none;
   text-decoration:none;
}  

.popup_text {
	display: block;
	position: absolute;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;	
	z-index: 100;
	width: 185px;
	padding: 5px;
	margin: 10px;
	color: #FFFFFF;
	background: blue;
	font: 10px Verdana, sans-serif;
	text-align: center;
	float:none;
} 
*/

/* possible for quoting */
blockquote {
  background: transparent url(quoleft.png) left top no-repeat;
}
blockquote div {
  padding: 0 48px;
  background: transparent url(quoright.png) right bottom no-repeat;
}
/*
<blockquote cite="http://www.xzy.com">
<div>
m,.m.,m
</div>
</blockquote>
*/