body
{
    background: white;
	color: #020080;
    font-family: Verdana, Arial, Helvetica,  Comic Sans MS, sans-serif;
    font-size: 10pt;
}

link
{ 	 
	 color:Black;
	 font-weight:bolder;
}

a:link 
{ 
    color: black;
    font-weight:bolder;
}

a:visited
{ 
    color: black;
    font-weight:bolder;
}

a:hover
{ 
	color: white;
    text-decoration: underline;
	background: #020080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight:bolder;
}

H1, H2, H3, H4
{
    color: #020080;
    font-family: French Script MT, Verdana, Arial, Helvetica, sans-serif;
}

.txtbold
{
    font-weight:bold;
}

.txtcenter
{
  text-align:center;
}

.txtRight
{
  text-align:right;
}

.blktext
{
    color:Black;
}

.txtuline
{
    text-decoration:underline;
}

.boxBlack
{
    border:solid 2px black;
}

.greyBk
{
    background-color: #e0e0e0;
}

.grayBkBox
{
    background-color: #e0e0e0;
    border:solid 2px black;
    padding-left:0.5em;
    padding-right:0.5em;
    color:Black;
}

.turqBk
{
    background-color: #ccffff;
    text-align:center;
}

.turqBkBox
{
    background-color: #ccffff;
    border:solid 2px black;
    padding: 0.5em;
    color:Black;
}

.txtRed
{
    color:Red;
}

.RedH2
{
    color:Red;
    font-weight:bold;
    font-size:14pt;
    text-align:center;
}

.txtBlue
{
    color:Blue;
}

.LimeBk
{
    background-color:#99ff66;
}

.txtGray
{
    color:Gray;
}

.imgAlign
{
    vertical-align: top;
    padding-right: 0.5em;
    display:block;  
}

/* Line Size */
.lineNSP{
  line-height:0em;
}
/* End of Global Sittings */

/* Applies to id="wrapper" */
#wrapper{
  width:62em;
  background-color: white;
  /* Center the wrapper */
  margin: 20px auto 0 auto;
}

/* Applies to id="branding" */
#branding{
 position:relative;
} 

/* Fixes the mysterious image gap, if it occurrs */
#branding img{
  display:block;
}

#branding a{
  position:absolute;
}

#branding a:link, #branding a:visited {
  color:#cd853f;
}

/* Hover links in branding bar */
#branding a:hover{
  color:#cd853f;
}

/* Active link in branding bar */
#branding a:active{
  color:#cd853f;
}

/************* Leftcolumn division styles ****************/ 
#leftcolumn{
  /* Remember, content left margin must match this width */
   width:12em;
   float:left;
 /* Center images and text inside this div */
   text-align:center;
}

/* Applies to images in the leftcolumn div */
/* #leftcolumn img{
  width:80%;
}
*/

/* Applies to paragraphs in the leftcolumn division */
#leftcolumn p{
  border:solid 2px #696969;
  padding:0.5em;
  width:80%;
  font-size:0.8em;
  margin:1em auto;
  text-align:left;
} 

/* Applies to id="content" */
#content{
  /* Left margin must match leftcolumn width */
  margin-left:12em;
  border-left:solid 4px #696969;
  background-color:#fff;
  color:#020080;
  padding:10px 10px;
}

/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3, #content h4{
  font-family: Charcoal, Impact, sans-serif;
  color:#020080;
  font-weight:normal;
  font-style:italic;
  font-variant:small-caps;
  letter-spacing:0.08em;
}

/* Size h1 headings in the content division */
#content h1{
  font-size:2em;
}

/* Size h2 headings in the content division */
#content h2{
  font-size:1.5em;
}

/* Size h3 headings in the content division */
#content h3{
  font-size:1.25em;
  font-style:normal;
}

/* Size h3 headings in the content division */
#content h4{
  font-size:1.0em;
  font-style:normal;
}

/* Applies to all lists in the content division */
#content ul, #content ol{
  padding:10px 0 10px 40px; 
}

/* Applies to Home Page */
#PicDates
{
    height:24em;
    width:48em;
}
    
#QSessionDates
{
    float:right;
    height:24em;
}

#PicsRotate
{
    float:left;
    width: 19em;
    height:24em;
}

/* Applies to Advisory Panel web page */
#Advisory li{
  line-height:3.0em;
}

/* Applies to line height in the content division */
#content p{
  line-height:1.5em;
}

/* Applies to Who We Are Web Page */
#Lauri
{
    vertical-align: top;
    width:25%;
}

#Lauri img{
  padding-right: 0.5em;
  display:block;  
}

#Jodi
{
    vertical-align: top;
}

#Jodi img{
  padding-right: 0.5em;
  display:block;  
}
#Larry
{
    vertical-align: top;
}

#Larry img{
  padding-right: 0.5em;
  display:block;  
}

/* Applies to workshop web page */
#JodiTop
{
    width:49em;
    height: 11em;
}

#JodiBottom
{
    width:49em;
    height:11em;
}

.JodiPicLeft
{
    float:left;
    padding-right:0.5em;
}

.JodiTextRight
{
    float:right;
    width:39em;
}

#CDescriptop
{
    float:left;
    width:49em;
}

/* Applies to id="footer" */
#footer{
  font-family:Arial;
  background-color: #e0e0e0; 
  margin-left: 17.3em;
  padding: 1em;
  font-size: 1.0em;  
  text-align:center;
}
#footer a:link,
#footer a:visited{
/* No underline on links */
  text-decoration:none;
  color:  #cd853f;
}

#footer a:hover,
#footer a:active
{
  background-color: white;
  color:#020080;
  border: dotted 1px #020080;
}
/*End of Footer styles */

@media print{
/* Start printer-friendly styles */

/* Set wrapper to fill page width */
#wrapper{
width:100%;
}

/* Hide leftcolumn, navbar,and footer */
#leftcolumn,
#navbar,
#footer{
display:none;
}

/* Get rid of content div margins and
padding. Use a different font for print */
#content{
margin:0;
padding:0;
font-family:'Century Schoolbook', Times, Serif;
font-size:1em;
}

/*End printer-friendly styles */
}