/* GENERIC
   HEADER
	MAIN CONTENT
   SIDEBAR
   TABLES
	LISTS
	QUOTES
	SHOW HIDE
   FORMS
*/

body{
margin:0;
padding:0;
font-family:arial,helvetica,sans-serif;
font-size:90%;
background-color:#fff;
background-image: url(images/strip.png);
background-position: top left;
background-repeat: repeat-y;
color:#000;
min-width:768px;
max-width:1270px;

}
p{
padding:0;
margin-top:0;
margin-bottom:.8em;
font-family:arial,helvetica,sans-serif;
line-height:1.3;
}
h1{
font-size:150%;
margin:0;
padding:.2em 0;
font-family:arial,helvetica,sans-serif;
}
h2{
font-size:130%;
margin:0;
padding:0;
font-family:arial,helvetica,sans-serif;
}
h3{
font-size:110%;
margin:0;
padding:0;
font-family:arial,helvetica,sans-serif;
}
h4{font-size:100%;
margin:0;
padding:0;
font-family:arial,helvetica,sans-serif;
}
a{
color:#5e137a;
text-decoration: none;
}
a:hover{
color:#1fab1f;
}
img{
border:solid 0px #fff;
padding:0;
margin-top:1px;
}
img.float, object.float{float:right} /* the old way */
.fl-right{float:right}
.fl-left{float:left}
.cl-right{clear:right;}
.cl-left{clear:left;}

img.fl-left{padding-right:3px;}

/*  main page layout divs */

#pagemargin{display:none;
/*float:left;
width:9.9%;
max-width:107px;
background-color:#5e137a;
background-image: url(images/strip.png);
background-position:top center;
background-repeat: no-repeat;
height:800px;*/
}
#pagebody{margin-left:120px;
/*float:right;
width:90%;
margin:0;
padding:0;
background:#fff;*/
}

/* =HEADER -----------------------------*/

#headerzone{
width:100%;
min-height:84px;
background-color:transparent;
position:relative;
}
/* sorting out the header */

#snake{
position:absolute;
left:90%;
top:0px;
width:10%;
height:114px;
background:no-repeat url(images/snake.png) #fff center top;
}
#headercontainer{
float:left;
width:89%;
}

#header{
width:100%;
min-height:60px;
}

#menu{
float:left;
padding:2px 0 2px 0px;
margin:0;
min-height:16px;
width:100%;
background:#5e137a;
color:#000;
}
#menu a, #menu a:visited {
display:block;
padding-top:0;
padding-bottom:0;
min-height:14px;
background: #e03b25;
color:#fff;
text-align:center;
text-decoration:none;
font-family:verdana,skia,sans-serif;
font-size:11px;
}
#menu li{
float:left;
display:block;
margin-left:2px;
padding-top:0;
padding-bottom:0;
border:1px solid #fff;
width:14%;
min-height:14px;
text-align:center;
}
#menu a:hover{
background:#ac65a1;
text-decoration:none;
}

li#home{width:11%;}
/*li#resource{width:15%;}
li#consult{width:18%;}
li#contact{width:16%;}*/
li#faq{width:9.5%}
li#about{width:18.5%}

#menu a.selected, #menu a:visited.selected{
color:#5e137a;
background:#f3ca0c;
}
#header h1{
padding:12px 0 5px 5px;
margin:0;
font-size: 30px;
color:#1fab1f;
text-shadow:1px 1px 3px rgba(0,0,0,0.3);
}
#header h1#long{
padding:2px 0 2px 5px;
font-size: 26px;
}
#header h2{
padding:0 0 0 5px;
font-size: 18px;
color:#1fab1f;
text-shadow:1px 1px 2px #696;
}
#header h3{
padding:0 0 0 5px;
font-size: 16px;
color:#c03b25;
text-shadow:1px 1px 2px rgba(0,0,0,0.3);
}

/* =MAIN CONTENT   ---------------------------------*/

#main{
clear:both;
width:100%;
color:#000;
}
#content {
float:left;
padding-left:10px;
width:72%;
}
#content h2, #content h2 a, #content h2 a:visited{
color:#5e137a;
text-shadow:1px 1px 2px rgba(0,0,0,.3);
}
#content h3, #content h3 a, #content h3 a:visited{
clear: left;
color:#c03b25;
}
#content h4, #content h4 a, #content h4 a:visited{color:#ac65a1;}

/* content layout without using a table */

.col1, .col2, .col1-lines, .col2-lines {
margin-top:5px;
margin-bottom:15px;
width:49%;
text-align:left;
}
.col0, .col0-lines{
clear:both;
margin-top: 5px;
margin-bottom:2em;
width:100%;
text-align:left;
}
.col1, .col1-lines {
clear:both;
float:left;
}
.col2, .col2-lines {
float:right;
}
.col1-lines, .col2-lines, .col0-lines, .lines {
border-top:1px solid rgb(175,144,189); /* h2 at 50% [rgba(94,27,122, 0.5) on white background]*/
padding-top:2px;
}

.bordertop {
border-top:1px solid #aaa;
padding-top:5px;
clear:both;
}

img[alt*="Cover"]{
-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.8);
-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.8);
box-shadow:2px 2px 5px rgba(0,0,0,0.8);
}

/* =SIDEBAR   ------------------------------*/

#sidebar {
float:right;
margin: 30px 1px 0 0;
padding:0;
width:25%;
color:#c03b23;
}
#sidebar h2, #sidebar h2 a {
margin:5px 0 0 0;
padding:2px 5px;
color:#fff;
background:#5e137a;
}
#sidebar h2 a {
text-decoration:none;
padding:0;
}
#sidebar h2 a:hover {
text-decoration:none;
color:#fff;
}
#sidebar h3 {
clear:both;
margin:5px 0;
padding:1px 0;
border-top:1px solid #bc7fb1;
color:#007;
background-color:#fff; 
background-image:url(images/menu.png);
background-repeat:repeat-x;
background-position:bottom left;
}
#sidebar h4{
	margin:4px 0;
	padding:0;
	color:#5e137a;
}
#sidebar div.quote{
margin:0;
padding:0 0 0 5px;
color:#c03b25;
background:#fff;
font-weight:bold;
border: solid 1px #5e137a;
}

#sidebar address{
text-decoration: none;
font-style:normal;
color:#5e137a;
padding:0;
margin:0;
padding-left:10px;
padding-bottom:.5em;
}

#sidebar ul{
margin:0;
padding:0;
background:#ac65a1;
color:#fff;
}
#sidebar ul ul{background:#bc7fb1;}
#sidebar ul ul ul{background:#cc8fc1;}

#sidebar li{
display:block;
margin:0;
list-style-type:none;
}

* html #sidebar ul ul li {height:16px;}/* ie6 hack !!*/

#sidebar li a{
display: block;
color:#fff;
padding-left:1em;
border-top:1px solid #b66eaa;
border-bottom:1px solid #a15c96;
}
#sidebar ul ul li a{padding-left: 1.5em; border-color: #c288b9 #999 #b16ca6 #999;}
#sidebar ul ul ul li a {padding-left: 2em; border-color: #d298c9 #999 #c17cb6 #999;}
#sidebar ul ul li:last-child a {border-bottom:0;}

#sidebar #current{
border-left:0.5em solid #f3ca0c;
color:#f3ca0c;
padding-left:0.5em;
}
#sidebar ul ul #current {padding-left:1em;}
#sidebar ul ul ul #current {padding-left:1.5em;}

#sidebar ul a:hover{
text-decoration:none;
color:#000;
background:#fff;
}
#sidebar a{
text-decoration:none;
}
#sidebar a img{
border:0px none #fff;
margin-top:-3px;
}

#sidebar ol{
 list-style-type:circle;
}
#homepage #sidebar p{ 
 font-weight: bold; 
 padding-bottom:0.5em;
}
.padding{
padding:2%;
}

address{
 padding-bottom:1em;
 padding-left:3em;
text-decoration:none;
font-style:normal;
}
/* =MICROFORMATS --------------------*/
.tel .type {display:none;}
.tel .value{display:block;}
.adr .post{}
span.price {
font-size:120%;
font-weight:bold;
color:#c03b25;
}

/* =TABLES ---------------------------*/

table.dates{
padding:0;
margin:0;
background:#ddd;
}
table.dates tr{
font-size:10px;
margin:0;
padding:0 2px;
}
.whitegreen{
background-color:#fff;
color:#1fab1f;
font-size:10px;
margin:0;
padding:0 2px;
}
.greenwhite{
background-color:#1fab1f;
color:#fff;
margin:0;
padding:0 2px;
font-size:10px;
}
tr.whiteblue{
background-color:#fff;
color:#353d96;
margin:0;
padding:0 2px;
font-size:80%;
}
tr.bluewhite{
background-color:#353d96;
color:#fff;
margin:0;
padding:0 2px;
font-size:80%;
}
tr.highlight{
background-color:#53137a;
color:#fff;
text-align:center;
font-weight:bold;
}
table.dates td{
padding:2px 1em 2px 0.2em ;
margin:0;
}
/* =LISTS --------------------------*/

ul, ol{
padding:0 0 0.4em 20px;
margin:0em;
line-height:1.3;

}

p.list-title{
margin-bottom:0.1em;
}
.iconlist{
list-style-type: none;
	}
.iconlist li{
clear:left;
padding:1px 0;
margin:0;
}
.iconlist li img{
float:left;
padding:0;
margin:0;
}
.iconlist p{
padding-top:10px;
margin-left:40px;
color:#009;
}

ol li a{padding:3px 0 3px 22px;}


#menulist{
-moz-column-width: 140px;
-webkit-column-width: 144px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
}
#LAs{
-moz-column-width: 200px;
-webkit-column-width: 200px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
}
dt{
font-size:110%;
margin:0;
padding:0;
color:#c03b25;
font-weight: bold;
}
dd{padding:0;
margin-top:0;
margin-bottom:.5em;
}
/*----links list styles-------*/
.linkslist{
 list-style-type:none;
}
.linkslist li{
 display:inline;
}


/* =QUOTES ---------------------------*/
blockquote p{
color:#5e137a;
padding:0.5em 0 0 0 !important;
margin:0;
}
blockquote{
color:#c03b25;
margin:0;
}
blockquote span{
font-weight:normal;
}
.quotes{
	float:left;
	width:100%;
	color:#fff;
	background: #bc7fb1 url(images/rounded-box-right.gif) no-repeat top right;
	margin-top:10px;
	margin-bottom:10px;
	max-width:390px;
	}
.quotes blockquote{
	color:#fff;
	margin:0;
	padding:9px 9px 0 9px;
	line-height:120%;
	background: url(images/rounded-box-left.gif) no-repeat top left;
}
.quotes p{
	color:#eee;
	margin:0;
	padding: 0 0 0 9px;
	background: url(images/rounded-box-left.gif) bottom left no-repeat;
}
.quotes cite{
	display: block;
	padding:0 9px 9px 0;
	text-align: right;
	background: url(images/rounded-box-right.gif) bottom right no-repeat;
}
blockquote:first-letter{
font-weight:900;
font-size: 120%;
line-height:1;
}
.red {background: #c03b25 url(images/rounded-red-right.gif) no-repeat top right;}
.red p {background: url(images/rounded-red-left.gif) no-repeat bottom left;}
.red blockquote {background: url(images/rounded-red-left.gif) no-repeat top left;}
.red cite {background: url(images/rounded-red-right.gif) no-repeat bottom right;
}
.green {background: #c03b25 url(images/rounded-green-right.gif) no-repeat top right;}
.green p {background: url(images/rounded-green-left.gif) no-repeat bottom left;}
.green blockquote {background: url(images/rounded-green-left.gif) no-repeat top left;}
.green cite {background: url(images/rounded-green-right.gif) no-repeat bottom right;
}
.purp {background: #c03b25 url(images/rounded-purple-right.gif) no-repeat top right;}
.purp p{background: url(images/rounded-purple-left.gif) no-repeat bottom left;}
.purp blockquote {background: url(images/rounded-purple-left.gif) no-repeat top left;}
.purp cite {background: url(images/rounded-purple-right.gif) no-repeat bottom right;
}
.blue {background: #c03b25 url(images/rounded-blue-right.gif) no-repeat top right;}
.blue p {background: url(images/rounded-blue-left.gif) no-repeat bottom left;}
.blue blockquote {background: url(images/rounded-blue-left.gif) no-repeat top left;}
.blue cite {background: url(images/rounded-blue-right.gif) no-repeat bottom right;
}
.yellow {background: #c03b25 url(images/rounded-yellow-right.gif) no-repeat top right;}
.yellow p {background: url(images/rounded-yellow-left.gif) no-repeat bottom left;}
.yellow blockquote {background: url(images/rounded-yellow-left.gif) no-repeat top left;}
.yellow cite {background: url(images/rounded-yellow-right.gif) no-repeat bottom right;
}
/*  =SHOW HIDE -----------------------*/
.hide{
display:none;
}
.showblock{
display:block;
}
.showlist{
 display:list-item;
}

/* =FORMS    ----------------------------------*/
 fieldset{
	background-color: #f9f9fc;
	margin: 20px 5px;
	border: 1px solid #5e137a;
	width:420px;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
}
label{
	display: inline-block;
	font-size: 90%;
  line-height: 1.8;
  vertical-align: top;
margin:0 1em;
width:110px;
}
input.onerow{
	width:250px;;
}
input.button{
margin:0 1em;
}
/* =mediaPlayer    ------------------*/
.ymp-carousel-item{display:none !important;}
#songs a img {display:none;}
ol#songs li a.ymp-btn-page-play{background-image:none;}

/* Remove block with relevant information */
#ymp-relevance { display:none !important; }
.ymp-player-max #ymp-body { width:570px !important; }
.ymp-player-max #ymp-body #ymp-body-strip { width:557px !important; }
.ymp-player-max #ymp-body #ymp-body-base  { width:560px !important; }

