﻿
*                               { -moz-box-sizing: border-box; }
html, body                      { cursor: auto; height: 100%; width: 100%; margin: 0px; padding: 0px; font-size: 12px; font-family: Arial; color: Black; background-color: #FFFFFF; background-image:url("../../images/background/site.jpg"); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; }

.TopPanel                       { color: #FFFFFF; background-image:url("../../images/background/header.png"); background-repeat: no-repeat; background-position: top center; }

.HeaderPanel                    { color: #FFFFFF; padding: 20px 0px 0px 0px; }
.HeaderPanel h3                 { margin: 0px; font-size: 12px; font-weight: normal; }
.HeaderPanel h4                 { margin: 0px; font-size: 12px; font-weight: normal; }
.HeaderPanel a                  { display: inline; float: left; height: 19px; line-height: 19px; margin-left: 18px; color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none; }

.MenuPanel                      { width: 990px; padding: 30px 0px 0px 0px; }
.MenuPanel a                    { display: inline; float: left; height: 19px; line-height: 19px; margin-left: 18px; color: #000000; font-size: 14px; text-decoration: none; }

.MainPanel                      { background-color: #FFFFFF; background-image:url("../../images/background/content.jpg"); background-repeat: repeat-x; background-position: top; }

.ContentPanel                   { margin: 11px 0px 0px 0px; font-family: Calibri; font-size: 15px; font-weight: normal; display: inline-block; background-color: #FFFFFF; background-repeat: no-repeat; background-position: top; }
.ContentPanel h1                { font-family: Calibri; font-size: 28px; font-weight: normal; }
.ContentPanel h2                { font-family: Calibri; font-size: 20px; font-weight: normal; }
.ContentPanel h3                { font-family: Calibri; font-size: 16px; font-weight: normal; text-align: justify; }
.ContentPanel h4                { font-family: Calibri; font-size: 14px; font-weight: normal; }
.ContentPanel h5                { font-family: Calibri; font-size: 20px; font-weight: normal; margin: 15px 0px 0px 0px; }
.ContentPanel a                 { font-family: Calibri; font-weight: normal; color: #0033CC; }

.RightPanel                     { margin: 40px 10px 0px 0px; float: right; position: relative; }
.RightPanel h2                  { margin: 20px 0px 10px 10px; font-family: Calibri; font-size: 20px; font-weight: normal; }
.LeftPanel                      { padding: 20px 20px 0px 20px; float: left; position: relative; }

.LoginPanel                     { background-color: #FFFFFF; background-image:url("../../images/background/panel.jpg"); background-repeat: no-repeat; background-position: bottom; }
.LoginPanel h2                  { padding: 0px 0px 10px 0px; margin: 0px; font-family: Calibri; font-size: 20px; }
.LoginPanel h3                  { margin: 0px 0px 10px 0px; font-family: Calibri; font-size: 14px; font-weight: normal; text-align: left; }
.LoginPanel h4                  { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; }
.LoginPanel h5                  { padding: 0px; margin: 0px; font-family: Calibri; font-size: 12px; font-weight: normal; }
.LoginPanel a                   { font-family: Calibri; font-size: 14px; font-weight: normal; color: #0033CC; }

.AdminLoginPanel                { background-color: #FFFFFF; background-image:url("../../images/background/panelmedium.jpg"); background-repeat: no-repeat; background-position: bottom; }
.AdminLoginPanel h2             { padding: 0px 0px 10px 0px; margin: 0px; font-family: Calibri; font-size: 20px; }
.AdminLoginPanel h3             { margin: 0px 0px 10px 0px; font-family: Calibri; font-size: 14px; font-weight: normal; }
.AdminLoginPanel h4             { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; }
.AdminLoginPanel h5             { padding: 0px; margin: 0px; font-family: Calibri; font-size: 12px; font-weight: normal; }
.AdminLoginPanel a              { font-family: Calibri; font-size: 14px; font-weight: normal; color: #0033CC; }

.EmailPanel                     { background-color: #FFFFFF; background-image:url("../../images/background/panellarge.jpg"); background-repeat: no-repeat; background-position: bottom; }
.EmailPanel h2                  { padding: 0px 0px 10px 0px; margin: 0px; font-family: Calibri; font-size: 20px; }
.EmailPanel h3                  { margin: 0px 0px 10px 0px; font-family: Calibri; font-size: 14px; font-weight: normal; }
.EmailPanel h4                  { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; }
.EmailPanel a                   { font-family: Calibri; font-size: 14px; font-weight: normal; color: #0033CC; }

.PasswordPanel                  { background-color: #FFFFFF; background-image:url("../../images/background/panelmedium.jpg"); background-repeat: no-repeat; background-position: bottom; }
.PasswordPanel h2               { padding: 0px 0px 10px 0px; margin: 0px; font-family: Calibri; font-size: 20px; }
.PasswordPanel h3               { margin: 0px 0px 10px 0px; font-family: Calibri; font-size: 14px; font-weight: normal; }
.PasswordPanel h4               { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; }
.PasswordPanel a                { font-family: Calibri; font-size: 14px; font-weight: normal; color: #0033CC; }

.LeadershipPanel                { padding: 0px 0px 0px 10px; }
.LeadershipPanel h2             { padding: 0px 0px 0px 0px; margin: 0px; font-family: Calibri; font-size: 20px; }
.LeadershipPanel h3             { padding: 10px 0px 0px 0px; margin: 0px; font-family: Calibri; font-size: 14px; }
.LeadershipPanel h4             { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; }
.LeadershipPanel h5             { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; font-style: italic; }
.LeadershipPanel a              { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; color: #0033CC; }

/*---------------------------------------------------------------------------------------------
News Panel

Description:    Controls the news panel for various part of the site.
---------------------------------------------------------------------------------------------*/

.NewsPanelBackground            { position: relative; float: left; padding: 10px; margin: -275px 0px 0px 25px; font-size: 12px; font-family: Arial; color: White; background-image: url('../../images/background/news.png'); z-index: 10; }
.ImageHolder                    { padding: 5px; float: left; color: White; border-right: 1px solid #838383; background-color: #034695; cursor: pointer; }
.ImageHolder h2                 { margin: 0px; padding: 0px; font-size: 14px; color: White; font-weight: bold; }

.ButtonLabel                    { position: relative; display: block; width: 102px; height: 24px; margin-top: 10px; padding-top: 4px; background-image: url('../../images/background/button.png'); background-repeat: no-repeat; text-align: center; }

/*---------------------------------------------------------------------------------------------
Footer Panel

Description:    
---------------------------------------------------------------------------------------------*/

.FooterPanel                    { width: 100%; padding: 0px 0px 40px 0px; background-repeat: repeat-x; background-position: top; }
.FooterInformation              { width: 990px; padding-top: 5px; color: White; text-align: left; }
.FooterInformation a            { color: white; text-decoration: none; }
.FooterInformation a:hover      { text-decoration: underline; }

.FooterDividerPanel             { float: left; width: 240px; height: 300px; padding-left: 5px; margin-right: 5px; border-right: solid 1px white; }
.FooterDividerPanel h2          { padding: 0px; margin: 0px 0px 5px 0px; font-size: 16px; font-weight: normal; }
.FooterDividerPanel h3          { padding: 0px; margin: 10px 0px 0px 0px; font-size: 12px; font-weight: normal; }
.FooterDividerPanel div         { padding: 5px; }

/*---------------------------------------------------------------------------------------------
Tab Menus

Author:			    Che de Bruin
Date:	        	07-25-2008
Description:		
---------------------------------------------------------------------------------------------*/

.TabMenuTitle                   { width: 100%; font-family: Calibri; font-size: 12px; color: #336699; border-right: none; position: relative; top: 1; z-index: 1; }
.TabMenuTitle td                { text-align: center; }

.NonSelectTab                   { font-size: 14px; color: #9D9D9D; padding: 3px; cursor: pointer; }
.NonSelectTab a                 { color: #666666; }
.SelectTab                      { font-size: 14px; color: #9D9D9D; padding: 3px; background-color: White; background-image: none; border: 1px solid #CCCCCC; border-bottom: 1px solid White; cursor: pointer; }
.SelectTab a                    { color: #333333; }
.EdgeTab                        { width: 5px; padding: 3px; border-bottom: 1px solid #CCCCCC; }

/*---------------------------------------------------------------------------------------------
Error Panel

Description:    
---------------------------------------------------------------------------------------------*/

.ErrorIcon                      { position: absolute; margin-left: -15px; margin-top: -10px; }
.ErrorMessage                   { padding: 0px 0px 10px 0px; margin: 0px; color: Red; font-size: 14px; }
