body {background-color: white; color: black; font-family: Helvetica, arial, sans; font-size: .95em; 
margin: 0; padding: 0; min-width: 300px;}
h1 { margin: 0; padding: 0; }
  .smallHead{background-image:url('/media/css/subtitleBgd.png'); background-repeat:repeat-x; }
  .smallIcon:before {content: url(/media/css/cszLogoSm.png); border: none; width:43px; height:35px;
}
  .largeIcon:before { content:url(/media/css/cszLogo.png); border: none; width: 381px; height: 109px;
  }


#smTitle { color: gold; font-size: 1.1em; font-weight: bold;
    text-align: left; position: absolute; margin-left: 60px; margin-top: 18px;
}
#lgTitle { color: #a0afaf; font-size: 1.5em;  font-weight: bold;
 position: absolute; margin-left: 400px; margin-top: 40px;
}

#Sections {margin-top: -4px; padding-top:10px; padding-bottom: 10px; background: #aaa; width: 100%;}
#Sections li {  padding: 2px 10px; list-style: none;
    border-top-left-radius: 4px; border-top-right-radius: 4px;  border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; 
    background: linear-gradient(#004262, #006d6d); background: -webkit-linear-gradient(top, #004262, #006d6d); 
}
#Sections li:hover {background: linear-gradient(#131, #004262); background: -webkit-linear-gradient(top, #131,#004262);}
#Sections li a {text-decoration: none; color: white; font-size: 1em; font-weight: bold;}
 .headInline li { display: inline;  margin: 0px 10px;}
 .headInline ul { text-align: center; list-style: none; margin: 0; } 
 .headNotInline { width: 80%; text-align: left; margin-top:5px; }
 .headNotInline ul { text-align: left; list-style: none; margin: 0px 25px 5px -25px; padding-bottom: 0px; }
 .headNotInline li { margin: 5px 0px; }

#breadcrumbs { background: #eeeeee; padding: 0px 0px 5px 7px; background: #ddd;}
#topTOC {padding-left: 5px;}
#TOC { margin-left: 10px; margin-bottom: 10px;}
#content, #sidebar { padding: 5px 0px 0px 5px; }
#sidebar, #sidebar ul { font-family: arial, geneva, sans; }
#header div.navButton  { position: absolute; top: 8px; right: 2px; height: 14px; font-size: 8pt;
 font-weight: bold; text-align: center; padding: 4px; border-radius: 5px; border: 2px solid #ccc;
 line-height: 15px; background: #365858; color: white; }
#header div.infoButton { position: absolute; top: 8px; right: 47px; height: 14px; font-size: 8pt;
 font-weight: bold; text-align: center; padding: 4px; border-radius: 5px; border: 2px solid #ccc;
 line-height: 15px; background: #365858; color: white; }
#header div.iBP { color: #aaa; background: #80f0f0; border: white 2px solid; }
#header div.nBP { color: #aaa; background: #305050; border: white 2px solid; }
#footer table { width: 100%; background: grey; color: white; font-size: 8pt;
}
#topNav  { background: #eee;}
 .sideWidth {float: left; width: 25%; margin: 0px;}
 .contentWidth {float: right; width: 73%; border-left: 1px dotted black; margin: 0px;}
#footer { border: 1px  white solid;}
    .WrapRight{float: left; margin: 0 5px 0 5px;}
    .WrapLeft {float: right; margin: 0 5px 0 5px}
    .ClearWrap {margin: 0 5px 0 5px'}
    
 .sideHeader {background: linear-gradient( #006d6d,#004262); background: -webkit-linear-gradient(top, #006d6d,#004262);
     border-top-left-radius: 4px; border-top-right-radius: 4px; 
     font-weight: bold; font-size: 1.25em;color: white;padding-top: 4px;padding-right: 5px;padding-bottom: 4px;
     padding-left: 5px;margin-top: 0px;margin-right: 8px; margin-bottom: 0px; margin-left: 8px;
}
 .sideHeader1 {
  background-image: url("/media/css/blueheadbgmed.png"); background-repeat: no-repeat; font-family: arial,sans;
  font-weight: bold; font-size: 1.25em; color: white; padding-top: 4px; padding-right: 5px; padding-bottom: 4px;
  padding-left: 5px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 8px;
}
 .toc {background-image: url("/media/css/bluebullet.png"); background-repeat: no-repeat;background-position: 0px 6px;
   padding-top: 2px; padding-right: 0px; padding-bottom: 3px; padding-left: 7px; text-align: left; 
}
 .greyInfoBox ul { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: -15px; color: black;
  list-style-type: square; font-family: arial, sans;}
 .greyInfoBox { text-align: left; background-color: #cccccc; margin-top: 0px; margin-right: 8px; margin-bottom: 0px;
  margin-left: 8px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 5px; font-size: 1.2em;
}
 .greyInfoBoxLimit {max-width: 225px;}
 
input, select, textarea { margin: 3px 2px; outline:solid  2px silver; border: 1px black solid; border-radius: 5px;
}
input:focus,select:focus, textarea:focus { outline: solid 2px red;}


#aform_box, .aform_box { width: 100%; padding-left: 15px;
}

#aform_right, .aform_right { float: right; width: 70%;
}

#aform_left, .aform_left {float: left; width: 28%;
}

#aform_center, .aform_center {float: left; width: 28%; text-align: center; width: 98% 
}

#aform_clear, .aform_clear { clear: both; height: 1px; 
}

#aform_small_left, .aform_small_left {float: left; width: 28%; font-size: 85%; 
}

#aform_small_right, .aform_small_right {float: right; width: 70%; font-size: 85%; 
}

#aform_normal, .aform_normal { float: left; font-size: 80%; 
}

#aform_head1, .aform_head1 { height: 20px; width: 95%; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; 
font-size: 18px; font-weight: lighter; margin-bottom: 15px; float: left; 
}
.Alert { color: red; font-size: 120%; font-weight: bolder;
}
.Important { color: brown; font-size: 110%; }
 .aformDiv div {clear: both}
 .aformDiv input { max-width: 10em;}
 .aformDiv textarea { max-width: 10em;}
.floattables { margin: 5px; float: left; background: #eee; text-align: center; border-radius: 20px; max-width: 350px;}
.floattables form { display: inline;}
.floattables p:first-child {margin-top: 0px;}
    .WrapRight{float: left; margin: 0 5px 0 5px;}
    .WrapLeft {float: right; margin: 0 5px 0 5px}
    .ClearWrap {margin: 0 5px 0 5px'}