th {
    color: white; 
    background: Gray;
    border: 2px solid black;
    font-size: 10px; 
    font-weight: normal; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
 }
td{
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
    padding-left: 5px;
}
.cellClear {
    background: none;
}
#container {
	width: 770px;
	margin: 0;
	text-align: left;
	top: 20px;
	}
	/*this positions the right-hand column */

/* Style the Sticky header */
.header {
	background-color: #9999FF;
	color: #D1D1D1;
}
.tdBottomBorder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: thin solid #BBBBBB;
}
.tdTopBorder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top: thin solid #BBBBBB;
}

.calendar-button1{
background-color: yellow;
color: black;
display:inline-block;
height: 100%;
width: 98%;
font-size:10px;
font-weight:bold;
text-align: left;
vertical-align: text-top;
border-radius: 7px;
border: thin solid ##666666;
}
.calendar-button1:hover {
background-color: white;
color: black;
}
.calendar-button2{
background-color: lime;
color: black;
display:inline-block;
height: 100%;
width: 98%;
font-size:10px;
font-weight:bold;
text-align: left;
vertical-align: text-top;
border-radius: 7px;
border: thin solid ##666666;
}
.calendar-button2:hover {
background-color: white;
color: black;
}
.calendar-button3{
background-color: green;
color: white;
display:inline-block;
height: 100%;
width: 98%;
font-size:10px;
font-weight:bold;
text-align: left;
vertical-align: text-top;
border-radius: 7px;
border: thin solid ##666666;
}
.calendar-button3:hover {
background-color: white;
color: black;
}
.calendar-button4{
background-color: teal;
color: white;
display:inline-block;
height: 100%;
width: 98%;
font-size:10px;
font-weight:bold;
text-align: left;
vertical-align: text-top;
border-radius: 7px;
border: thin solid ##666666;
}
.calendar-button4:hover {
background-color: white;
color: black;
}
.calendar-button5{
background-color: maroon;
color: white;
display:inline-block;
height: 100%;
width: 98%;
font-size:10px;
font-weight:bold;
text-align: left;
vertical-align: text-top;
border-radius: 7px;
border: thin solid ##666666;
}
.calendar-button5:hover {
background-color: white;
color: black;
}
.calendar-button6{
background-color: purple;
color: white;
display:inline-block;
height: 100%;
width: 98%;
font-size:10px;
font-weight:bold;
text-align: left;
vertical-align: text-top;
border-radius: 7px;
border: thin solid ##666666;
}
.calendar-button6:hover {
background-color: white;
color: black;
}
.calendar-button7{
background-color: aqua;
color: black;
display:inline-block;
height: 100%;
width: 98%;
font-size:10px;
font-weight:bold;
text-align: left;
vertical-align: text-top;
border-radius: 7px;
border: thin solid ##666666;
}
.calendar-button7:hover {
background-color: white;
color: black;
}

.calendar-button1a{
background-color: yellow;
color: black;
display:inline-block;
height: 100%;
width: 100%;
font-size:14px;
font-weight:bold;
text-align: left;
vertical-align: text-top;
border-radius: 7px;
border: thin solid ##666666;
}
.calendar-button1a:hover {
background-color: white;
color: black;
}
.calendar-button2a{
background-color: lime;
color: black;
display:inline-block;
height: 100%;
width: 100%;
font-size:14px;
font-weight:bold;
text-align: left;
vertical-align: text-top;
border-radius: 7px;
border: thin solid ##666666;
}
.calendar-button2a:hover {
background-color: white;
color: black;
}
.calendar-button3a{
background-color: green;
color: white;
display:inline-block;
height: 100%;
width: 100%;
font-size:14px;
font-weight:bold;
text-align: left;
vertical-align: text-top;
border-radius: 7px;
border: thin solid ##666666;
}
.calendar-button3a:hover {
background-color: white;
color: black;
}
.calendar-button4a{
background-color: teal;
color: white;
display:inline-block;
height: 100%;
width: 100%;
font-size:14px;
font-weight:bold;
text-align: left;
vertical-align: text-top;
border-radius: 7px;
border: thin solid ##666666;
}
.calendar-button4a:hover {
background-color: white;
color: black;
}
.calendar-button5a{
background-color: maroon;
color: white;
display:inline-block;
height: 100%;
width: 100%;
font-size:14px;
font-weight:bold;
text-align: left;
vertical-align: text-top;
border-radius: 7px;
border: thin solid ##666666;
}
.calendar-button5a:hover {
background-color: white;
color: black;
}
.calendar-button6a{
background-color: purple;
color: white;
display:inline-block;
height: 100%;
width: 100%;
font-size:14px;
font-weight:bold;
text-align: left;
vertical-align: text-top;
border-radius: 7px;
border: thin solid ##666666;
}
.calendar-button6a:hover {
background-color: white;
color: black;
}
.calendar-button7a{
background-color: aqua;
color: black;
display:inline-block;
height: 100%;
width: 100%;
font-size:14px;
font-weight:bold;
text-align: left;
vertical-align: text-top;
border-radius: 7px;
border: thin solid ##666666;
}
.calendar-button7a:hover {
background-color: white;
color: black;
}

.calendar-button{
height: 18px;
width: 100%;
text-align: left;
font-size: 10px;
font-style: bold;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
border: 1px solid white;
background-color: silver;
color: black;
display:inline-block;
}
.calendar-button:hover {
background-color: #990000;
color: white;
border: 1px solid black;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}

/* Standard CSS for SWBS */
textarea
{
  border:1px solid #999999;
  width:100%;
  margin:5px 0;
  padding:3px;
}
img.border {
	display: block;
	padding:8px;
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color:white;
}
.table3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	border: thin solid #666666;
}
.table3Shadow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	border: thin solid #666666;
    box-shadow: 5px 5px 5px #888888;
}
.fontItalic {
	font-style: italic;
}
#rcorners2 {
    border-radius: 25px;
    border: 2px solid #333333;
    background: #FFFFFF;
    padding: 20px; 
    width: 33%;
    height: 100%; 
}
#rightcolumn {
	width: 250px;
	visibility: visible;
	background-color: #bfdbf3;/*themecolour1$ 56.7%,76.4%;*/
	padding: 8px 8px 8px 12px;
	background-image: url(Communicator_page2_panelcorner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: right;	
}

#leftcolumn {
	width: 460px;
	color: #333333;
    float: none;
}
#content {
	width: 750px;
}
#heading {
	top: 250px;
	margin-left: 26px;
}
#logo {
	position: absolute;
	z-index: 1;
	height: 92px;
	width: 913px;
}
#hnavbar {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0033cc;/*themecolour2;*/
	margin-bottom: 3px;
}
/**Redefined html tags**/
body {
	background-color: #9999FF;
}
 .bannerTitleBlack {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 40px;
	color: #111111:
}
 .bannerTitle {
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 42px;
}
 .bannerTitlesm {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	line-height: 30px;
}
.bannerTitlexsm {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
}
 .bannerTitleCrumbs {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	padding: 0px 0px 10px 0px;
}
.headerColor {
	background-color: white;
}
.headerColorOld {
	background-color: #2750B0;
}
 .formHeaderColor {
	background-color: white;
}
 .medGray {
	color: #000000;
}

.tableBorder
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: thin solid #666666;
	border-radius: 25px;
 }
.tableRadius
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: thin solid #666666;
	border-radius: 25px;
 }
 .tableRadiusShadow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	border: thin solid #666666;
	border-radius: 25px;
	box-shadow: 5px 5px 5px #888888;
}

.noPad {
	padding: 0px;
}
.Padded {
	padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.Padded5 {
	padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.PaddedLeft20 {
	padding-left: 20px;
}
.PaddedLeft40 {
	padding-left: 40px;
}
.PaddedLeft80 {
	padding-left: 80px;
}
.PaddedRight20 {
	padding-right: 20px;
}
.PaddedRight40 {
	padding-right: 40px;
}
.PaddedRight80 {
	padding-right: 80px;
}
.nearBlack {color: #111111}
.printBold18 {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111111;
}
.printBold16 {
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111111;
}
.printBold16Gray {
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	color: #111111;
}
.printBold14 {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111111;
}
.print14 {
	font-size: 14px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111111;
}
.formBackground {
    background-color: #D1D1D1;
}
.formTextBlock {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111111;
	padding: 10px;
}
.formPrompt {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding: 10px;
}
.formField {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding: 10px;
}
.tableCellLeft {
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding-left: 10px;
}
.tableCell10 {
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Gray;
}
.tableCellRight {
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding-right: 10px;
}
.tableCell {
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
}
.tableHeader {
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
    background-color: lightgray;
    text-align: center;
}
.bold12 {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
}
.bold12Padded {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding: 10px;
}
.bold12PaddedLeft {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding-left: 10px;
}
.bold14 {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
}
.bold14Padded {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.bold16 {
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
}
.bold16Padded {
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding: 10px;
}
.bold16PaddedLeft {
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding-left: 10px;
}
.bold18 {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
}
.bold18Padded {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding: 10px;
}
.bold14PaddedBottom {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding-bottom: 5px;
	padding-left: 10px;
}
.bold18PaddedBottom {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding-bottom: 5px;
	padding-left: 10px;
}
.bold24 {
	font-size: 24px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
}
.bold24Padded {
	font-size: 24px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding: 5px;
}
.bold28Padded {
	font-size: 24px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding: 10px;
}
.bold28 {
	font-size: 24px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	padding-top: 2PX;
	padding-left: 10PX;
}
h1 {
	font-size: 150%;
	margin: 0px;
	color: #000000;
	padding-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
}
h2 {
	font-size: 140%;
	color: #689ecb;/*themecolour1;*/
	margin-top: 4px;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
}
/*defines the style for ordered lists (numbered) */
ol {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	color: #1a2e40;/*themecolour1$ -21%,-68.6%;*/
}
/*defines the style for unordered lists (bulleted) */
 ul {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-image: url(Communicator_page2_bullet.gif);
	color: #000000;/*themecolour4%0;*/
	font-weight: normal;
	margin-left: 20px;
}
.red {color: #FF0000}
.white {color: #FFFFFF}
.verdana24 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #111111;
	font-style: normal;
	font-weight: 400;
}
.verdana20 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; 
	color: #111111;
}
.verdana16 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: black; }
.verdana14 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.verdana12 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.medGray {color: #999999}
.verdana12GrayBG {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EAEAEA;
}
.verdana10 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
}
.Gold {
	background-color: 3399FF;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
	padding-right: 5px;
}
.bold12 {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
}
.bold10 {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
}
.bold14LineOut {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	text-decoration: line-through;
}
.verdana12LineThru {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: line-through;
	font-style: italic;
	color: #0000FF;
}
.bold12Padded {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	text-align: justify;
	left: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}
.Yellow {
	background-color: yellow;
}
.tdBorder {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: thin solid #666666;
}
.arial9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0000FF;
}
.button2{
border:none;
background-color: white;
border: 1px solid gray;
height: 38px;
	width: 300;
}
.button2:hover {
background-color: white;
}
.menu-button-red{
display:inline-block;
background-color: red;
color: white;
font-size:12px;
font-weight:bold;
line-height: 20px; 
text-align: left; 
border:none;
height: 20px;
border-radius: 2px;
border: thin solid #666666;
box-shadow: 5px 5px 5px #444444;
margin-right: 3px;
padding-bottom: 3px;
}
.menu-button-red:hover {
background-color: #990000;
color: white;
}
.return-button{
background-color: white;
color: blue;
font-size:14px;
font-weight:bold;
line-height: 40px; 
text-align: left; 
border:thin;
border: 1px solid #BBBBBB;
border-radius: 7px;
height: 40px;
width: 135px;
margin-right: 10px;
}
.return-button:hover {
background-color: white;
color: red;
font-size:16px;
font-style: italic;
}
.menu-button{
background-color: white;
color: darkblue;
font-size:12px;
font-weight:bold;
height: 20px;
line-height: 20px; 
border-radius: 2px;
border: thin solid #666666;
box-shadow: 2px 2px 2px #444444;
text-align: center;
margin-right: 3px;
padding-bottom: 3px;
}

.menu-button:hover {
background-color: white;
color: black;
font-size:12px;
font-style: italic;
}
.btn {
  background-color: white;
  border: none;
  color: black;
  width: 60px;
  padding: 8px 12px;
  font-size: 16px;
  cursor: pointer;
	border: thin solid #666666;
	box-shadow: 5px 5px 5px #444444;
	margin-right: 4px;
	border-radius: 6px;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: RoyalBlue;
}
.btnNew {
  background-color: red;
  border: none;
  color: white;
  padding: 8px 12px;
  font-size: 16px;
  cursor: pointer;
	border: thin solid #666666;
	box-shadow: 5px 5px 5px #444444;
	margin-right: 4px;
}

/* Darker background on mouse-over */
.btnNew:hover {
  background-color: RoyalBlue;
}
.menu-button-Large{
background-color: white;
color: red;
font-size:16px;
font-weight:bold;
line-height: 18px; 
text-align: left; 
border:none;
height: 32px;
padding-bottom: 3px;
}
.menu-button-Large:hover {
background-color: white;
color: black;
font-size:16px;
font-style: italic;
}
.menu-button_Old{
background-color: white;
color: blue;
font-size:10px;
font-weight:bold;
line-height: 20px; 
text-align: left; 
border:none;
border: 1px solid gray;
border-radius: 7px;
height: 22px;
padding-bottom: 3px;
}
.menu-button_Old:hover {
background-color: #990000;
color: white;
}
.form-submit-button{
border:none;
background-color: white;
border: 1px solid lightblue;
}
.form-submit-button:hover {
background-color: red;
color: white;
}
.form-submit-button-grey{
border:none;
background-color: #770d0f;
color: white;
border: 1px solid white;
height: 38px;
width: 148px;
}
.form-submit-button-grey:hover {
background-color: white;
color: #990000;
}
.form-submit-button-red{
border:none;
background-color: red;
color: white;
border: 1px solid gray;
height: 38px;
width: 148px;
}
.form-submit-button-red:hover {
background-color: white;
color: black;
}
.form-submit-button-yellow{
border:none;
background-color: yellow;
color: black;
border: 1px solid gray;
height: 38px;
width: 148px;
}
.form-submit-button-yellow:hover {
background-color: #990000;
color: white;
}
.form-submit-button-mobile{
border:none;
background-color: white;
border: 1px solid gray;
height: 50px;
width: 200px;
}
.form-submit-reset{
border: 1px solid #006;
background-image:url(
//cms.interlogy.com/uploads/image_upload/image_upload/global/1295_Buttons_05.png);
border: medium none;
height: 38px;
width: 148px;
}
.form-submit-reset:hover {
background-color: gray;
background-image:url(
//cms.interlogy.com/uploads/image_upload/image_upload/global/1293_Buttons_03.jpg);
}
.form-submit-print{
border: 1px solid #006;
background-color: white;
}
.form-submit-print:hover {
background-color: gray;
}