body { background-color: #CCCCCC; background-position: center; margin: 0; padding: 0; text-align: center; font-size: 12px; color: black;  
       font-family: Verdana, Arial, Sans-Serif; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.blueSpacer { clear:both; background-color:#12153B; }
#footer { clear:both; background-color:#CCCCCC; width:800px; height:75px; text-align:center; line-height:15px; font-weight:bold;
            font-family: Verdana, Arial, Sans-Serif; font-size:10px; color:#003366; padding: 10px 0px 10px 0px;}
#footer a { color:#003366; }
#footer a:hover { color:#33597E; }

#mainPageBody { text-align:left; background-color: White; }
#leftCol { float:left; width:150px; padding: 20px 0 30px 20px; text-align:center; }
#pageBody { padding: 30px; }
.pageHeaderText { color:#888888; font-size:24px; padding: 0 0 0 0;
    border-bottom-style:solid; border-bottom-color:#888888; border-bottom-width: 1px; }
.pageTextBody { font-size:12px; }
p.alertText { font-weight:bold; }
p.parHeader { font-weight:bold; font-size:14px; }
#rightCol { float:right; width:200px; padding: 20px 20px 0 0; }
#rightCol a.rightNav { text-transform: uppercase; color:#666666; }
  
table.sortable thead { background-color:#eee; color:#666666; font-weight: bold; cursor: default; }

div.formRow { width: 740px; clear: both; }
span.label { float:left; width:190px; font-weight:bold; text-align:right; padding: 10px 5px 10px 0; }
span.field { float:right; width: 540px; padding: 5px 0 5px 0 }
span.fieldText { float:right; width: 540px; padding: 10px 0 10px 0 }
.fieldInfo { font-size: 10px; }
span.req { color:Red; }

.hypBrochure { display:block; padding: 4px 0 5px 0; }
        
.hidden { display:none; visibility:hidden; }