/* ========================================================================== \\
// GENERAL
// 5/07 - navmain changed background colorfrom ccc to fff
//        modify .label and .value - for homepage mods
// 6/17/05 - added packaglist
// ========================================================================== */

body
{
 font: 12pt "Helvetica", "Arial", sans-serif;
 color: #000;
 background-color: #fff;
}

img
{
 border: 0px;
}

a          { font: bold 10pt/12pt; text-decoration: none; }
a:link     { color: #336; background: transparent; }
a:visited  { color: #336; background: transparent; }
a:hover    { color: #36C; background: transparent; }
a:active   { color: #36C; background: transparent; }

h1,h2,h3
{
 color: #336;
}
h1
{
 text-align: center;
}

abbr, acronym, .help
{
 border-bottom: 1px dotted #333;
 cursor: help;
}

/* =============================================================================
// LAYOUT
//=========================================================================== */

div#navTop
{
 color: #f00;
 background: transparent;
 text-align: right;
 font: bold 10pt/10pt;
 float: right;
 margin-right: 10px;
 width: 575px;
}
div#navTop span
{
 font: bold 12pt/12pt;
}
div#Logo
{
 color: #fff;
 background-color: #ccc;
 text-align: left;
 vertical-align: bottom;
 width: 325px;
 height: 90px;
 margin-left: 10px;
}
div#navMain
{
 color: #fff;
 background-color: #fff;
 text-align: center;
 vertical-align: middle;
 margin-left: 10px;
 margin-right: 10px;
 padding: 10px;
}
div#navMain a
{
 font: bold 10pt/12pt;
 text-decoration: none;
 border: 1px solid #333366;
 cursor: pointer;
}
div#navMain a:link     { color: #336; background-color: #ddd; border-color: #36c; }
div#navMain a:visited  { color: #336; background-color: #ddd; border-color: #36c; }
div#navMain a:hover    { color: #36c; background-color: #fff; border-color: #336; }
div#navMain a:active   { color: #36c; background-color: #fff; border-color: #336; }
#GrayBarLowerRight
{
 position: relative;
 float: right;
 right: 0px;
 bottom: 0px;
 color: #336; background: transparent;
}

div#navUser
{
 color: #333366;
 background-color: #DDDDDD;
 text-align: right;
 vertical-align: bottom;
 float: right;
 margin-right: 10px;
 margin-top: 15px;
 padding: 5px;
 border: 4px ridge #3366CC;
}
div#navUser a
{
 display: block;
 font: bold 10pt/12pt;
 text-decoration: none;
 margin: 3px;
 cursor: pointer;
}
div#navUser a:link     { color: #333366; background-color: #DDDDDD; }
div#navUser a:visited  { color: #333366; background-color: #DDDDDD; }
div#navUser a:hover    { color: #3366CC; background-color: #DDDDDD; }
div#navUser a:active   { color: #3366CC; background-color: #DDDDDD; }
div#navBot
{
 color: #333366;
 background: transparent;
 text-align: center;
 vertical-align: bottom;
 margin-left: 10px;
 margin-right: 10px;
 padding: 10px;
 clear: both;
 width: 100%;
}
div#navBot a
{
 font: bold 9pt/10pt;
 text-decoration: none;
 cursor: pointer;
}
div#navBot a:link     { color: #333366; background: transparent; }
div#navBot a:visited  { color: #333366; background: transparent; }
div#navBot a:hover    { color: #3366CC; background: transparent; }
div#navBot a:active   { color: #3366CC; background: transparent; }
div#Content
{
 color: #000000;
 background: transparent;
 border-collapse: collapse;
 margin-left: 10px;
 margin-right: 10px;
 padding-top: 15px;
 padding-bottom: 20px;
 padding-left:  15px;
 padding-right: 15px;
}
div#footer
{
 color: #333366;
 background: transparent;
 font: 10pt/14pt;
 text-decoration: none;
 text-align: center;
 clear: both;
 width: 100%;
}
div#footer span
{
 display: block;
 font: bold 10pt;
}

/* =============================================================================
// END LAYOUT
//=========================================================================== */


#Slogan
{
 color: #FF6600;
 background: transparent;
 text-align: center;
 vertical-align: bottom;
 font: bold 12pt/13pt;
}

#Collage
{
 text-align: center;
}
#Collage img
{
 width: 567px;
 height: 218px;
}

#sellingPts li
{
  margin-top: 10px; margin-bottom: 10px;
  list-style-type: circle;
  vertical-align: middle;
  font: 13pt/16pt;
  text-align: left;
  width: 600px;

}

div#comments
{
 font: 12pt/13pt;
 color: #000000;
 background-color: #ffffff;
 width: 600px;
 margin-top: 5px;
 margin-bottom: 10px;
}

div#comments span
{
 display: block;
 font: 10pt/12pt;
 color: #000000;
 background-color: #ffffff;
 text-align: center;
 margin-top: 5px;
 margin-bottom: 10px;
}

/* =============================================================================
// contact.phtml
//=========================================================================== */

div.address
{
 color: #990000;
 background: transparent;
 text-align: center;
 font: bold 12pt/12pt; text-decoration: none;
}


/* =============================================================================
//
//=========================================================================== */

div.Course
{
 color: #000000;
 background-color: #FFFFCC;
 padding: 5px;
 margin-left: 10%;
 margin-right: 10%;
 margin-bottom: 5px;
}
div.Course span
{
 font: bold 10pt;
 text-align: left;
}
div.Course p
{
 font: 10pt;
 text-align: justify;
 text-indent: 3em;
 padding-left:  10px;
 padding-right: 10px;
 margin: 5px;
}

form
{
  padding: 0px;
}
form div
{
 margin: 3px 2px; padding: 0px;
 width: 585px; height: 25px;
}
.label
{
  float: left;
  clear: left;
  margin: 0px; padding: 0px 5px 3px 0px;
  width: 210px;
  text-align: right;
  font-size: 11px;
}
.value
{
  margin: 0px; padding: 0px;
  width: 405px;
  text-align: left;
  color: #000; background: #ffc;
}
form .value
{
  color: #000; background: transparent;
}
form .submit
{
  text-align: center;
}
.required
{
 font-weight: bolder;
 color: #336;
}
.value_s
{
  margin: 0px; padding: 0px;
  width: 275px;
  text-align: left;
  color: #000;
}

fieldset
{
 padding: 5px;
}
fieldset legend
{
 font-weight: bold;
 cursor: help;
}
fieldset legend img
{
 vertical-align: bottom;
 cursor: help;
 height: 20px;
 width: 20px;
}

/* =============================================================================
// Courses Selected drop down from order screen
//=========================================================================== */

#TestList, .MyCourses
{
 margin: 0px 0px 5px;
 width: 475px;
 border-collapse: collapse;
 border: 2px solid #000;
 font: bold 12px;
 color: #000; background: #fff;
}
#TestList th,.MyCourses th
{
 color: #fff; background: #c00;
 margin: 0px; padding: 2px;
 border: 1px solid #000;
 border-bottom: solid 2px #000;
 text-align: center;
 width: 85px;
}
#TestList th#Name,.MyCourses th#Name
{
 width: auto;
}
#TestList td,.MyCourses td
{
 margin: 0px; padding: 5px;
 border: 1px solid #000;
 border-bottom: solid 1px #000;
 text-align: center;
}
#TestList td a
{
 padding-left: 2px;
 font-size: 9px;
 color: #336;
 cursor: hand;
 cursor: pointer;
}

.MyCourses
{
 width: auto;
}
.MyCourses th
{
 width: auto;
 padding: 5px;
}

/* =============================================================================
// Packages Selected drop down from order screen - 6/17/06
//=========================================================================== */

#PackageList
{
 margin: 0px 0px 5px;
 width: 475px;
 border-collapse: collapse;
 border: 2px solid #000;
 font: bold 12px;
 color: #000; background: #fff;
}
#PackageList th
{
 color: #fff; background: #c00;
 margin: 0px; padding: 2px;
 border: 1px solid #000;
 border-bottom: solid 2px #000;
 text-align: center;
 width: 85px;
}

#PackageList th#Name
{
 width: auto;
}
#PackageList td
{
 margin: 0px; padding: 5px;
 border: 1px solid #000;
 border-bottom: solid 1px #000;
 text-align: center;
}
#PackageList td a
{
 padding-left: 2px;
 font-size: 9px;
 color: #336;
 cursor: hand;
 cursor: pointer;
}

#costs
{
 margin: 10px;
 border-collapse: collapse;
 border: 2px solid #000;
 width: 250px;
 font: bold 12px;
 color: #000; background: #fff;
 text-align: center;
}
#costs th
{
 padding: 3px 5px;
 text-align: right;
 width: 125px;
}
#costs td
{
 padding: 3px 5px;
 text-align: left;
}
.Course b
{
 color:#f00; background:transparent;
 font-style:italic;
}