@charset "UTF-8";

body { font: 100% "trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; background-color: #CCCCCC; background-repeat: repeat-x; background-position: left top; background-image: url(images/bg.gif); }

#empemailform { width: auto; height: auto; margin-left: 25px; margin-top: 20px; padding-right: 30px; }

legend { color: #333333; font-weight: bold; text-align: left; margin-top: 20px; margin-bottom: 20px; padding-top: 5px; padding-left: 5px; }

.twoColFixLtHdr #logobranding { background-image: url(/images/genica.png); background-repeat: no-repeat; height: 50px; margin-top: 10px; margin-left: 5em; margin-right: 5em; }

.twoColFixLtHdr #container { width: 770px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */ border: 1px solid #000000; text-align: left; margin-top: 15px; margin-right: auto; margin-bottom: 10; margin-left: auto; }

.twoColFixLtHdr #header { background: #023467; width: 100%; height: 28px; margin: 0000; text-align: center; background-color: #003366; }

.twoColFixLtHdr #header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 2px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ font-family: "trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100%; }

.twoColFixLtHdr #sidenavtabs { float: left; /* since this element is floated, a width must be given */ width: 212px; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 5px 3px 10% 5px; margin: 0px; clear: both; height: auto; }

.twoColFixLtHdr #mainContent { margin: 0 0 0 225px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */ padding: 0 0px; }

.twoColFixLtHdr #container #mainContent #headerimg { margin-right: 8px; margin-left: 8px; height: auto; }

.twoColFixLtHdr #container #mainContent #headertext { margin: 0px; margin-right: 10px; margin-left: 10px; margin-top: 10px; margin-bottom: 0px; border-bottom: thin solid #CCCCCC; }

.twoColFixLtHdr #container #mainContent #headertext h1 { font-size: 1.4em; color: #666666; margin-top: 10px; margin-bottom: 1px; }

.twoColFixLtHdr #container #mainContent #textblock { font-family: "trebuchet MS", Arial, Helvetica, sans-serif; margin-right: 15px; margin-left: 15px; margin-top: 10px; font-size: 95%; }

.twoColFixLtHdr #container #mainContent #textblock p { color: #666666; font-size: small; margin-top: 10px; margin-bottom: 5px; margin-left: 2px; }

.twoColFixLtHdr #container #mainContent #textblock ul { color: #666666; font-size: small; margin-top: 5px; margin-bottom: 5px; margin-left: 2px; }

.twoColFixLtHdr #container #mainContent #textblock li { color: #666666; font-size: small; margin-top: 5px; margin-bottom: 5px; margin-left: 2px; list-style-position: inside; list-style-type: disc; }

.twoColFixLtHdr #container #mainContent #textblock h3 { color: #333333; font-size: 85%; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; }

.twoColFixLtHdr #footer { background-color: #003366; text-align: left; margin-top: 10px; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 20px; }

.twoColFixLtHdr #container #footer p { font: small "trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px; padding-top: 3px; padding-bottom: 3px; font-size: 70%; }

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; }

.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }

/* Begin SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 75%; cursor: default; width: auto; font-weight: bold; }

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive { z-index: 1000; }

/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: center; cursor: pointer; width: auto; float: left; }

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 8.2em; position: absolute; left: -1000px; }

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; }

/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li { width: 8.2em; }

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; }

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; }

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul { border: 1px solid #CCC; }

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: #003366; padding: 0.5em 0.75em; color: #FFFFFF; text-decoration: none; }

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover,
ul.MenuBarHorizontal a:focus { background-color: #CCCCCC; color: #333333; }

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover,
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color: #CCCCCC; color: #333333; }

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu { background-image: url(images/SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 95% 50%; }

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-image: url(images/SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; }

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { background-image: url(images/SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 95% 50%; }

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image: url(images/SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; }

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; }
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {

ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: none; background: #FFF; }
}

.twoColFixLtHdr #container #sidenavtabs #sidenav { font-size: small; }

.twoColFixLtHdr #container #mainContent fieldset { margin-bottom: 25px; margin-top: 5px; border: thin solid #CCCCCC; background: #eeeeee; }

label { color: #333333; font-size: 14px; font-weight: bold; }

input { }

.twoColFixLtHdr #container #sidenavtabs #sidenav ul { list-style: none; padding: 0px; margin: 0px; color: #333333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }

.twoColFixLtHdr #container #sidenavtabs #sidenav li { cursor: default; }
.twoColFixLtHdr #container #sidenavtabs #sidenav h3 { margin: 0px; padding: 0px; font-size: 17px; color: #CCCCCC; }

.twoColFixLtHdr #container #sidenavtabs #sidenav ul a:hover { background: #023467; color: #0099FF; }

#logoblock { float: left; padding-right: 7px; padding-bottom: 7px; }
.listitems1 { padding-right: 20px; padding-left: 20px; }