/* Style sheet for pamelamadison.com

  Navigation is down the left side from top to bottom.
  Header is to the right of the navigation with body below and
  Footer below the body.
 __________________________________
 |    |                            |
 |    |                            |
 |    |____________________________|
 |    |                            |
 |    |                            |
 |    |                            |
 |    |                            |
 |    |____________________________|
 |    |                            |
 |    |                            |
 |____|____________________________|
  
*/


/* ----------- body --------------
  This describes the basic font and color information
*/
body { 
  background-color: #FFFFFF;
  color:black;
  font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
}

/* -------------- * -----------------
  recommended to be placed after the body declaration
  to eliminate the default margins and padding for all 
  elements. */
* {
  margin: 0;
  padding: 0;
}

/* --------------- common tag styles -------------- */
/* --------------- a (lvha order) --------- */
a:link {
  background-color: inherit;
  color: #000099;
  text-decoration: underline;
} 
a:visited {
  background-color: inherit;
  color: #000099;
  text-decoration: underline;
}
a:hover {
  background-color: inherit;
  color: #000099;
  text-decoration:underline;
}

a img {
  border:none;
}

/* -------------- h1 ---------------------
*/
h1 {
  background-color: inherit;
  color: #663366; /* purple */
  font-size: 1.2em;
  font-style:italic;
  font-weight: bold;
}
h1.contrast {
  background-color: inherit;
  color: #999966;  /* tan */
  font-size: 1.2em;
  font-style:italic;
  font-weight: bold;
}

/* -------------- h2 ---------------------
*/
h2 {
  background-color: inherit;
  color: #003366; /* blue */
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-top: 10px;
}
/* -------------- h3 ---------------------
*/
h3 {
  background-color: inherit;
  color: #663366; /* purple */
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-top: 10px;
}

/* ------------ strong ------------------------
*/
strong {
  background-color: inherit;
  color: #663366;
}

img.line {
  margin-top:10px;
  margin-bottom:10px;
}

/* -------------- pagewrapper ------------------
  Keeping the min & max widths the same simply centers the display
   on the screen if the browser window is wider than 800px.
   Setting the width, and removing auto margins keeps the display left justified.
*/
#pagewrapper {
	background-color: #663366;  
	color: #000000; 
	overflow:hidden;
  text-align: left; 
  /* width:714px; *//* from old pm site, i think */
  width: 800px; 
}
/* -------------- navigation ------------------
  This is the left edge of the page and should extend
  all the way down to the bottom.
  
  The graphic leftnav3 is 164x500.
*/

#navigation{
  background-color:#663366;
  color:#FFFFFF;
  float:left;
  overflow:hidden;
  text-align:center;
  width:190px;
}

#navigation img {
  border:none;
  clear:both;
  margin-top:15px;
}

#navigation ul {
  list-style-type: none;
	/* margin-top: 30px; */
}

#navigation ul li {
	font-size:.85em;
	margin-top:20px;
}

#navigation ul li a {
	color:#ffffff;
	text-decoration:none;
}

/* --------------- mainwrapper -----------------
  This wraps the header, maincontent and footer.
  Margin-left is the space for the navigation+border
*/
#mainwrapper {
  background-color:#FFFFFF;
  color:#000000;
  float:left;
  /* margin-left:190px;*/
  width:610px;
  /*  padding-top:26px;
  overflow:hidden; */
}
/* --------------- header --------------------
  This holds the space for the header graphic.
  Each page has a unique one.
*/
#header {
	/* float:left; */
  margin-bottom:38px;
  margin-left:39px;
  padding-top:26px;
  /* overflow:hidden; */
  width:531px;
  
  }

/* --------------- maincontent --------------------
  This is the body text area for the page.
*/
#maincontent {
	background-color:#FFFFFF;
	color:#000000;
  font-size:0.7em;
  margin-left:40px;
  margin-right:20px;
	min-height:260px;
  /* overflow:hidden; */
  width:550px;
}

#maincontent p{
	background-color:#FFFFFF;
	color:#000000;
  margin-bottom:11px;
  margin-top:11px;
}

/* --------------- footer --------------------
  This holds the space for the footer information.
*/

#footer {
  background-color:inherit;
  color:#663366;
  /* font-size:0.8em; */
  font-weight:bold;
  margin-left:20px;
  margin-top:30px;
  padding-bottom:50px;
  text-align:center;
}
#footer p.copyright{
  font-weight:bold;

}

/* -------------- layout items for courses ---------

*/
#thecourses{
  /* display:inline; */
  float:left;
  margin-bottom:20px;
  width:550px;
}
#thecourses img{
  border:none;
}
.thecourse{
  clear:both;
  margin-top:20px;
  overflow:hidden;
  width:546px;
}

.thecourse .announce {
  background-color:inherit;
  color:#999966;
  font-size:12px;
}

.thecourse .offerings {
  display:inline;
  float:left;
  margin-bottom:10px; 
  margin-top:10px; 
  width:163px; 
}
.thecourse .offerings h1{
  background-color:inherit;
  color:#663333;
  font-family:verdana,sans-serif;
  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
}
.thecourse .coursecost h3 {
  background-color:inherit;
  color:#333333;
  font-family:verdana,sans-serif;
  font-size:11px;
  font-style:italic;
  font-weight:normal;
  margin-bottom:30px;
  margin-top:30px;
}
#thecourses .thecourse .offerings .coursedate p{
  margin:0;
}
.offerings .coursedate{
  margin-bottom:30px;
}
.thecourse .course_description {
  display:inline;
  float:left;
  margin-bottom:10px; 
  margin-left:40px;
  margin-top:10px; 
  width:343px; 
  
}

/* --------------- whatsnew ---------------------

*/
div#whatsnew {
  margin-top:45px;
  overflow:hidden;
  width:510px;
}

div#whatsnew div.newitem {
	float:left;
  margin-top:15px;
  /* overflow:hidden; */
  width:510px;
}
#whatsnew .newitem img {
  /* border: 1px solid #000; */
  display:inline;
  float:left;
  margin-bottom:10px;
  margin-right: 30px;
}
#whatsnew .newitem h3 {
  background-color: inherit;
  border: none; 
  color: #80A467;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0;
  margin: 0px 0px 10px 0px;
  padding: 0;
}
#whatsnew .newitem .theimage {
	float:left;
	width:170px;
}
#whatsnew .newitem .thetext {
	float:left;
	width:300px;
}

/* ---------- ul --------------*/
#maincontent ul {
  margin-bottom:20px;
  margin-left:15px;
  margin-top:10px;
}

/* --------- quotes ------------*/
#quotes {
  margin-left:30px;
  margin-right:30px;
}

p.quote {
  font-style:italic;
}

span.q_author {
  background-color: inherit;
  color: #003366;
  font-style:normal;
  font-weight:bold;
}

p.moreinfo {
  background-color:inherit;
  color:#663366;
  text-align:center;
}

/* --------- imagegallery table ------*/
table.imagegallery {
  margin-top:20px;
}

td.captions {
  text-align:center;
}
#maincontent td.captions p{
  margin-bottom:10px;
  margin-top:0px;
}

#maincontent table.centerhours {
  background-color:#CCCCCC;
  border-color:#000000;
  border-style:ridge;
  border-width:2px;
  color:#000000;
  height:88px; 
  margin-bottom:25px;
  margin-left:auto;
  margin-right:auto;
  margin-top:25px;
  text-align:center; /* just for IE */
}
table.centerhours td {
  padding:5px;
  text-align:center;
}
/* --------- footer ------------ */

#footer ul {
  font-size: .65em;
  margin: 2px 0;
  padding: 0;
}
/* 20080819: add more attributes so that the phplist definitions are overridden 

	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : black;
	text-decoration : none;
*/
#footer ul.address {
  background-color:inherit;
  color:#663366;
  font-weight:bold;
  font-size: .65em;
  margin: 2px 0 10px 0;
  padding: 0;
}

#footer li {
  border-left: 1px solid;
  display: inline;
  padding: 0 5px 0 9px;
}

#footer li:first-child {
  border-left: 0;
}

#footer ul.address li a {
  background-color: inherit;
  color: #663366;
  font-weight:bold;
}

#footer ul li a {
  background-color: inherit;
  color: #663366;
  font-weight:normal;
}


.copyright {
  background-color: inherit;
  color: #766B61;
  font-size: .65em;
  margin-top: 10px;
}



/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
/*
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}*/
/* line to handle fix for IE Mac */
/*.clearfix {display: inline-block;} */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
/*
* html .clearfix {height: 1%;}
.clearfix {display:block;} */
/* End hide from IE-Mac */
/* end of "no-extra-markup" clearning */