body {
	background:#000 url(img/bg.png) repeat-y fixed top; color:#82744E;
	font-family: "Palatino Linotype", Palatino, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; font-size: 75%; /*font-style:italic;*/ 
}
#outer { max-width:980px; margin-left:auto; margin-right:auto; position:relative } /* page width: 980px, centred on background color */

#brand { position:absolute; top:25px; left:30px	/* branding (& navigation) postion on top --- height: 30px (nav.) + 202px (banner) = 232px --- */
	/*height:380px; width:985px;*/
	/*left:auto; right:auto;*/
	/*background-color:#600*/
}
#brand h2 {text-indent:-9999px; background:url(/img/Anze-Palka-in-New-Flamenco-Orchestra.png); width:157px; height:76px}
* html #brand h2 { background:url(/img/Anze-Palka-in-New-Flamenco-Orchestra.gif) }

* html #brand { left:-250px } 

#brand a { border:none }
#brand a img { border:none }

#nav {
	margin:35px 0 0 -32px;
	list-style-type: none;
	text-transform:uppercase;
}
#nav li {
	padding:0 15px 11px 15px;
	color:#80704A; font-weight:normal; font-size: 120%;
}
* html #nav { margin-left:7px} 

#nav a {color:#80704A; text-decoration:none; border:none; font-weight:bold }
#nav a:hover { color:#999; /*text-decoration:underline*/ }

#nav a { display:block; text-indent:-9999px; background:url(/img/nav.png) }
* html #nav a { background-image:url(/img/nav.gif) }
#nav1 a { background-position: -2px; width:57px }
#nav2 a { background-position: -60px; width:29px }
#nav3 a { background-position:-91px; width:54px }
#nav4 a { background-position:-146px; width:52px }
#nav5 a { background-position:-200px; width:70px }
#nav5 a { background-position:-200px; width:70px }
#nav6 a { background-position:-271px; width:34px; margin-top:30px }


#nav b { color:#C00 }

#main {	margin-left:270px; /* --- starts for branding height lower --- */
	padding-top:10px;
	font-size:115%;
	padding-left:25px; padding-right:25px;
	/*position:absoulte; left:0; top:200px;*/
	/*background-color:#060;	padding-bottom:1px;*/
	/*border:1px solid yellow;*/
}

#main.firstPg { padding-left:0; padding-right:0 !important }

/*
#main1 {
	margin-top:348px;
	position:absoulte; left:0; top:200px;
	min-height:820px;
	background:#000 url(/img/siff/flamenco--22.bg.jpg) top right no-repeat;
}
#main1 .img { margin:0 180px 0 0}
#main1 .content { padding-top:0; padding-right:1em; font-size:120%}
#main1 .content p { font-style:italic; font-weight:bold }
*/

#siteInfo {
	border-top:1px solid #111;
	clear:both; color:#555;
	text-align:center; padding:10px 0 0.5em 0; font-style:italic; font-size:110%;
	/*font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size:85%; color:#999;*/
	/*background:#303;*/
}
#siteInfo b {color:#777}
#siteInfo small {font-family: Arial; font-size:70%}
#siteInfo a {color:#555; border:none  }
#siteInfo a:hover {color:#C00; border:none}

a {color:#C2B48E; text-decoration:none; border-bottom:dotted 1px #666}
.logos a {border-bottom:none}
.logos td {padding-right:20px; padding-bottom:10px}
a:hover {color:#AAA; border-bottom:none; text-decoration:underline}

img.side {float:left; margin:20px 60px 0 0}

img.sideC {float:left; margin:110px 80px 250px 90px}

ul.promo {
	color:#F00;
	position:relative; left:17px
}
ul.promo li {margin-top:15px; margin-bottom:15px }

input, textarea, select {background-color:transparent; color:#82744E; font-size:100%;  border:1px solid #666; padding:2px;
font-family: "Palatino Linotype", Palatino, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif }

h1 {color:#DDD; font-size:180% }
h2, h3 {color:#BBB; font-size:135% }
h4 {margin:0; margin-top:40px}
strong {color:#BBB}

ul.news {
	margin:0 0 0 -40px;
	list-style-type: none;
}
.news li {
	padding-bottom:20px;
	/*color:#80704A; font-weight:normal; font-size: 120%;*/
}

#photos { list-style-type: none; margin-left:-2.8em }
#photos li { float:left; padding: 2em 4em 2em 0 }
 #photos img { border:1px solid #111 }
#photos a, #hoverNav a, #bottomNav a { border:none }