body {
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 13px;
	background:#333;
	line-height: 1.231;
	margin: 20px;
}	
select,input,button,textarea,button{
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 99%;
}
table{
	font-size:inherit;
	font-size:100%;
}
pre,code,kbd,samp,tt{
	font-family:monospace;
	line-height:100%;
}
p a:link, p a:visited {
	text-decoration:underline;
	margin-top:0;
}
h1 {font-size: large;	font-weight: bold;}
h2 {font-size: medium;   font-weight: bold;}
h3 {font-size: 14px;	font-weight: bold;}
h4 {font-size: 14px;	font-weight: bold;  padding:0; margin:0;}
h5 {font-size: small;   font-weight: bold;}
h6 {font-size: small; font-weight: bold;}

a:link{color: #000099; text-decoration:none;}
a:visited{color: #000099; text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:underline;}

.xx-small {font-size: xx-small}
.x-small {font-size: x-small}
.small {font-size: small}
.medium {font-size: medium}
.large {font-size: large}
.x-large {font-size: x-large}
.xx-large {font-size: xx-large}
.smaller {font-size: smaller; }
.larger {font-size: larger; }
.halfsize {font-size: 50%;}
.size150 {font-size: 150%;}
.deptHeading { margin-top: 0px; text-align:center;}

.bold {font-weight: bold}
.center {text-align: center;}
.indent {margin-left: 40px;}
.normal {font-weight: normal}

.textdarkgrey,a.textdarkgrey:link,a.textdarkgrey:visited {color:#999999;}
.textgrey,a.textgrey:link,a.textgrey:visited {color:#666666;}
.textblack,a.textblack:link,a.textblack:visited {color:#000000;}
.textbrightblue,a.textbrightblue:link,a.textbrightblue:visited  {color:#0000cc;}
.textblue,a.textblue:link,a.textblue:visited {color:#000099;}
.textbluemedium,a.textbluemedium:link,a.textbluemedium:visited {color:#3366ff;}
.textbrown,a.textbrown:link,a.textbrown:visited {color:#993300;}
.textdarkgreen,a.textdarkgreen:link,a.textdarkgreen:visited {color:#006600;}
.textolivegreen,a.textolivegreen:link,a.textolivegreen:visited {color:#555500;}
.textpurple,a.textpurple:link,a.textpurple:visited {color:#993399;}
.textred,a.textred:link,a.textred:visited {color:#ff0000;}
.textdarkred,a.textdarkred:link,a.textdarkred:visited {color:#990000;}
.textdeepred,a.textdeepred:link,a.textdeepred:visited{color:#cc3333;}
.textfuscia,a.textfuscia:link,a.textfuscia:visited {color:#ff00ff;}
.texttrueblue,a.texttrueblue:link,a.texttrueblue:visited {color:#0000ff;}
.textyellow,a.textyellow:link,a.textyellow:visited {color:#ffff00;}
.textlightorange,a.textlightorange:link,a.textlightorange:visited {color:#e1a41f;}
.textwhite,a.textwhite:link,a.textwhite:visited {color:#ffffff;}
.textlightblue,a.textlightblue:link,a.textlightblue:visited {color:#214B97;}
.textpaleblue,a.textpaleblue:link,a.textpaleblue:visited {color:#336699;}
.textdarkgrey,a.textdarkgrey:link,a.textdarkgrey:visited {color:#333333;}
.textgreen,a.textgreen:link,a.textgreen:visited {color:#009900;}
.textltgreen,a.textltgreen:link,a.textltgreen:visited {color:#669900;}
.textorange,a.textorange:link,a.textorange:visited {color:#ff6600;}
.textorange2,a.textorange2:link,a.textorange2:visited {color:#ff9900;}

#wrapper{
	background-color:#FFF; 
	border: 10px solid #fff; 
	min-width: 850px;
	overflow:visible; 
}
#header{
	background-color:#fff;
	border: 1px solid #333;
	height: 130px;
}
#header .topOfBanner{
	background-image:url(top_of_banner.gif);
	background-repeat: repeat-x;
	height: 7px;
	margin: 0px;
	z-index: 2;	
}
#header .banner{
	height:80px;
}
#header .logo{
	background-image:url(employeeBanner.jpg);
	background-position:right;
	background-repeat:no-repeat;	
	height: 80px;	
	margin-top: 0px;
	z-index: 10;
}
#header .logo img{	
	float: left;
	padding-left: 10px;
	padding-top: 20px;	
}
#container{
	background-color:#fff;
	border-top: solid 10px #fff;	
	overflow:hidden;
	padding-left:197px; /* The width of the rail */
	padding-right: 10px;
}
* html #container{
	height:1%; /* So IE plays nice */
}
#contentWrapper{	
	border-left:197px solid #fff; /* The width and color of the rail */
	float:right;
	margin-left:-197px;	
	width:100%;
}
#content{
	float: left;
	width: 99.6%;
	padding-left: 10px;
}
#leftCol{
	background-image:url(employeeSideBG.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#E2FFE1;
	border: solid #333 1px;
	display:inline; /* So IE plays nice */
	float:left;
	margin-left:-197px;
	padding: 0px 10px 30px 10px;
	width:175px;
	min-height: 500px;
}
#leftCol ul li{
	border-bottom: 1px solid #BDBDBD;
	line-height: 20px;
	list-style: none;
	margin-left: -35px;
	margin-right: 0px;	
	padding-left: 0px;	
}
#leftCol li a:link,#leftCol li a:visited {color:#000099; font:bold 12px arial; text-decoration: none;}
#leftCol li a:hover{color:#000099; font:bold 12px arial; text-decoration: underline;}

#footer{
	background-color:#ddd;
	background-image:url(bg_footer.gif);
	background-position:center;
	background-repeat:repeat-x;	
	border: solid #333 1px;
	color:#FFFFFF;
	font-size:10px;
	height:20px;
	margin-top: 10px;
	padding-top:5px;	
	text-align:center;	
}

#discount-disclaimer {
	background-color: #e6fee6;
	width: 310px;
	border: thick groove #009900;
	text-align: center;
	padding: 5px;
	font-size: smaller;
	color: #006600;
	font-weight: bold;
	}
	
#letters {
	float: right;
	background-color:#f8ffff /*#E2FFE1*/;
	width: 300px;
	border: thick double #090;
	font-weight: bold;
	text-align: center;
	padding: 8px;
	}
	
#queens {
	float: right;
	background-color: #f4ffff;
	width: 175px;
	border: medium solid #000099;
	color: #000099;
	font-weight: bold;
	padding: 12px;
	text-align: center;
	}
	
#greener {
	float: right;
	background-color: #f4fff4;
	width: 225px;
	border: medium solid #003300;
	color: #003300;
	font-weight: bold;
	padding: 12px;
	text-align: center;
	}
/************Top Drop Down Menu ***********/
#topMenuBar{
	background-image:url(bg_menu.gif);
	background-repeat:repeat-x;
	height:43px;	
}
#topMenu{
	background-image:url(top_menu_bg.gif);
	background-repeat:no-repeat;
	height:43px;
	margin: 0 auto;
	width: 630px;
}
#sddm{	
	margin: 0 auto;
	padding-left:20px;
	padding-top:12px;	
	width: 610px;	
	z-index: 50;
}
#sddm li{	
	font: bold 12px arial;
	float: left;
	list-style: none;	
}
#sddm li a{	
	color:#000000;
	display:block;
	margin: 0 1px 0 0;
	padding: 4px 15px;	
	text-align: center;
	text-decoration: none;
	width:auto;	
}
#sddm li a:hover{
	background:#FFF;
}
#sddm div{	
	background: #FFF;
	border: 1px solid #5970B2;
	margin: 0;
	padding: 0;
	position: absolute;	
	visibility: hidden;
}
#sddm div a{	
	color:#000099;
	display: block;
	font-weight:bold;
	margin: 0;
	padding: 2px 10px;
	position: relative;
	text-align: left;	
	text-decoration: none;	
	white-space: nowrap;
	width:auto;		
}
#sddm div a:hover{	
	background:#0000FF;
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
}
.highlight{
	background:#FFF;
	border:#0000CC solid 1px;	
}
/* END OF DROP DOWN MENU */

/* BSC form - start */
#idForm{
	margin-top: 10px;
}
#result{
	font-size: large;
	margin-top: 10px;
	text-align: center;
}
#rightCol {
	float:left;
	width: 250px;
	position:relative;
	display: inline;
	margin-left: 10px;
}
.widget {
	border: 1px #333333 solid;
	padding: 0px;
	margin-bottom: 10px;
	border-bottom: 2px #333333 solid;
	border-right: 2px #333333 solid;
	font-size: 90%;
	height: 90px;
}
.widgetHeading {
	background-color:#E5FEE1;
	text-align:center;
	border-bottom:#333333 1px solid;
	margin-bottom: 3px;
	font-weight:bold;
	height: 15px;
}
/* BSC form - end */

/* Styles for Redirect Message */
        /* Reset specific to our overlay to avoid inheritance */
        .overlay-wrapper * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Overlay container */
        .overlay-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 9999;
            pointer-events: auto;
        }

        /* Semi-transparent gradient background */
        .gradient-background {
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, 
                rgba(35, 96, 165, 0.85) 0%, 
                rgba(62, 140, 209, 0.75) 50%, 
                rgba(100, 182, 255, 0.65) 100%
            );
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .container {
            background: rgba(255, 255, 255, 0.9);
            border-radius: 12px;
            padding: 2rem;
            width: 90%;
            max-width: 1200px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
        }

        .columns {
            display: flex;
            gap: 2rem;
        }

        .column {
            flex: 1;
            text-align: center;
        }

        .column-body {
            margin-bottom: 1.5rem;
            font-weight: bold;
            font-size: 1.25rem;
        }

        /* Reset and new styles for CTA buttons */
        .cta-button {
            /* Reset styles */
            all: unset;
            box-sizing: border-box;
            
            /* New button styles */
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 50px;
            padding: 1rem;
            background: rgba(35, 96, 165, 0.9);
            border-radius: 8px;
            cursor: pointer;
            transition: background-color 0.2s;
        }

        .cta-button:hover {
            background: rgba(62, 140, 209, 0.9); 
        }

        /* Button text styles */
        .cta-text-primary {
            display: block;
            color: white;
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 4px;
        }

        .cta-text-secondary {
            display: block;
            color: rgba(255, 255, 255, 0.9);
            font-size: 1.125rem;
            font-weight: 600;
            line-height: 1.2;
        }

        a.cta-button, a.cta-button:hover, a.cta-button:visited {
          display: inline-block;
          font-family: Helvetica, Arial, sans-serif;
          font-size: 14px;
          font-weight: 700;
          line-height: 24px;
          text-align: center;
          text-decoration: none;
          padding-top: 0.6rem; 
          color: #fff !important;
          background-color: #0F61A9;
          border: 2px solid #0F61A9;
          border-radius: 4px;
        }

        a.cta-button:hover {
          text-decoration: underline;
        }

        .countdown {
            display: block;
            margin-top: 1rem;
            font-size: 0.875rem;
            color: rgba(0, 0, 0, 0.6);
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .columns {
                flex-direction: column;
            }

            .container {
                padding: 1.5rem;
                margin: 1rem;
            }

            .column:not(:last-child) {
                margin-bottom: 2rem;
            }

            .cta-button {
                width: 100%;
                max-width: 280px;
            }
        }

		/* Emphasis Color */
		.emph-color {
			color:black;
        }