@charset "UTF-8";
/* CSS Document */

body {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 100%;
background-color: #c4e7ff;
margin: 0;
padding: 0;
background-image: url(images/body-bg.gif);
background-repeat: repeat-x;
}

#container {
width: 900px;
margin: 0 auto;
text-align: left;
padding: 0;
border: 0;
background:url(images/cont-bg-2.gif) no-repeat top right;
}

#header {
width: 900px;
height: 154px;
padding: 0;
margin: 0 0 0 0;
border: 0px;
display: block;
background:url(images/logo.gif) top left no-repeat;
}

#content {
}

.clear {
clear: both;
font-size: .1em;
line-height: .1em;
border: 0px;
}

.clearbig {
clear: both;
font-size: 1em;
line-height: 1.1em;
border: 0px;
}

#main .slideshow {
float: right;
width: 487px;
height: 340px;
padding: 0;
margin: 50px 0 0 0;
background: url(art/SHUFFLE-HOME-bg.jpg) top left no-repeat;
}

#main .donation {
float: right;
width: 340px;
padding: 0;
margin: 50px 0 0 35px;
border-left: 1px dotted #3774a0;
clear: right;
}

#main .donation form {
padding: 0;
margin: 0 0 10px 20px;
}

#main a.link {
color: #004a80;
font-weight: bold;
font-size: .875em;
}

#main a:hover.link {
color: #fff;
background-color: #004a80;
}

#main a.reg {
color: #004a80;
}

#main a:hover.reg {
color: #fff;
background-color: #004a80;
}


/* COLORS
L blue - dcf1ff
M blue - 3774a0 - 4f90bf
D blue - 004a80
back blue - 6997b8
YELLOW - ffCB08
WHT - FFF
BLK - 000 
*/

hr {
color: #3774a0;
background-color: #3774a0;
height: 1px;
padding: 0px;
margin: 15px 0 15px 17px;
border: 0px;
}

/* Container for the menu. --------------------------------- TITLE ----- */

#main {
margin: 0;
padding: 0;
}

#main h1 {
font-size: 1em;
font-weight: normal;
line-height: 1.1em;
text-indent: -3000px;
color: #9abdd6;
text-align: left;
margin: 0;
padding: 0;
}

#main h2 {
font-size: 1.3em;
font-weight: normal;
line-height: 1.25em;
color: #004a80;
margin: 0 0 10px 17px;
padding: 0;
}

#main h2.headphilo {
font-size: 1.3em;
font-weight: normal;
line-height: 1.2em;
color: #004a80;
margin: 15px 0 4px 17px;
padding: 0;
}

#main h3 {
font-size: 1.1em;
font-weight: normal;
line-height: 1.6em;
color: #4f90bf;
margin: 4px 0 7px 17px;
padding: 0;
}

#main h4 {
font-size: 1em;
font-weight: normal;
line-height: 1.3em;
color: #4f90bf;
margin: 0 0 20px 24px;
padding: 0 0 10px 0;
border-bottom: 1px dotted #4f90bf;
}

#main h3.philo {
font-size: 1.1em;
font-weight: normal;
line-height: 1.6em;
color: #4f90bf;
margin: 4px 0 15px 45px;
padding: 0;
}

#main p {
font-size: .85em;
line-height: 1.7em;
color: #004a80;
margin: 0 0 15px 17px;
padding: 0;
}

#main p.description {
font-size: .85em;
line-height: 1.7em;
color: #004a80;
margin: 0 0 15px 17px;
padding: 0 0 10px 0;
border-bottom: 1px dotted #4f90bf;
}

#main p.descriptionsub {
font-size: .85em;
line-height: 1.7em;
color: #004a80;
margin: 0 0 5px 17px;
padding: 0;
}

#main p.textphilo {
font-size: .85em;
line-height: 1.4em;
color: #004a80;
margin: 0 100px 0 45px;
padding: 0;
}

#main p.med {
font-size: .75em;
line-height: 1.3em;
color: #004a80;
margin: 0 25px 8px 17px;
padding: 0;
}

#main p.smright {
font-size: .7em;
line-height: 1.3em;
color: #004a80;
margin: 0 25px 8px 17px;
padding: 0;
}

#main p.sm {
font-size: .7em;
line-height: 1.3em;
color: #004a80;
margin: 0 0 8px 17px;
padding: 0;
}

blockquote {
font-size: 1.2em;
line-height: 1.4em;
color: #4f90bf;
margin: 20px 20px 8px 17px;
padding: 0;
}

cite {
font-size: .9em;
line-height: 1.2em;
color: #4f90bf;
margin: 0 0 15px 400px;
padding: 0;
font-style: italic;
}

#main a:link, #main a:visited {
color: #3774a0;
text-decoration: underline;
}

#main a:hover {
color: #ffffff;
background-color: #3774a0;
}

#newsltr a:link, #newsltr a:visited {
color: #ffCB08;
text-decoration: underline;
}

#newsltr a:hover {
color: #ffffff;
}

/* COLORS
L blue - dcf1ff
M blue - 3774a0 - 4f90bf
D blue - 004a80
back blue - 6997b8
YELLOW - ffCB08
WHT - FFF
BLK - 000 
*/

/* sub nav in SIDEBARE for social icons. ----------------------------- SOCIAL ICONS */

.headerwrap {
}

.socialicons {
display: block;
height: 37px;
margin: 55px 67px 2px 0;
padding: 0 0 0 0;
float: right;
}

.socialicons a {
text-decoration: none;
}

#sub_icons {
  width: 105px;
  height: 37px;
  position: relative;
  left: 0px;
  top: 0px;
  background: url(images/yogabalance-social.gif);
  margin: 0;    
  padding: 0;
  display: block;
  list-style-type: none;
}

#sub_icons a {
  position: absolute;
  top: 0px;
  margin: 0;
  padding: 0;
  display: block;
  height: 37px;
  background: url(images/yogabalance-social.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
  border: 0px;
}

li#sub_rss a {
  left: 0px;
  width: 35px;
  background-position: 0 0;
}
li#sub_fac a {
  left: 35px;
  width: 35px;
  background-position: -35px 0;
}
li#sub_twt a {
  left: 70px;
  width: 35px;
  background-position: -70px 0;
}

li#sub_rss a:hover {
  background-position: 0 -37px;
  background-color: transparent;
  border-bottom: 0px;
}
li#sub_fac a:hover {
  background-position: -35px -37px;
  background-color: transparent;
  border-bottom: 0px;
}
li#sub_twt a:hover {
  background-position: -70px -37px;
  background-color: transparent;
  border-bottom: 0px;
}

/* NEWSLETTER Signup in header ************************************* newsletter */

#newsltr {
float: right;
width: 413px;
padding: 0 0 0 0;
margin: 0 0 0 0;
text-align: center;
clear: right;
}

.newslettertext {
font-size: 1em;
line-height: 1em;
color: #004A80;
margin: 0;
padding: 0;
}

.newsletter {
font-size: .8em;
line-height: 1.2em;
color: #004A80;
margin: 0 23px 0 23px;
padding: 0;
}

.tableleft {
margin-left: 15px;
margin-right: 15px;
}


/* sub division on right ******************************************** sub DIVISION */

#sub {
float: right;
width: 250px;
margin: 50px 30px 40px 0;
padding: 25px 0 0 0;
background: url(images/sub-top.gif) top left no-repeat;
background-color: #004a80;
}

#sub h2 {
font-size: 1.3em;
font-weight: normal;
line-height: 1.2em;
color: #ffCB08;
margin: 0 20px 10px 20px;
padding: 0;
}

#sub h3 {
font-size: 1.1em;
font-weight: normal;
line-height: 1.2em;
color: #ffCB08;
margin: 25px 20px 10px 20px;
padding: 0;
}

#sub h4 {
font-size: 1em;
font-weight: normal;
line-height: 1.2em;
color: #ffCB08;
margin: 0 20px 10px 20px;
padding: 0;
}

#sub p {
font-size: .85em;
line-height: 1.7em;
color: #fff;
margin: 0 20px 8px 20px;
padding: 0;
}

#sub ul {
margin: 10px 0 10px 0;
padding: 0;
list-style-type: none;
line-height: 1.3em
}

#sub ul li a {
display: block;
text-decoration: none;
padding: 10px 20px 10px 20px;
font-size: 1.2em;
line-height: 1.1em;
font-weight: bold;
color: #ffCB08;
}

#main #sub ul li a:hover {
background-color: #4f90bf;
color: #ffCB08;
}

#sub ul li.current {
display: block;
padding: 10px 20px 10px 20px;
font-size: 1.2em;
line-height: 1.1em;
font-weight: bold;
background-color: #ffCB08;
color: #004a80;
}

#main #sub a.link {
color: #ffCB08;
font-size: .95em;
}

#main #sub a:hover.link {
background-color: #4f90bf;
color: #ffCB08;
}

#sub img.pic {
padding: 5px;
margin: 3px 20px 3px 20px;
background-color: #FFF;
}

#sub img.picspace {
padding: 5px;
margin: 3px 20px 13px 20px;
background-color: #FFF;
}

#sub p.caption {
font-size: .75em;
line-height: 1.2em;
text-align: right;
padding: 0;
margin: 2px 22px 10px 20px;
color: #fff;
font-style: italic;
}

/* COLORS
L blue - dcf1ff
M blue - 3774a0 - 4f90bf
D blue - 004a80
back blue - 6997b8
YELLOW - ffCB08
WHT - FFF
BLK - 000 
*/

#quote {
margin: 20px 0 0 0;
padding: 0;
border-top: 1px dotted #3774a0;
}

/* sub ul for favorites ******************************************** ul .favorites*/

#sub ul.favorites {
margin: 4px 0 15px 0;
padding: 0;
list-style-type: none;
line-height: 1.3em
}

#sub ul.favorites li {
color: #ffCB08;
margin: 0 0 8px 21px;
}

#sub ul.favorites li a {
display: block;
text-decoration: none;
padding: 5px 20px 5px 25px;
font-size: .9em;
line-height: 1.1em;
font-weight: normal;
text-decoration: underline;
color: #ffCB08;
}

#sub ul.favorites li a:hover {
background-color: #4f90bf;
color: #004a80;
}

/* sub ul for DONATIONS ******************************************** ul .donations*/

#sub ul.donations {
margin: 15px 0 30px 0;
padding: 0;
list-style-type: none;
line-height: 1.3em
}

#sub ul.donations li {
display: block;
padding: 10px 20px 0px 20px;
font-size: 1em;
line-height: 1.1em;
background-color: #3774a0;
color: #ffffff;
}

#sub ul.donations li.last {
padding: 10px 20px 10px 20px;
}

/* sub ul for PRIVATES ******************************************** ul .privates*/

#sub ul.privates {
margin: 15px 0 30px 0;
padding: 0;
list-style-type: none;
line-height: 1.3em
}

#sub ul.privates li {
display: block;
padding: 10px 20px 0px 20px;
font-size: .9em;
line-height: 1.1em;
background-color: #3774a0;
color: #ffffff;
}

#sub ul.privates li.last {
padding: 10px 20px 10px 20px;
}

/* COLORS
L blue - dcf1ff
M blue - 3774a0
D blue - 004a80
back blue - 6997b8
YELLOW - ffCB08
WHT - FFF
BLK - 000 
*/

/* main-left ******************************************** main-left*/

.main-left {
margin: 30px 0 15px 0;
padding: 0;
width: 580px;
float: left;
}

.main-left img {
padding: 5px;
margin: 4px 17px 10px 17px;
background-color: #004a80;
}

.main-left img.silk {
float: left;
padding: 0;
margin: 0 15px 4px 5px;
border: 0px;
}

img.costa {
float: left;
padding: 0;
margin: 0 55px 4px 5px;
border: 0px;
}

.left {
float: left;
}

.right {
float: right;
}

.relo {
float: left;
margin: 0px;
padding: 0px;
}

.main-left img.noright {
float: right;
padding: 0;
border: 0px;
margin: 0 10px 10px 10px;
}


span {
font-style: italic;
font-size: 75%;
}

/* teacher-single ********************************************teacher-single */

.teacher-single {
float: left;
margin: 30px 20px 0 10px;
padding: 0;
}

.teacher-single img {
padding: 5px;
margin: 0px 10px 10px 0;
padding: 0;
border: 5px solid #004a80;
display: block;
}

#main .teacher-single h2 {
font-size: 1em;
font-weight: normal;
line-height: 1.1em;
color: #004a80;
margin: 0 0 10px 0;
padding: 0;
}

#main .teacher-single p {
font-size: .85em;
line-height: 1.6em;
color: #004a80;
margin: 0 0 8px 5px;
padding: 0;
}

/*  ******************************************** Unordered LIST */

#main .main-left ul {
list-style-type: none;
padding: 5px 0 0 0;
margin: 0 0 10px 25px;
text-align: left;
}

#main .main-left ol {
list-style-type: decimal;
padding: 5px 0 0 0;
margin: 0 0 10px 25px;
text-align: left;
}

#main .main-left ul li {
background-image: url(images/li-bullet.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
padding: 0 0 0 15px;
margin: 0 0 3px 5px;
color: #3774a0;
}

#main .main-left ol li {
padding: 0 0 0 0;
margin: 0 0 3px 5px;
color: #3774a0;
}

#main .main-left ul li a:link, #main .main-left ul li a:visited {
color: #004a80;
text-decoration: underline;
}

#main .main-left ul li a:hover {
color: #ffCB08;
background-color: #004a80;
}

#main .main-left img.event {
float: right;
padding: 0;
margin: 2px 5px 10px 15px;
border: 5px solid #004a80;
}

ul.bullet {
list-style-type: none;
padding: 5px 0 0 0;
margin: 0 0 25px 25px;
text-align: left;
}

ul.bullet li {
background-image: url(images/li-bullet.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
padding: 0;
margin: 0;
}

#main p.bulletli {
font-size: .95em;
line-height: 1.3em;
color: #004a80;
margin: 0 10px 5px 1px;
padding: 0;
}

/* Container for the menu. --------------------------------- MENU WRAPPER ----- */
#menuwrapper {
margin: 0 0 55px 17px;
padding: 0;
}

#menu, #menu ul {
padding: 0;
margin: 0;
list-style: none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#body_hom li#hom a, 
#body_abt li#abt a, 
#body_cla li#cla a, 
#body_evt li#evt a, 
#body_tea li#tea a, 
#body_blg li#blg a, 
#body_ret li#ret a,
#body_faq li#faq a, 
#body_con li#con a, 
#body_ger li#ger a {
color: #004a80;
background-color: #FFF;
}

/* COLORS
L blue - dcf1ff
M blue - 3774a0
D blue - 004a80
back blue - 6997b8
YELLOW - ffCB08
WHT - FFF
BLK - 000 
*/

#menu a {
display: block;
text-decoration: none;
padding: 5px 10px 5px 10px;
font-size: .925em;
color: #fff;
}

#menu a.trigger {
padding: 5px 16px 5px 10px;
background-image: url(images/menu-arrow-y.gif);
background-repeat: no-repeat;
background-position: right center;
}

#menu li {
float: left;
width: 9em;
}

#menu li ul, #menu ul li  {
width: 11em;
}

#menu ul li a  {
color: #565656;
border-right: 0;
padding: 3px 12px 2px 16px;
}

#menu li ul {
position: absolute;
display: none;
background-color: #FFFFFF;
padding: 0 0 5px 0;
border-bottom: 1px solid #fff;
background-image: url(images/gradient.gif);
background-repeat: repeat;
}

#menu li:hover a, #menu a:focus,
#menu a:active, #menu li.p7hvr a {
color: #fff;
background-color: #004a80;
}

#menu li:hover ul, #menu li.p7hvr ul {
display: block;
}

#menu li:hover ul a, #menu li.p7hvr ul a {
color: #c4e7ff;
background-color: transparent;
}
#menu ul a:hover {
background-color: #004a80!important;
color: #FFFFFF!important;
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#menu li {width: auto;}

/* sub division on right ******************************************** sub DIVISION */

#sub {
float: right;
width: 250px;
margin: 50px 30px 40px 0;
padding: 25px 0 0 0;
background: url(images/sub-top.gif) top left no-repeat;
background-color: #004a80;
}

#sub h2 {
font-size: 1.3em;
font-weight: normal;
line-height: 1.2em;
color: #ffCB08;
margin: 0 20px 10px 20px;
padding: 0;
}

#sub h3 {
font-size: 1.1em;
font-weight: normal;
line-height: 1.2em;
color: #ffCB08;
margin: 25px 20px 10px 20px;
padding: 0;
}

#sub h4 {
font-size: 1em;
font-weight: normal;
line-height: 1.2em;
color: #ffCB08;
margin: 0 20px 10px 20px;
padding: 0;
}

#sub p {
font-size: .85em;
line-height: 1.7em;
color: #fff;
margin: 0 20px 8px 20px;
padding: 0;
}

#sub form {
margin: 0 0 0 20px;
padding: 0;
border: 0px;
}

#sub ul {
margin: 10px 20px 7px 0;
padding: 0;
list-style-type: none;
line-height: 1.3em
}

#sub ul li {
text-decoration: none;
padding: 0;
margin: 0 0 5px 20px;
}

#main #sub ul li a {
color: #4382af;
text-decoration: underline;
padding: 0 0 0 0;
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0 0;
font-weight: normal;
}

#main #sub ul li a:hover {
color: #ffCB08;
}

#sub img.pic {
padding: 5px;
margin: 3px 20px 3px 20px;
background-color: #FFF;
}

#sub img.picspace {
padding: 5px;
margin: 3px 20px 13px 20px;
background-color: #FFF;
}

#sub p.caption {
font-size: .75em;
line-height: 1.2em;
text-align: right;
padding: 0;
margin: 2px 22px 10px 20px;
color: #fff;
font-style: italic;
}

/* sub ul for PRIVATES ******************************************** ul .privates*/

#sub ul.privates {
margin: 15px 0 30px 0;
padding: 0 20px 0 0;
list-style-type: none;
line-height: 1.3em
background-color: #3774a0;
}

#sub ul.privates li {
display: block;
padding: 5px;
font-size: .9em;
line-height: 1.15em;
background-color: #3774a0;
color: #ffffff;
}

#sub ul.privates li.last {
padding: 5px;
}


/* Class Schedule Tabel ************************** CLASS SCHEDULE TABLE */

.schedule-table {
padding: 0;
margin: 35px 0 15px 17px;
border-collapse: collapse;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: .95em;
line-height: 1.5em;
color: #004a80;
border: 1px solid #004a80;
}

/* COLORS
L blue - dcf1ff
M blue - 3774a0
D blue - 004a80
back blue - 6997b8
YELLOW - ffCB08
WHT - FFF
BLK - 000 
*/

.schedule-table caption {
caption-side: bottom;
font-size: 0.9em;
font-style: italic;
text-align: right;
padding: 0.5em 0;
}

.schedule-table th, .schedule-table td {
border-bottom: 1px solid #004a80;
padding: 12px 15px 12px 15px;
color: #004a80;
text-align: left;
}

.schedule-table th[scope=col] {
color: #fff;
background-color: #004a80;
text-transform: uppercase;
font-size: .9em;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
text-align: left;
}

.schedule-table th+th[scope=col] {
color: #fff;
background-color: #004a80;
border-right: 1px solid #fff;
text-align: left;
}

.schedule-table th[scope=row] {
color: #FFF;
background-color: #4f90bf;
border-right: 1px solid #fff;
}

/* Container for the footer. --------------------------------- FOOTER WRAPPER ----- */


#footer-wrap {
margin: 0 auto;
background: url(images/footer-wrap-bg.gif) top repeat-x;
background-color: #004a80;
padding: 0 0 20px 0;
}

#footer {
margin: 0 auto;
width: 900px;
padding: 0 0 50px 0;
}

#footer a {
color: #ffcb05;
}

#footer a:hover {
color: #fff;
}

#upcoming {
background: url(images/footer-event-bg.gif) top left no-repeat;
float: left;
position: relative;
left: 17px;
width: 280px;
padding: 80px 0 0 0;
}

#yogagear {
background: url(images/footer-gear-bg.gif) top left no-repeat;
float: left;
position: relative;
left: 91px;
width: 210px;
padding: 100px 0 0 0;
}

#upcoming h2, #yogagear h2 {
font-size: 1.15em;
font-weight: normal;
line-height: 1.2em;
color: #ffcb05;
margin: 0 0 10px 0;
padding: 0;
}

#yogagear p {
font-size: .9em;
font-weight: normal;
line-height: 1.2em;
color: #ffffff;
margin: 0 0 5px 0;
padding: 0;
}

#yogagear span {
color: #ffcb05;
font-size: 110%;
}

#upcoming img {
border: 5px solid #fff;
margin: 0 0 5px 0;
padding: 0;
}

#yogagear img {
border: 0px;
margin: 0 0 15px 0;
padding: 0;
}

#newsletter {
background: url(images/footer-newsletter-bg.gif) top left no-repeat;
float: left;
position: relative;
left: 54px;
width: 280px;
padding: 80px 0 0 0;
}

#newsletter ul, #upcoming ul {
margin: 0;
padding: 0;
border: 0;
}

#newsletter ul li, #upcoming ul li {
display: block;
margin: 0;
padding: 6px;
list-style: none;
border-bottom: 1px dotted #3774a0;
font-size: 1em;
list-style-type: none;
text-decoration: none;
color: #ffCB08;
text-align: left;
}

#newsletter ul li a:link, #recentpost ul li a:visited {
color: #ffcb05;
text-decoration: none;
margin-left: 5px;
}

#newsletter ul li a:hover {
color: #ffffff;
}

#newsletter p {
color: #3774a0;
text-align: left;
font-size: .8em;
line-height: 1.2em;
margin: 0 35px 15px 235px;
padding: 0;
}


/* LightBOX ******************************************** */

/* COLORS
L blue - dcf1ff
M blue - 3774a0
D blue - 004a80
back blue - 6997b8
YELLOW - ffCB08
WHT - FFF
BLK - 000 
*/

.geartees {
display: block;
width: 800px;
margin: 0 0 20px 25px;
padding: 0;
}

.geartees img {
padding: 0;
margin: 5px 10px 5px 0;
}

#gallery_home {
display: block;
width: 339px;
margin: 0 0 0 15px;
padding: 0 0 15px 0;
}

#gallery_home img {
padding: 7px;
margin: 5px 10px 5px 0;
background-color: #95672b;
}

#gallery_books {
float: left;
margin: 5px 0 0 25px;
padding: 0;
}

#gallery_books img {
float: left;
padding: 4px;
margin: 5px 10px 5px 0;
background-color: #95672b;
}

.teacher {
margin: 50px 0 15px 0;
padding: 0;
width: 590px;
display: block;
}

.teacher img {
float: left;
padding: 5px;
margin: 4px 15px 10px 17px;
background-color: #004a80;
}

img.ourteachers {
padding: 5px;
margin: 15px 0px 10px 10px;
background-color: #004a80;
}

.gallery_teacher {
display: block;
width: 590px;
margin: 5px 0 0 17px;
padding: 0;
height: 120px;
}

.gallery_teacher img {
float: left;
padding: 3px;
margin: 5px 5px 5px 0;
background-color: #004a80;
}

.gallery_newloc {
display: block;
margin: 5px 0 10px 10px;
padding: 0;
}

.gallery_newloc img {
float: left;
padding: 3px;
margin: 5px 5px 5px 0;
background-color: #004a80;
}

#gallery_tracy {
display: block;
margin: 5px 0 10px 25px;
padding: 10px 0 0 0;
}

#gallery_tracy img {
float: left;
padding: 4px;
margin: 5px 10px 5px 0;
background-color: #95672b;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ 
border: none; 
}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* COLORS
L blue - dcf1ff
M blue - 3774a0
D blue - 004a80
back blue - 6997b8
YELLOW - ffCB08
WHT - FFF
BLK - 000 
*/
	
/* FORM INSTRUCTIONS ************************** */

#teacherapplicaiton {
border-top: 1px dotted #004a80;
margin: 0 0 10px 0;
padding: 20px 0 0 0;
}

.FormItem{
	float:left;
	width:550px;
	margin-bottom:12px;
	margin-left: 17px;
}

.FormItem span {
font-style: normal;
font-size: 100%;
}

.FormItem label{
	float:left;
	width:518px;
	margin-bottom:3px;
	font-size:1.1em;
	color:#004a80;
}

.FormItem input{
	width:316px;
	background-color:#d7eefe;
	border:#004a80 solid 3px;
	color:#004a80;
	font-size:1.3em;
	padding:3px;
}

.FormItem textarea{
	width:510px;
	height:90px;
	background-color:#d7eefe;
	border:#004a80 solid 3px;
	color:#004a80;
	font-size:1.15em;
	padding:3px;
}

.FormItem textarea.long{
	width:510px;
	height:275px;
	background-color:#d7eefe;
	border:#004a80 solid 3px;
	color:#004a80;
	font-size:1.15em;
	padding:3px;
}

.FormItem .focusField{  
	border:#444444 solid 5px;  
} 

input#SubmitButton{
	width:95px;
	height:40px;
	color:#FFFFFF;
	font-size:1.4em;
	background-color:#004a80;
	border:none;
	font-style:italic;
	cursor:pointer;
	margin: 0 15px 20px 0;
}
input#ResetButton{
	width:95px;
	height:40px;
	color:#FFFFFF;
	font-size:1.4em;
	background-color:#004a80;
	border:none;
	font-style:italic;
	cursor:pointer;
}
input#SubmitButton:hover, input#ResetButton:hover{
	background-color:#444444;
	}
	
/* FORM INSTRUCTIONS ************************** for FOOTER ONLY */

.FormItemNews {
float: left;
width: 275px;
margin-bottom: 4px;
margin-right: 17px;
}

.FormItemNews span {
font-style: normal;
font-size: 100%;
color: #ffCB08;
}

.FormItemNews label{
	float:left;
	width:275px;
	margin-bottom:3px;
	font-size:.9em;
	color:#fff;
}

.FormItemNews input{
	width:250px;
	background-color:#d7eefe;
	border:#004a80 solid 3px;
	color:#004a80;
	font-size:1em;
	padding:3px;
}

.FormItemNews textarea{
	width:510px;
	height:90px;
	background-color:#d7eefe;
	border:#004a80 solid 3px;
	color:#004a80;
	font-size:1.15em;
	padding:3px;
}

.FormItemNews textarea.long{
	width:510px;
	height:275px;
	background-color:#d7eefe;
	border:#004a80 solid 3px;
	color:#004a80;
	font-size:1.15em;
	padding:3px;
}

.FormItemNews .focusField{  
	border:#444444 solid 5px;  
} 

input#SubmitButtonNews {
	width:75px;
	height:35px;
	color:#fff;
	font-size:1.1em;
	background-color:#3774a0;
	border:none;
	font-style:italic;
	cursor:pointer;
	margin: 0 10px 20px 5px;
}
input#ResetButtonNews {
	width:75px;
	height:35px;
	color:#FFFFFF;
	font-size:1.1em;
	background-color:#3774a0;
	border:none;
	font-style:italic;
	cursor:pointer;
}
input#SubmitButtonNews:hover, input#ResetButtonNews:hover{
	background-color:#444444;
	}
	
	/* LightBOX ******************************************** */

.geartees {
display: block;
width: 800px;
margin: 0 0 20px 25px;
padding: 0;
}

.geartees img {
padding: 0;
margin: 5px 10px 5px 0;
}

#gallery_home {
display: block;
width: 339px;
margin: 0 0 0 15px;
padding: 0 0 15px 0;
}

#gallery_home img {
padding: 7px;
margin: 5px 10px 5px 0;
background-color: #95672b;
}

#gallery_books {
float: left;
margin: 5px 0 0 25px;
padding: 0;
}

#gallery_books img {
float: left;
padding: 4px;
margin: 5px 10px 5px 0;
background-color: #95672b;
}
#gallery_teacher {
display: block;
width: 685px;
margin: 5px 0 0 0;
padding: 0;
}

#gallery_teacher img {
float: left;
padding: 4px;
margin: 5px 10px 5px 0;
background-color: #95672b;
}

#gallery_tracy {
display: block;
width: 475px;
margin: 5px 0 10px 25px;
padding: 0;
}

#gallery_tracy img {
float: left;
padding: 4px;
margin: 5px 10px 5px 0;
background-color: #95672b;
}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ 
border: none; 
}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
.alignleft {
float: left;
}

.alignright {
float: right;
}

/* YOGA FOR FREEDOM ACCORDION MENUE **************************************** YOGA FREEDOM ON HOME */

#yogafreedom {
width: 900px;
margin: 0 0 15px 0;
text-align: left;
padding: 55px 0 0 0;
border: 0px;
background:url(art/yogafreedom-BG.gif) no-repeat top left;
}

#main #yogafreedom a {
color: #c4e7ff;
border: 0px;
text-decoration: none;
}

#main #yogafreedom a:hover {
color: #c4e7ff;
background-color: #c4e7ff;
}

.eventpay {
width: 274px;
height: 40px;
margin: 5px 0 10px 20px;
padding: 0px;
border: 0px;
}

.eventpay img {
border: 0px;
}

.main-left img.noborder {
padding: 0px;
margin: 0 0 0 0;
background-color: #none;
border: 0px;
}