﻿/* GENERAL STYLES */

html {overflow:-moz-scrollbars-vertical;overflow:-moz-scrollbars-horizontal; /*overflow: scroll;*/overflow-y: scroll;  background-color:#f2f6fa; height:100%;}
body {margin:0;text-align: -moz-center;#text-align:center; height:100%; width:100%; padding:0 0 0 0;background-color:#ffffff; }
form {margin:0px; padding:0px; }

p	{font: normal small arial,verdana,helvetica,sans-serif;color:#333333;margin:0px; padding:5px 0 0 0; line-height:1.4em;  }
div	{font: normal small arial,verdana,helvetica,sans-serif;color:#333333;  }
td {font: normal 13px arial,verdana,helvetica,sans-serif;color:#333333;}
a {font: normal 13px arial,verdana,helvetica,sans-serif;color:#0072bc; text-decoration:none; }
a:hover {font: normal 13px arial,verdana,helvetica,sans-serif;color:#4db848 !important;text-decoration:none;}
a:visited {font: normal 13px arial,verdana,helvetica,sans-serif;color:#0072bc;text-decoration:none;}
a img {border:0px;}
img { }
ul, ol {margin:0px; padding:0 0 10px 10px;}
ul li, ol li {  margin:0 0 0 30px;}
input { border:0px;font: normal 12px arial,verdana,helvetica,sans-serif;margin:0px;}
.hidden {display:none;}

h1, .MainContentRegion h1 a, .MainContentRegion h1 a:hover, .MainContentRegion h1 a:visited {font-size:x-large; font-weight:bold; letter-spacing:-1pt; line-height:1.2em; margin:0 0 5px 0;}
h1 {color:#333333;}
h2 {font-size:medium; line-height:1.4em; margin:0px; font-weight:bold; }
h2 {color:#555555;}
.MainContentRegion h2 a, .MainContentRegion h2 a:hover, .MainContentRegion h2 a:visited  {font-size:medium; line-height:1.4em; font-weight:bold; }
h3, .MainContentRegion h3 a, .MainContentRegion h3 a:hover, .MainContentRegion h3 a:visited {font-size:small; text-transform:uppercase; font-weight:bold; padding-bottom:5px; padding-top:10px; margin:0 0 10px 0;}
h3 {color:#333333; border-bottom:dotted 1px #88c1fa; }
h4, .MainContentRegion h4 a, .MainContentRegion h4 a:hover, .MainContentRegion h4 a:visited {font-size:16px; line-height:1.4em;margin:0px; }
h4 {color:#555555; }

hr { margin: 0px; padding: 0px; padding-bottom: 6px; color: #f2f6fa; background:#f2f6fa; border:0px; border-top:dotted 1px #88c1fa; height:1px; }

.ingress p, p.ingress, .ingress li {font-size:medium; color:#555555; line-height:1.4em; }
.ingress p, p.ingress {line-height:1.4em; padding-bottom:10px; }
.ingress p a , p.ingress a, .ingress li a {font-size:medium !important;}

.hugin {}

/******* StartPage *******/
.StartPage {width:100%;text-align: -moz-center;#text-align:center; margin:auto; float:left;background-color:#f2f6fa;min-height:100%; position:relative;      }


/******* Page *******/
.Page {width:100%;text-align: -moz-center;#text-align:center; margin:auto auto auto auto;float:left;background-color:#f2f6fa; display:block;  position:relative; float:left;  }


/***** HeaderRegion ******/
.HeaderRegion { background:url(images/bgHeader.gif) left bottom repeat-x #ffffff; width:100%; height:134px;    }
@-moz-document url-prefix() {.HeaderRegion {height:135px;}}   /* for firefox */

.HeaderRegion .TopLinks { text-align:right; margin:auto auto auto auto;width:940px; background-color:#ffffff; padding-bottom:14px; padding-top:11px; height:16px; }
.HeaderRegion .TopLinks input { background-color:#ffffff;color:#0072bc;cursor:pointer; text-align:right; padding:0px; margin:0px;}
.HeaderRegion .TopLinks input:hover {color:#4db848;}
.HeaderRegion ul {margin:0 0 0 8px; display:inline;font-size:12px;}
.HeaderRegion ul li {display:inline; margin: 0 0 0 0; }
.HeaderRegion ul li a {font-size:12px;padding:0 0px 0 3px;}
.HeaderRegion ul li a:hover {font-size:12px;color:#4db848;}
.HeaderRegion ul li a:visited {font-size:12px;}
.HeaderRegion ul li .separator {width:1px; background:url(images/separator.gif) right top no-repeat; height:18px; padding-left:5px;}

.HeaderRegion .Search {text-align:left; width:940px; height:50px; margin:auto;background-color:#ffffff;}
.HeaderRegion .logo {float:left;}
.HeaderRegion .quicksearch {float:right; vertical-align:top;  }
.HeaderRegion .quicksearch .text {background:url(images/bgSearch.gif) left top no-repeat;width:245px;height:24px;  padding:0 0 0 30px; #padding:5px 0 0px 30px; float:left; margin: 0 5px 0 0;color:#333333;}
.HeaderRegion .quicksearch  .text {padding-top /*\**/: 5px\9} /* Targets IE 8 */
html>/**/body .HeaderRegion .quicksearch .text, x:-moz-any-link  { padding-top:5px; } /* for firefox 2 and older */
html>/**/body .HeaderRegion .quicksearch .text, x:-moz-any-link, x:default { padding-top:0px; } /* for firefox 3 */


/* Buttons (search, form etc.) */
.button, .form_button {float:left;background:url(images/button_middle.gif) left top repeat-x;display:inline; height:28px;color:#ffffff;font-size:12px; font-weight:bold; padding:0px 0px 6px 0px; #padding:0px 0px 4px 0px;cursor:pointer;border:none !important;width:auto !important;}
@media screen and (-webkit-min-device-pixel-ratio:0){.button, .form_button {padding-bottom:4px;}} /* for safari */
.button_left {float:left; background:url(images/button_left.gif) left top no-repeat; height:28px;width:10px; display:inline;  }
.button_right {float:left;background:url(images/button_right.gif) right top no-repeat; height:28px;width:10px;display:inline;}

.button_mouseover, form_button_mouseover {float:left;background:url(images/button_middle_mouseover.gif) left top repeat-x;display:inline; height:28px;color:#ffffff;font-size:12px; font-weight:bold; padding:0px 0px 6px 0px; #padding:0px 0px 4px 0px;cursor:pointer;border:none !important;width:auto !important;}
@media screen and (-webkit-min-device-pixel-ratio:0){.button_mouseover, form_button_mouseover{padding-bottom:4px;}} /* for safari */
.button_left_mouseover {float:left; background:url(images/button_left_mouseover.gif) left top no-repeat; height:28px;width:10px; display:inline;}
.button_right_mouseover {float:left;background:url(images/button_right_mouseover.gif) right top no-repeat; height:28px;width:10px;display:inline;}


/* MainMenuRegion */
.HeaderRegion .MainMenuRegion {width:940px; text-align:left;margin:auto;background:url(images/bgHeader.gif) left bottom repeat-x #ffffff;  }
.HeaderRegion .MainMenuRegion ul {display:block; clear:both;  padding:14px 0 11px 0; margin:0px;  }
.HeaderRegion .MainMenuRegion ul li {padding: 14px 0 12px 0;#padding:0 0 0 0;margin:0px; font-size:16px;   }
.HeaderRegion .MainMenuRegion ul li.first {background:url(images/mainmenu_tab_separator.gif) left top no-repeat;}
.HeaderRegion .MainMenuRegion ul li.active a {height:46px;font: normal 16px arial,verdana,helvetica,sans-serif;color:#003082;display:inline; margin:0; padding: 12px 0 12px 0; #padding: 10px 0 10px 0;}
.HeaderRegion .MainMenuRegion ul li a {font-size:16px;height:46px;display:inline; margin:0px; padding: 12px 0 12px 0; #padding: 10px 0 10px 0; }
.HeaderRegion .MainMenuRegion ul li a:hover {font-size:16px; }
.HeaderRegion .MainMenuRegion ul li a:visited {font-size:16px;  }
.HeaderRegion .MainMenuRegion ul li .tab_left {height:46px; width:17px; display:inline; padding:14px 3px 12px 8px; font-size:16px;}
.HeaderRegion .MainMenuRegion ul li .tab_right {height:46px; width:17px; display:inline;padding:14px 3px 12px 8px;font-size:16px;background:url(images/mainmenu_tab_separator.gif) right top no-repeat;}
.HeaderRegion .MainMenuRegion ul li.active, .HeaderRegion .MainMenuRegion ul li.active_first  {background:url(images/mainmenu_tab_middle_active.gif) left top repeat-x #f2f6fa; }
.HeaderRegion .MainMenuRegion ul li.active .tab_left {background:url(images/mainmenu_tab_left_active.gif) left top no-repeat;height:46px; width:16px; display:inline; padding:14px 3px 12px 8px;}
.HeaderRegion .MainMenuRegion ul li.active_first .tab_left {background:url(images/mainmenu_tab_left_active_first.gif) left top no-repeat;height:46px; width:16px; display:inline; padding:14px 3px 12px 8px;}
.HeaderRegion .MainMenuRegion ul li.active .tab_right, .HeaderRegion .MainMenuRegion ul li.active_first .tab_right {background:url(images/mainmenu_tab_right_active.gif) right top no-repeat;height:46px; width:17px; display:inline;padding:14px 9px 12px 3px;}



