@media all {

/*
Website Site Color Documentation:
000000 - Black         - Standard Black
ffffff - White         - Standard White
443266 - Dark Purple   - Website Background / Link Hover / Table Border
6040c4 - Medium Purple - Website Banner Box
8C489F - Light Purple  - Website Frame Background
c3c3e5 - Light Blue    - Website Content Background
*/

/* Properties of the Website HTML */
/* Prevent horizontal shifting */
html {
   overflow: -moz-scrollbars-vertical;
   overflow-y: scroll;
   overflow-x: auto;
}

/* Properties of the Website Body */
/* Correct font size problem in IE and set the page background */
body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-size: 100%;
   background-color: #443266;
   color: #000000;
}

/* Properties of the Website Frame */
#websiteframe {
   margin: auto;
   width: 900px;
   border: 2px solid #000000;
   background: #8C489F;
   // border-radius: 25px;
}

/* Properties of the Website Banner */
#banner {
   background: #8C489F;
   margin: auto;
   margin-top: 4px;
   // width: 94%;
   // border-radius: 25px;
}

/* Properties of Main Website Content */
#main {
   overflow: auto;
   background: #c3c3e5;
   margin-left: 4px;
   margin-right: 4px;
   margin-bottom: 0px;
   border: solid 2px;
   min-height: 340px;
   vertical-align: top;
}

/* Properties of Website Footer */
#footer {
   background: #8C489F;
   margin: auto;
   // width: 94%;
   // border-radius: 25px;
}

#custom-footer p {
   text-align: center;
   margin-bottom: 0px;
}

.logoimage {
   display: block;
   margin-left: auto;
   margin-right: auto; 
   margin-bottom: 4px;
   width: 158px;
   border: 2px solid black;
   border-radius: 25px;
}

/* Properties of H1 Headings - Page Banner Title */
H1 {
   margin-top: 0px;
   margin-bottom: 0px;
   text-align:center;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 40px;
   color: #000000;
}

/* Properties of H2 Headings - Page Titles */
H2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 20px;
   color: #000000;
   margin-top:0px;
   margin-bottom:0px;
   text-align: center;
}

/* Properties of Horizontal Rules */
HR {
   float: center;
   width: 100%;
   height: 0px;
   color: #000000;
   background-color: #000000;
   border: 1px solid #000000;
   border-bottom: 0px;
   margin-top:4px;
   margin-bottom:4px;
   padding:0;
}

/* Properties of normal paragraph text */
p {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #000000;
   margin-top:0px;
   margin-bottom:0px;
}

/* Properties of unordered lists */
ul {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 17px;
   color: #000000;
   margin-top:0px;
   margin-bottom:0px;
}

/* Properties of ordered lists */
ol {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 17px;
   color: #000000;
   margin-top:0px;
   margin-bottom:0px;
}

/* Properties of Standard Tables */
.table_standard {
   border-collapse:collapse;
   border:2px solid #000000;
}

/* Properties of the Banner Table */
.table_banner {
   border-collapse:collapse;
   border:2px solid #000000;
   background: #6040c4;
   margin-left:auto;
   margin-right:auto;
   margin-top:0px;
   margin-bottom:0px;
}

/* Properties of a Normal Input Box */
input.normal {
   border: 1px solid black;
}

/* Center Text */
.centered {text-align: center;}

/* Bold Text */
.bold {font-weight: bold;}

/* Indent Text */
.indented {text-indent:40px;}

/* ================================= */
/* General Navigation Properties */
/* ================================= */

/* Global link colors and styles */
a:link, a:visited {color:#6040c4;text-decoration:underline;}
a:hover, a:active {color:#c3c3e5;background:#6040c4; text-decoration:none;}

/* Properties of Horizontal Navigation Division */
.navigation-h {
   background: #8C489F;
   margin-bottom: 4px;
   margin-left: 4px;
   margin-right: 4px;
}

/* Properties of Vertical Navigation Division */
#navigation-v {
   float: left;
   overflow: auto;
   width: 162px;
   background: #8C489F;
   margin-top: 4px;
   margin-bottpm: 4px;
   margin-left: 4px;
   margin-right: 0px;
   border-radius: 25px;
}

/* Properties of Login Menu Bar */
.loginbar {
   margin-bottom: 6px;
}

table.navbar {
   border-collapse: collapse;
   margin-top: 4px;
}

table.navbar td {
   border: 1px solid #000000;
}

table.navbar td a {
   display: block;
   padding: 0px 8px 0px 8px;
   text-decoration: none;
}
table.navbar td.h_box a {
   margin: auto;
// min-width: 80px;
}
table.navbar td.v_box a{
   width: 142px;
}
td.navbarspacer {
   width: 8px;
}
p.navbarspacer {
   line-height: 4px;
}
p.navbar {
   text-align: center;
   font-weight: bold;
   font-size: 18px;
}
p.navigation {
   text-align: center;
   font-weight: bold;
   font-size: 16px;
}

p.greylink {
   display: block;
   padding: 0px 8px 0px 8px;
   text-decoration: none;
   width: 142px;
   line-height: 130%;
   text-align: center;
   font-weight: bold;
   font-size: 18px;
   color: #BBBBBB;
   background-color: #6040c4;
}

p.greylinktext {
   display: block;
   padding: 0px 8px 0px 8px;
   text-decoration: none;
   width: 142px;
   line-height: 130%;
   text-align: center;
   font-weight: bold;
   font-size: 18px;
   color: #BBBBBB;
}

.greytextlink {
   color: #BBBBBB;
   text-decoration: underline;
}

/* ============================== */
/* Navigation Bar Link Properties */
/* ============================== */

/* Navigation Bar - Box Link Properties - Normal */
table.navbar td a:link, table.navbar td a:visited {
   color: #000000;
   background-color: #6040c4;
}

/* Navigation Bar - Box Link Properties - Hover */
table.navbar td a:hover, table.navbar td a:active {
   color: #c3c3e5;
   background-color: #443266;
}

/* Navigation Bar and Footer - Paragraph and Text Link Properties - Normal */
p.navigation, p.navigation a:link, p.navigation a:visited, p.footermenu a:link, p.footermenu a:visited {
   color: #000000;
}

/* Navigation Bar and Footer - Text Link Properties - Hover */
p.navigation a:hover, p.navigation a:active, p.footermenu a:hover, p.footermenu a:active {
   color: #c3c3e5;
   background: #8C489F;
}

a.hiddenfooterlink:hover, a.hiddenfooterlink:active, a.hiddenfooterlink:link, a.hiddenfooterlink:visited {
   background: #8C489F;
   color: #000000;
   text-decoration:none;
   cursor:text;
}

p.adminfootermenu {
   text-align: right;
   font-size: .9em;'
}

}