/*****************************************************************************/
/*   Design:    MultiFlex-2 (Screen)                                         */
/*   Author:    G. Wolfgang (gw@actamail.com)                                */
/*   Date:      June 8, 2006                                                 */
/*---------------------------------------------------------------------------*/
/*   Modified By:   Class Act Productions, Inc.                              */
/*   Modified Date: October 10, 2006                                         */
/*****************************************************************************/

/*****************************************************************************/
/*   SECTION 1 - MAIN BODY                                                   */
/*****************************************************************************/
body { font-size: 62.5%; margin: 0px auto; padding: 0px; background: url(/img/background_body_grey.gif) top center repeat-y; font-family: Arial, sans-serif; }
.page-container-1 { width: 770px; margin: 0px auto; padding: 0px; background: url(/img/background_layout_1.gif) top left repeat-y; border: solid 1px #646464; }
.page-container-2 { width: 770px; margin: 0px auto; padding: 0px; background: url(/img/background_layout_2.gif) top left repeat-y; border: solid 1px #646464; }
.page-container-3 { width: 770px; margin: 0px auto; padding: 0px; background: url(/img/background_layout_3.gif) top left repeat-y; border: solid 1px #646464; }
.page-container-4 { width: 770px; margin: 0px auto; padding: 0px; background-color: #ffffff; border: solid 1px #646464; }

/*****************************************************************************/
/*   SECTION 2 - BANNER AND NAVIGATION                                       */
/*****************************************************************************/

/*---------------------------------------*/
/*  2.1 - Site name, slogan, and banner  */
/*---------------------------------------*/
.site-name { width: 300px; height: 45px; top: 25px; position: absolute; z-index: 4; overflow: hidden; margin: 0px; padding-left: 110px; color: #458ccc; }
.site-name p.title { margin: 0px; padding: 0px; font-family: "High Tower Text", Arial, sans-serif; font-weight: bold; font-size: 24px; }
.site-name p.subtitle { clear: both; width: 300px; margin: -6px 0px 0px 0px; padding: 0px; background-color: transparent; font-family: "High Tower Text", Arial, sans-serif; font-size: 16px; }
.site-name a { margin: 0px; padding: 0px; text-decoration: none; color: #d62828; }
.site-name a:hover { text-decoration: none; }
.site-slogan-container { width: 755px; height: 130px; top: 90px; position: absolute; z-index: 1; overflow: hidden; margin: 0px; padding-right: 15px; background-color: transparent; }
.site-slogan { float: right; width: 700px; margin: 0px; padding: 0px; background-color: transparent; font-size: 10px; }
.site-slogan p.title { float: right; width: 700px; margin: 0px; padding: 0px; color: #d62828; font-family: "High Tower Text", Arial, sans-serif; text-align: right; font-weight: bold; font-size: 220%; }
.site-slogan a { color: #eaeff7; text-decoration: underline; }
.site-slogan a:hover { text-decoration: none; color: #323232; }
.img-header { clear: both; float: left; width: 770px; height: 250px; margin: 0px; padding: 0px;  }

/*---------------------------------------*/
/*  2.2 - Navigation - Level 1           */
/*---------------------------------------*/
.nav1 { clear: both; margin: 0px; padding: 0px; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; }
.nav1 ul { float: left; width: 770px; margin: 0px; padding: 0px; border-top: solid 1px #d62828; border-bottom: solid 1px #d62828; background-color: #fcd856; font-weight: bold; }
.nav1 li { display: inline; list-style: none; margin: 0px; padding: 0px; }
.nav1 li a { display: block; float: left; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; border-right: solid 1px #d62828; color: #ffffff; text-transform: uppercase; text-decoration: none; font-size: 100% }
.nav1 a:hover, .nav1 a.selected { color: #323232; text-decoration: none; }
.buffer { clear: both; width: 770px; height: 30px; margin: 0px; padding: 0px; background-color: #ffffff; }

/*---------------------------------------*/
/*  2.3 - Navigation - Level 2           */
/*---------------------------------------*/

.nav2 { overflow: hidden; clear: both; float: left; width: 160px; margin: 0px; padding: 0px; color: #4b4b4b; font-size: 1.0em; }
.nav2 ul { width: 160px; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: solid 1px #d8ce9f; background-color: #fcd856; }
.nav2 li { list-style: none; margin: 0px; padding: 0px; }
.nav2 li.title { margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: #d62828; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 120%; }
.nav2 li.group a { display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px #c8c8c8; border-left: solid 7px #fcd856; color: #4b4b4b; font-weight: bold; font-size: 120%; }
.nav2 li a { display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px #fcd856; color: #4b4b4b; text-decoration: none; font-size: 120%; }
.nav2 li a:hover, .nav2 li a.selected { border-left: solid 7px #d62828; color: #646464; text-decoration: none; }

/*****************************************************************************/
/*   SECTION 3 - SPECIFIC CLASSES FOR LAYOUT #1 (with sub nav, with sidebar) */
/*****************************************************************************/
.content1 { float: left; width: 428px; min-height: 500px; _height: 500px; margin: 0px; padding: 0px 0px 10px 20px; color: #4b4b4b; font-size: 1.0em;  }
.content1-container { clear: both; float: left; width: 408px; margin: 0px 0px 15px 0px; padding: 0px; }
.content1-container-1col { overflow: hidden; width: 408px; margin: 0px; padding: 0px; }
.content1-pagetitle { overflow: hidden; width: 408px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 2px; border-bottom: solid 3px #d62828; color: #d62828; font-weight: bold; font-size: 180%; }

/*****************************************************************************/
/*   SECTION 4 - SPECIFIC CLASSES FOR LAYOUT #2                              */
/*****************************************************************************/
.content2 { float: left; width: 590px; min-height: 500px; _height: 500px; margin: 0px; padding: 0px 0px 0px 20px; color: #4b4b4b; font-size: 1.0em;  }
.content2-container { clear: both; float: left; width: 569px; margin: 0px 0px 15px 0px; padding: 0px; }
.content2-container-1col { overflow: hidden; width: 569px; margin: 0px; padding: 0px; }
.content2-pagetitle { overflow: hidden; width: 569px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px #d62828; color: #d62828; font-weight: bold; font-size: 180%; }

/*****************************************************************************/
/*   SECTION 5 - SPECIFIC CLASSES FOR LAYOUT #3                              */
/*****************************************************************************/
.content3 { float: left; width: 590px; min-height: 500px; _height: 500px; margin: 0px; padding: 0px 0px 0px 20px; color: #4b4b4b; font-size: 1.0em;  }
.content3-container { clear: both; float: left; width: 569px; margin: 0px 0px 15px 0px; padding: 0px; }
.content3-container-1col { overflow: hidden; width: 569px; margin: 0px; padding: 0px; }
.content3-pagetitle { overflow: hidden; width: 569px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px #d62828; color: #d62828; font-weight: bold; font-size: 180%; }

/*****************************************************************************/
/*   SECTION 6 - SPECIFIC CLASSES FOR LAYOUT #4                              */
/*****************************************************************************/
.content4 { float: left; width: 720px; min-height: 500px; _height: 500px; margin: 0px; padding: 0px 0px 0px 20px; color: #4b4b4b; font-size: 1.0em;  }
.content4-container { clear: both; float: left; width: 720px; margin: 0px 0px 15px 0px; padding: 0px; }
.content4-container-1col { overflow: hidden; width: 720px; margin: 0px; padding: 0px; }
.content4-pagetitle { overflow: hidden; width: 720px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px #d62828; color: #d62828; font-weight: bold; font-size: 180%; }

/*****************************************************************************/
/*   SECTION 7 - MEMBERSHIP REGISTRATION FORM ELEMENTS                       */
/*****************************************************************************/
label.register { display: block; float: left; padding-top: 2px; padding-right: 10px; text-align: right; width: 147px; }
label.register:after { content: ": "; }
input.register { width: 215px; color: #4b4b4b; font-family: Arial, sans-serif; font-size: 105%; }
textarea.register { width: 300px; color: #4b4b4b; font-family: Arial, sans-serif; font-size: 105%; }
input.radiohack { margin-left: 162px; }
input.IEradiohack { margin-left: 160px; }
.button { width: 75px; }
.chkbox { width: 1.0em; }

/*****************************************************************************/
/*   SECTION 8 - COMMON PARAMETERS                                           */
/*****************************************************************************/

/*---------------------------------------*/
/*  8.1 - Content Area                   */
/*---------------------------------------*/
.content-title-noshade-size1 { margin: 0px; padding: 0px; color: #d62828; font-weight: bold; font-size: 130%; }
.content-title-noshade-size2 { margin: 0px; padding: 0px; color: #d62828; font-weight: bold; font-size: 150%; }
.content-title-noshade-size3 { margin: 0px; padding: 0px; color: #d62828; font-weight: bold; font-size: 160%; }
.content-title-noshade-size4 { margin: 0px; padding: 0px; color: #d62828; font-weight: bold; font-size: 180%; }
.content-title-noshade-size5 { margin: 0px; padding: 0px; color: #d62828; font-weight: bold; font-size: 200%; }
.content-subtitle-noshade-size1 { margin: 0px; padding: 0px; color: #d62828; font-weight: bold; font-size: 110%; }
.content-subtitle-noshade-size2 { margin: 0px; padding: 0px; color: #d62828; font-weight: bold; font-size: 120%; }
.content-subtitle-noshade-size3 { margin: 0px; padding: 0px; color: #d62828; font-weight: bold; font-size: 130%; }
.content-subtitle-noshade-size4 { margin: 0px; padding: 0px; color: #d62828; font-weight: bold; font-size: 140%; }
.content-subtitle-noshade-size5 { margin: 0px; padding: 0px; color: #d62828; font-weight: bold; font-size: 150%; }
.content-txtbox-noshade { margin: 0px; padding: 7px 0px 0px 0px; background-color: #ffffff; }

/*---------------------------------------*/
/*  8.2 - Footer Area                    */
/*---------------------------------------*/
.footer { overflow: hidden; clear: both; width: 770px; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px #7d7d7d; background-color: #fcd856; color: #ffffff; font-size: 1.0em; }
.footer p { margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%; }

/*---------------------------------------*/
/*  8.3 - Headings                       */
/*---------------------------------------*/
h5 { margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 130%; }

/*---------------------------------------*/
/*  8.4 - Paragraphs                     */
/*---------------------------------------*/
p { margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.3em; font-family: Arial, sans-serif; font-size: 120%; }
p.readmore { margin: 1.0em 0px 0.5px 0px; padding: 0px; line-height: 1.2em; font-size: 110% }

/*---------------------------------------*/
/*  8.5 - Lists                          */
/*---------------------------------------*/
ul.noindent { margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%; }
ul.indent { margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-size: 120%; }
ul.linklist-noindent { margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
ul.linklist-indent { margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }

/*---------------------------------------*/
/*  8.6 - Tables                         */
/*---------------------------------------*/
th,td { line-height: 1.3em; font-family: Arial, sans-serif; font-size: 120%; }

/*---------------------------------------*/
/*  8.7 - Images                         */
/*---------------------------------------*/
.img-left-noborder-topmargin { float: left; margin: 3px 10px 0px 0px; }

/*---------------------------------------*/
/*  8.8 - Sidebar Area                   */
/*---------------------------------------*/
.sidebar { overflow: hidden; float: right; width: 160px; min-height: 500px; margin: 0px; padding: 0px 0px 10px 0px; text-align: left; color: #4b4b4b; }
.sidebar-maintitle { margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: #d62828; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 120%; }
.sidebar-title-noshade { margin: 0px; padding: 2px 10px 3px 10px; border-top: solid 1px #d7d7d7; color: #4b4b4b; font-weight: bold; font-size: 120%; }
.sidebar-txtbox-noshade { margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px; }
.sidebar-txtbox-noshade p { margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%; }

/*---------------------------------------*/
/*  8.9 - Hyperlinks                     */
/*---------------------------------------*/
.content1 a, .content2 a, .content3 a, .content4 a, .sidebar-txtbox-noshade a { color: #4b4b4b; text-decoration: underline; }
.content1 a:hover, .content2 a:hover, .content3 a:hover, .content4 a:hover, .sidebar-txtbox-noshade a:hover { color: #000000; text-decoration: none; }
.footer a { color: #ffffff; text-decoration: underline; }
.footer a:hover { color: #000000; text-decoration: none; }

/*---------------------------------------*/
/*  8.10 - Bottom border colors           */
/*---------------------------------------*/
.line-box { border-bottom: solid 1px #c8c8c8; padding-bottom: 15px; margin: 0px 0px 15px 0px; }

/*---------------------------------------*/
/*  8.11 - Text colors                   */
/*---------------------------------------*/
.txt-blue10 { color: #594fbf; }

/*---------------------------------------*/
/*  8.12 - Text alignment                */
/*---------------------------------------*/
.align-center { text-align: center; }