/* Values for all pages ---------------------------------------*/
  body {
    font:normal 14px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; 
    color:#000;
    background:#D1712C;
    line-height:150%;
  }
  
  /* Container for all page content except for yoga-------------*/
  #container {
    height:740px;
    width:954px;
    margin: 5px auto 0px auto;
    position:absolute;
    left:80px;
    top: 10px;
    border:1px solid #000;
    background-color:#FFF;
    background-image:url(../images/yoga-forli-nataraja-bg.gif);
  }
 
   ul {
    list-style:none;
  }

#banner {
  height:145px;
  width: 441px;
  margin: 0px;
  position:absolute;
  left:180px;
  top:30px;
  text-decoration:none;
  border-style:none;
}
  
#banner img {
  border-style:none;
}


/* photo except orari, photogallery, and contatti*/
#photo {
  height:395px;
  width:263px;
  margin: 0px;
  position:absolute;
  left:590px;
  top: 0px;
}

/* Left Nav */
#left_nav {
  height:265px;
  width:130px;
  margin: 0px;
  position:absolute;
  left:130px;
  top: 260px;  
}

#left_nav ul {
  list-style-type:none;
  margin:0px;
  padding: 2px;
  font-weight:bold;
}

#left_nav li {
  margin:0px 0px 10px 0px;
  border-left: 3px solid #fff;
  border-top: 3px solid #fff;
  border-right: 3px solid #aaa;
  border-bottom: 3px solid #666;
  width: 120px;
  background-color: #45734D;
}

#left_nav ul a:link, #left_nav ul a:visited, #left_nav ul a:hover, #left_nav a:active {
  font-weight:bold;
  color:#fffffe;
  display:block;
  padding:2px 10px;
  text-decoration:none;
}

#left_nav ul a:hover {
  background:#BF7422;
}
#hm_pg #hm,
#in_pg #in,
#yg_pg #yg,
#cy_pg #cy,
#ds_pg #ds,
#ct_pg #ct,
#foto_pg #foto {
  background:#8C1921;
}

/*
.current {
  background:#8C1921;
}

.not_current {
  background: #45734D;
}
*/

/* Headers except dove siamo and insegnanti*/
#yoga {
  height:65px;
  width:500px;
  margin: 0px;
  position:absolute;
  left:320px;
  top: 220px;
  line-height:250%;
 }
 /* Header 2 except for contatti */
#forli {
  height:80px;
  width:400px;
  margin: 0px;
  position:absolute;
  left:340px;
  top: 310px;  
}

/* paragraph for all except yoga & home*/
#paragraph {
  height:200px;
  width:363px;
  margin: 0px;
  text-indent:5px;
  position:absolute;
  left:340px;
  top: 430px;
}

#paragraph span {
  color:#8C1922;
  font-size: 1.1em;
  font-weight:bold;
}

#h_paragraph a {
  color:#8C1922;
  font-size: 1.1em;
  font-weight:bold;
}

/* Bottom Nav */
#bottom_nav {
  height:50px;
  width:680px;
  margin: 0px;
  position:absolute;
  left:190px;
  bottom: -8px;
  text-align:center;
}

#bottom_nav ul {
  list-style-type:none;
}

#bottom_nav li {
  display:inline;
  padding:8px;
}

#bottom_nav a:link, #bottom_nav a:visited, #bottom_nav a:hover, #bottom_nav a:active {
  font-weight:normal;
  color:#000;
}

#bottom_nav li a:visited {
  color:#666;
}  
  /* INDIVIDUAL PAGES -------------------------------------------------*/
    /* -------------------------------  YOGA  ------------------------*/
    
	/* paragraph for home when there's an event. when now event, take out the h_para div from index*/
#h_paragraph {
  height:200px;
  width:400px;
  margin: 0px;
  text-indent:0px;
  position:absolute;
  left:340px;
  top: 390px;
}

#h_paragraph span {
  color:#8C1922;
  font-size: 1.1em;
  font-weight:bold;
}
      /* Container for yoga page only--------------------------------*/
  #container_yoga {
    height:1121px;
    width:954px;
    margin: 5px auto 0px auto;
    position:absolute;
    left:80px;
    top: 10px;
    border:1px solid #000;
    background-image:url(../images/yoga-forli-nataraja-yoga-bg.gif);
  }
  
        /* Container for corsi page only--------------------------------*/
  #container_corsi {
    height:1788px;
    width:954px;
    margin: 5px auto 0px auto;
    position:absolute;
    left:80px;
    top: 10px;
    border:1px solid #000;
    background-image:url(../images/yoga-forli-nataraja-corsi-bg.gif);
  }

/* paragraph for yoga*/
#paragraph_yoga {
  height:200px;
  width:363px;
  margin: 0px;
  position:absolute;
  left:340px;
  top: 300px;
}

#paragraph_yoga span {
  color:#8C1920;
  font-size: 1.1em;
  font-weight:bold;
}

    /* -------------------------------  INSEGNANTI  ------------------------*/
/* paragraph for insegnanti*/

#yoga_insegnanti {
  height:65px;
  width:500px;
  margin: 0px;
  position:absolute;
  left:290px;
  top: 190px;
  line-height:250%;
 }
#simona {
  height:200px;
  width:563px;
  margin: 0px;
  position:absolute;
  left:290px;
  top: 210px;
}

#simona img {
  margin-top:50px;
}

#lisa {
  height:200px;
  width:563px;
  margin:0px;
  position:absolute;
  left:290px;
  top: 470px;
}

#simona a:link {
  font-weight:bold;
  color:#55835D;
}

#simona a:visited {
  font-weight:normal;
  color:#35633D;
}

#simona a:hover {
  font-weight:normal;
  color:#8C1921;
}

#simona a:active {
  font-weight:normal;
  color:#45734D;
}

.about_photo {
	margin: 10px 0px 20px 20px;
    width:200px;
    height:200px;
    float: right;
    border:1px solid #000;
}

.about_text_sh {
    padding-top:0px;
    width:300px;
	float: none;
    position:absolute;
    left:0px;
    top: 40px;
}

.about_text_s {
    padding-top:70px;
    width:375px;
	float: none;
}

.about_text_lh {
    padding-top:0px;
    width:300px;
	float: none;
    position:absolute;
    left:0px;
    top: -20px;
}

.about_text_l {
    padding-top:10px;
    width:375px;
	float: none;
}

    /* -------------------------------  CONTATTI  ------------------------*/

/* Form for Contatti*/
#form {
  height:200px;
  width:363px;
  margin: 0px;
  text-indent:5px;
  position:absolute;
  left:340px;
  top: 390px;
}

#form input {
  background-color:#e9eaea;
  border-style:solid;
  border-width:1px;
  border-color:#FFF #AAA #666 #FFF;
}

#form textarea {
  background-color:#e9eaea;
  border-style:solid;
  border-width:1px;
  border-color:#FFF #AAA #666 #FFF;
 }
 
   /* Photo for Contatti */
#photo_contatti {
  height:206px;
  width:320px;
  margin: 0px;
  position:absolute;
  left:600px;
  top: 120px;
}

#forli_contatti {
  height:80px;
  width:400px;
  margin: 0px;
  position:absolute;
  left:340px;
  top: 280px;  
}

#forli_contatti img {
vertical-align:middle;
}

.message_sent_error {
 font-weight:bold;
 font-size:1.1em;
 color:#8C1921;
}

.message_sent_ok {
 font-weight:bold;
 font-size:1.2em;
 color:#45734D;
}

    /* -------------------------------  PHOTOGALLERY  ------------------------*/

/* Photogallery Styles */
#photo_gallery {
  height:395px;
  width:263px;
  margin: 0px;
  position:absolute;
  left:600px;
  top: 85px;
}

#pg {
  height:600px;
  width:400px;
  margin: 0px;
  position:absolute;
  left:300px;
  top: 220px;
}

#pg a {
color: #45734E;
font-weight: 700;
}
#pg a:hover {
color: #8C1922;
text-decoration: none;
}

#pg a:focus, a:active {
color: #000;
background: #eee;
}
#wrap {width: 650px; text-align: center; margin: 0 auto;}

.gallery_description {
text-align: left;
}
.gallery_description p {
margin: .5em 0;
font-size: .9em;
}

#thumbs {
width: 90px;
margin:0px;
}

#wrap ul {
list-style: none;
margin: 0;
padding: 0;
}

#wrap ul li {
display: inline;
}

#thumbs ul li a {
display: block;
margin: 0 0 5px;
}

#pg h2 {
  height:65px;
  width:500px;
  margin: 0px;
  position:absolute;
  left:0px;
  top: -10px;
  line-height:250%;
 }

#wrap p {
text-align: left;
}

#pg img {
border: 1px solid #eee;
padding: 1px;
}
#pg li.current_image a img {
border: 2px solid #cc2;
padding: 0px;
}
#full_image {
float: right;
width: 360px;
margin-top:38px;
margin-right:100px;
}
#full_image img {
float: right;
}
#full_image p {
margin: 0;
padding: 0;
}
#full_image .caption_text_under {
clear: right;
text-align: center!important;
font-size: .8em;
padding: 1em 0;
}
#gallery_nav {
float: right;
border: 1px solid #bbc;
background: #444;
font-size: .9em;
font-family: Arial, Verdana, sans-serif;
width: 25%;
}
#gallery_nav p {
width:400px;
padding: 10px;
margin: -20px 0 0 40px;
text-align: center;
}
#gallery_nav.gallery_nav_below {
border:  none;
background: none;
margin-left: 1px;
width:300px;
float: left;
}
#gallery_nav.gallery_nav_below p {
text-align: right;
letter-spacing:1px;
}
#page_list {
clear: none;
text-align: left;
font-family: Arial, Verdana, sans-serif;
font-size: .8em;
width: 50%;
}
#page_list li {
padding: 0 5px 0 0;
}

    /* -------------------------------  ORARI  ------------------------*/

/* table for orari*/
#orari {
  height:200px;
  width:363px;
  margin:0px;
  position:absolute;
  left:320px;
  top: 350px;
}

#orari table tr td {
  margin:100px 0;
  background-color:#e6e4e4;
  padding:10px;
  border-style:solid;
  border-width:3px;
  border-color:#FFF #AAA #666 #FFF;
  text-align:center;
  letter-spacing:1px;
 }
 
 /* Photo for Orari */
 #photo_orari {
  height:180px;
  width:320px;
  margin: 0px;
  position:absolute;
  left:600px;
  top: 120px;
}
 
     /* -------------------------------  DOVE SIAMO  ------------------------*/
 
#yoga_dove_siamo {
  height:65px;
  width:500px;
  margin: 0px;
  position:absolute;
  left:320px;
  top: 190px;
  line-height:250%;
 }

#map_canvas {
  border:#45734D;
  border-style:double;
  border-width:4px;
  height:320px;
  width:420px;
  margin: 0px;
  position:absolute;
  left:320px;
  top: 265px;
}

#address {
  position:absolute;
  left:342px;
  top: 590px;
}

#address p {
  text-align:center;
}

#address img {
vertical-align:middle;
}

/* -------------------------------- STAGE --------------------------------------*/
#stage {
  height:365px;
  width:500px;
  margin: 0px;
  position:absolute;
  left:320px;
  top: 240px;
  line-height:250%;
 }
 
 /* paragraph for stage*/
#paragraph_stage {
  height:200px;
  width:363px;
  margin: 0px;
  position:absolute;
  left:340px;
  top: 350px;
}

#stage_link a:link {
  font-weight:bold;
  color:#55835D;
}

#stage_link a:visited {
  font-weight:normal;
  color:#35633D;
}

#stage_link a:hover {
  font-weight:normal;
  color:#8C1921;
}

#stage_link a:active {
  font-weight:normal;
  color:#45734D;
}
