/* navigation style - orange, blue, green */

a.brown:link {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.brown:active {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.brown:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.brown:hover {  color: #ffffff; text-decoration: underline;}

a.orange:link {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.orange:active {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.orange:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.orange:hover {  color: #ffffff; text-decoration: underline;}

a.lemon:link {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.lemon:active {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px;}
a.lemon:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.lemon:hover {  color: #ffffff; text-decoration: underline;}

a.lime:link {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.lime:active {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.lime:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.lime:hover {  color: #ffffff; text-decoration: underline;}

a.green:link {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.green:active {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.green:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.green:hover {  color: #ffffff; text-decoration: underline;}

a.aqua:link {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.aqua:active {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.aqua:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.aqua:hover {  color: #ffffff; text-decoration: underline;}

a.blue:link {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.blue:active {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.blue:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 4px; width: 116px; height: 20px;}
a.blue:hover {  color: #ffffff; text-decoration: underline;}

a.opto:link {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #999999; text-decoration: none; text-transform: uppercase; font-weight: bold; width: 141px; height: 20px; background-color: #cccccc; padding-left: 6px;}
a.opto:active {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #999999; text-decoration: none; text-transform: uppercase; font-weight: bold; width: 141px; height: 20px; background-color: #cccccc; padding-left: 6px;}
a.opto:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #999999; text-decoration: none; text-transform: uppercase; font-weight: bold; width: 141px; height: 20px; background-color: #cccccc; padding-left: 6px;}
a.opto:hover {  color: #ffffff; width: 141px; height: 20px; background-color: #FF9933; padding-left: 6px;}

.selectedo {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: bold; width: 141px; height: 20px; background-color: #FF9933; padding-left: 6px;}

a.opta:link {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #999999; text-decoration: none; text-transform: uppercase; font-weight: bold; width: 141px; height: 20px; background-color: #cccccc; padding-left: 6px;}
a.opta:active {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #999999; text-decoration: none; text-transform: uppercase; font-weight: bold; width: 141px; height: 20px; background-color: #cccccc; padding-left: 6px;}
a.opta:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #999999; text-decoration: none; text-transform: uppercase; font-weight: bold; width: 141px; height: 20px; background-color: #cccccc; padding-left: 6px;}
a.opta:hover {  color: #ffffff; width: 141px; height: 20px; background-color: #99CCCC; padding-left: 6px;}

.selecteda {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: bold; width: 141px; height: 20px; background-color: #99CCCC; padding-left: 6px;}

/* tool menu */
.tool { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #cccccc; padding-left: 6px; padding-right: 5px;}
a.tools:link {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #cccccc; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #335a8f; padding-left: 6px; padding-right: 6px;}
a.tools:active {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #cccccc; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #335a8f; padding-left: 6px; padding-right: 6px;}
a.tools:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #cccccc; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #335a8f; padding-left: 6px; padding-right: 6px;}
a.tools:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #04b5d6; padding-left: 6px; padding-right: 6px;}

/* tool menu orange */
a.toolsorange:link {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #cccccc; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #cc3333; padding-left: 6px; padding-right: 6px;}
a.toolsorange:active {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #cccccc; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #cc3333; padding-left: 6px; padding-right: 6px;}
a.toolsorange:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #cccccc; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #cc3333; padding-left: 6px; padding-right: 6px;}
a.toolsorange:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #FF9900; padding-left: 6px; padding-right: 6px;}

/* section title */
.sectiontitle {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #ffffff; text-decoration: none; text-transform: none; font-weight: normal}

/* page title */
.pagetitle {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #ffffff; text-decoration: none; text-transform: none; font-weight: bold}

/* body elements */

.hptitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #335A8F; text-decoration: none; text-transform: uppercase; font-weight: normal}

.hpcopy {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #666666; text-decoration: none; text-transform: none; font-weight: normal;}

.copy {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #333333; text-decoration: none; text-transform: none; font-weight: normal}

.featurecom {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; color: #ffffff; text-decoration: none; text-transform: none; font-weight: normal}

a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #666666; text-decoration: none; text-transform: none; font-weight: normal; text-decoration: underline;}
a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #666666; text-decoration: none; text-transform: none; font-weight: normal; text-decoration: underline;}
a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #666666; text-decoration: none; text-transform: none; font-weight: normal; text-decoration: underline;}
a:hover {  color: #33598F;}

a.button:link {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #999999; padding-left: 8px; padding-right: 5px; height: 20px;}
a.button:active {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #999999; padding-left: 8px; padding-right: 5px; height: 20px;}
a.button:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #999999; padding-left: 8px; padding-right: 5px; height: 20px;}
a.button:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #666666; padding-left: 8px; padding-right: 5px; height: 20px;}

p { padding-left: 10px;}
h1 { font-size: 18px; line-height: 20px; color: #666666; font-weight: normal;}
h2 { font-size: 14px; line-height: 16px; color: #666666; font-weight: bold;}
h3 { text-transform: uppercase; font-size: 11px; line-height: 14px; color: #666666; font-weight: bold;}

/* warning title */
.warning {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #cc0000; text-decoration: none; text-transform: none; font-weight: bold}

/* wizard title */
.wizard {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #3366CC; text-decoration: none; text-transform: none; font-weight: bold}

/* login */
a.login:link {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: normal; width: 45px; height: 16px; background-color: #666666; padding-right: 6px}
a.login:active {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: normal; width: 45px; height: 16px; background-color: #666666; padding-right: 6px}
a.login:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: normal; width: 45px; height: 16px; background-color: #666666; padding-right: 6px}
a.login:hover { width: 45px; height: 16px; background-color: #333333;}
input.login {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight: normal; color: #666666; background-color: #cccccc; width: 100px;}

/* footer */
.footer {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; color: #333333; text-decoration: none; text-transform: uppercase; font-weight: normal;}

/* button */
input.actbutton {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #666666; text-align: center}
input.actbutton:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; color: "#999999"; text-decoration: none; text-transform: uppercase; font-weight: normal; background-color: #ffffff; text-align: center}

/* general forms */
input.gen { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; }
select.gen { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; }
textarea.gen { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; }

