/*  Joshua's Place main stylesheet */

/* Global Styles */
* { margin: 0; padding: 0; }
body {
   background: #dcffb8 url(images/bg_new.png) }
p {
   font-size: 12px;
   font-family: arial, sans-serif;
   line-height: 24px;
   color: #670451;
   margin: 10px 0;
}
a {color: #670451; text-decoration: none; font-weight: bold;}
a:hover {color: #9c5a8d; text-decoration: underline;}
img { border: none; }

/* ID Styles */
#pagewrap { width: 770px; margin: 0 auto; background-color: #670451; }
#hdr {
/*   margin-left: 15px;*/
   background: #660451 url(images/joshuas_place_logo_tagline.jpg) /*images/joshuas_place_logotype.gif*/ no-repeat;
   height: 82px;
}
#nav { height: 36px; background-color: #c6afc5; }
#nav ul { margin-left: 15px; }
#nav li { line-height: 36px; list-style-type: none; float: left; }
#nav a {
   display: inline;
   font: 10px arial;
   color: #670451;
   margin-right: 28px;
   text-decoration: none;
   letter-spacing: .1em;
   text-transform: uppercase;
   vertical-align: middle;
}
#nav a:hover {color: #9c5a8d; text-decoration: underline;}

#contentwrap {
   background: #fff url(images/bg_leftcol.jpg) no-repeat;
   float: left;
   width: 100%;
}
* html #contentwrap { position: relative; }
#content {
   width: 446px;
   margin: 0 44px 10px 50px;
   background-color: #fff;
   float: right;
   min-height: 550px;
}
* html #content { margin-right: 25px; }
#content-narrow {
   width: 346px;
   margin: 0 44px 10px 50px;
   background-color: #fff; float: right;
}
#content p {
   margin-top: 0;
   margin-bottom: 2em;
}
#content p.center { text-align: center; }
#content h2 {
   font-size: 20px;
   font-family: georgia;
   color: #670451;
   letter-spacing: .1em;
   line-height: 26px;
   font-weight: normal;
   margin: 2em 0 1.3em;
}
#content h3 {
   font-size: 16px;
   font-family: georgia;
   color: #670451;
   letter-spacing: .1em;
   line-height: 22px;
   font-weight: normal;
   font-style: italic;
   margin: 1.8em 0 .5em;
}

#sidebar {
   width: 230px;
   background: #9b6291 /*#c6afc5*/ url(images/bg_leftcol_1pixel.jpg) repeat-x;
   float: left;
   }
* html #sidebar { position: absolute; left: 0px;}
#sidebar-lg { width: 322px; background-color: #c6afc5; float: left; }

#sidebar-logo { height: 240px; background: url(images/joshuas_place_logo.jpg) no-repeat; }
#sidebar-lower { margin: 0 20px; padding: 40px 0; }
#sidebar p {
   font-family: georgia;
   color: #fff; /*#670451;*/
   line-height: 18px;
   text-align: justify;
}
#sidebar p.right {  text-align: right; }

#footer { background-color: #670451; margin-top: 2px; height: 36px; clear: both; }
#footer ul { margin-left: 15px; }
#footer li { line-height: 36px; list-style-type: none; float: left; }
#footer a {
   display: inline;
   font: 10px arial;
   color: #c6afc5;
   margin-right: 28px;
   text-decoration: none;
   letter-spacing: .1em;
   text-transform: uppercase;
   vertical-align: middle;
}
#footer a:hover {color: #c6afc5; text-decoration: underline;}

/*
#padding {padding: 20px 5px 20px 5px;}
#weekdays th {font: 10px arial; color: #ffffff; letter-spacing: .2em;}
#calheader td {font-weight: bold;}*/

/* Class Styles */
.clear { clear: both; }
p.credits { text-align: center; margin-top: 0; }
p.credits a { color: #fff; font-weight: normal; color: #542669; }

/*.logo {
   font: 18px times new roman;
   color: #000000;
   letter-spacing: .4em;
   font-weight: bold;
}

.bodyText {font: 12px arial; line-height: 24px; color: #670451;}

.subHeader {
   font: 14px georgia;
   color: #670451;
   font-weight: bold;
   line-height: 20px;
   letter-spacing: .1em;
}
.navText {font: 10px arial; color: #670451; letter-spacing: .1em;}
.calendarText {font: 11px arial; line-height: 14px; color: #670451;}*/

/*  ========= calendar and wide pages =========== */
#pagewrap.side-logo #hdr { margin-left: 120px; position: relative; }
#pagewrap.side-logo #hdr div {
   position: absolute;
   background: url(images/small_hdr_logo.png) no-repeat;
   height: 105px;
   width: 105px;
   top: 10px;
   left: -105px;
}
#pagewrap.side-logo #nav ul { margin-left: 120px; }
#content.widepage { width: 770px; margin: 0; }

/* ========  instructors page ==================  */
body#instructors #content {
   margin: 15px 0 5px;
   width: 530px;
}
body#instructors .instructor { height: 149px; margin-bottom: 10px; }
body#instructors .instructor h3 {
   float: left;
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   margin: 5px 0 0;
}
body#instructors .instructor h3, body#instructors .instructor p {
   width: 305px;
   text-align: right;
   line-height: normal;
}
body#instructors .instructor img { float: right; width: 221px;  display: block; }