/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body 
{
  font-family: Arial,sans-serif,Verdana;
  background-color: #10146D;
}

a
{
  color: #006699;
  text-decoration: none;
}

a:link
{
  color: black;
  text-decoration: none;
}

a:visited
{
  color: black;
  text-decoration: none;
}

a:hover
{
  color: black;
  text-decoration: underline;
}

a.faqLink
{
  color: #10146d;
  text-decoration: none;
}

a.faqLink:link
{
  color: #10146d;
  text-decoration: none;
}

a.faqLink:visited
{
  color: #10146d;
  text-decoration: none;
}

a.faqLink:hover
{
  color: #10146d;
  text-decoration: underline;
}

h1{
  font-family: Verdana,Arial,sans-serif;
  font-size: 120%;
  color: #334d55;
  margin: 0px;
  padding: 0px;
}

h2{
  font-family: Arial,sans-serif;
  font-size: 114%;
  color: #006699;
  margin: 0px;
  padding: 0px;
}

h3{
  font-family: Arial,sans-serif;
  font-size: 100%;
  color: #334d55;
  margin: 0px;
  padding: 0px;
  float: left;
}

h4{
  font-family: Arial,sans-serif;
  font-size: 100%;
  font-weight: normal;
  color: #333333;
  margin: 0px;
  padding: 0px;
}

h5{
  font-family: Verdana,Arial,sans-serif;
  font-size: 100%;
  color: #334d55;
  margin: 0px;
  padding: 0px;
}

ul{
  list-style-type: square;
}

ul ul{
  list-style-type: disc;
}

ul ul ul{
  list-style-type: none;
}

label{
  font-family: Arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#mainPanel
{
  width: 725px;
  vertical-align: middle;
  text-align: center;
  height: 575px;
  background-color: #000000;
  color: #CCCCCC;
  position: relative;
}

#logoPanel
{
  height: 117px;
  text-align: left;
  position: absolute;
  left: 10px;
  top: 10px;
  vertical-align: middle;
}

#navigationPanel
{
  width: 65px;
  text-align: center;
  background-color: #000000;
  position: absolute;
  left: 0px;
  top: 155px;
}

#eventsPanel
{
  float:left;
  height: 300px;
  width: 10px;
}

#contentPanel
{
  background-color: #5E%EFA;
  width: 590px;
  padding: 5px 5px 5px 5px;
  overflow: auto;
  height: 365px;
  position: absolute;
  left: 10px;
  top: 10px;
  background-color: #5e5efa;
  z-index: 5;
  text-align: justify;
}
#bottomPanel
{
  position: absolute;
  left: 500px;
  top: 550px;
  text-align: left;
  color: #5e5efa;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

#borderPanel 
{
  width: 725px;
  text-align: left;
  background-color: #000000;
}

#outerLogoPanel 
{
  position: relative;
  width: 725px;
  height: 80px;
  padding: 10px 10px 10px 10px;
}

#middlePanel 
{
  position: relative;
  width: 725px;
}

#outerBottomPanel 
{
  position: relative;
  height: 65px;
}
#topLeftCorner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 25px;
  height: 25px;
}
#topRightCorner {
  position: absolute;
  height: 25px;
  width: 25px;
  top: 0px;
  left: 700px;
}
#bottomLeftCorner {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0px;
  top: 550px;
}
#bottomRightCorner {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 700px;
  top: 550px;
}
#insideTopLeftCorner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 25px;
  height: 25px;
  z-index: 4;
}
#insideTopRightCorner {
  position: absolute;
  height: 25px;
  width: 25px;
  top: 0px;
  left: 600px;
  z-index: 4;
}
#insideBottomLeftCorner {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0px;
  top: 375px;
  z-index: 4;
}
#insideBottomRightCorner {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 600px;
  top: 375px;
  z-index: 4;
}
#contentBorder {
  height: 400px;
  width: 625px;
  position: absolute;
  left: 64px;
  top: 125px;
  background-color: #5e5efa;
}
#matisseLayer {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 125px;
  height: 97px;
}
#logoSloganLayer {
  position: absolute;
  top: 30px;
  left: 175px;
  width: 401px;
  height: 64px;
}

.sectionTitle
{
  padding-top: 20px;
  font-weight: bold;
  font-size: 150%;
/*  border: 1px solid red;*/
}

.faqTitle
{
  
  font-weight: bold;
  /*  text-decoration: underline;  */
}

.finePrint
{ 
  font-size: 75%;
}

.faqQuestions
{ 
  list-style-type: circle;
  line-height: 1.5em;
}

.frontPageImage
{ 
  float: right;
  border: 2px solid black;
  margin: 0 5px 5px 5px;
}

.classesImageRight
{ 
  float: right;
  border: 2px solid black;
  margin: 0 5px 5px 5px;
}

.classesImageLeft
{ 
  float: left;
  border: 2px solid black;
  margin: 0 5px 5px 5px;
}

.workshopSection
{
  clear: both;
  margin-top: 10px;
}

.workshopImage
{
  border: 2px solid black;
  margin: 0 5px 5px 5px;
}

.announcement
{
}