body {text-align: center; background-image: url(images/bg.png); background-repeat: repeat-x; margin: 43px 0 0 0; font-family: verdana, sans-serif; font-size: 12px;}
a {text-decoration: underline;}
a img {border: 0;}
form {margin: 0; padding: 0;}

#user_login {width: 300px; height: 30px; position: absolute; top: 0; right: 0; background-image: url(images/black10.png); background-repeat: repeat; border-bottom: 1px solid #666666; border-left: 1px solid #666666; text-align: left;}
#user_login form .input {display: block; float: left; width: 100px; height: 20px; background: transparent; border: 1px solid #888888; margin: 2px; padding: 2px; background-image: url(images/white50.png); background-repeat: repeat;}
#user_login form .submit {margin: 2px;}
#user_login span {margin: -4px 4px 0 0;}
#user_login .small_tick {width: 20px; height: 20px; position: relative; top: 4px; margin: 0 4px;}

#top {margin: 0px 10px 0 10px; height: 99px; text-align: center; overflow: visible;}
#top #logo {width: 70px; height: 70px; margin: 17px 0 12px 0;}
#top #title {width: 156px; height: 42px; margin: 39px 35px 18px 5px;}
#top #navigation {position: absolute; top: 0px; left: 4px; width: 57px; height: 8px;}
#top .button {width: 83px; margin: 0; text-decoration: none;}
#top .button .main_button {margin: 24px -1px 0 -1px; width: 83px; height: 75px; border: 0;}
#top a {text-decoration: none;}

.submenu {width: 100%; text-align: center;}
.submenu a {color: #555555;}

.styled_submenu {position: absolute; z-index: 10; font-size: 10px; text-align: left; background-image: url(images/submenu_middle.png); background-repeat: repeat-y; width: 125px; top: 149px;}
.styled_submenu a {display: block; color: white; text-decoration: none; line-height: 20px; margin: 0 9px;}
.styled_submenu a:hover {text-decoration: underline;}
.styled_submenu span {display: none;}
.styled_submenu .top {width: 125px; height: 4px; position: absolute; top: -4px;}
.styled_submenu .bottom {width: 125px; height: 4px; position: absolute; bottom: -4px;}

#content {text-align: left; width: 95%; margin: 18px auto 0 auto;}
#content #head {width: 100%; position: relative; z-index: 2; height: 75px;}
#content #head h1 {float: left; background-image: url(images/content_title.png); background-repeat: no-repeat; width: 323px; height: 72px; font-family: verdana; font-size: 20px; font-weight: normal; padding: 0 0 0 20px; margin: 0; color: white; line-height: 68px;}
#content #head .tab {display: block; float: left; height: 38px; width: 84px; margin: 37px 0 0 5px; text-align: center; font-family: verdana; font-size: 9px; text-decoration: none; background-repeat: no-repeat; line-height: 40px;}
#content #head .normal {background-image: url(images/tab.png); color: #474747;}
#content #head .normal:hover {color: #d2d7d8; background-image: url(images/tab_hover.png);}
#content #head .active {background-image: url(images/active_tab.png); color: #cbcbcb;}
#content #head .active:hover {background-image: url(images/active_tab_hover.png);}


#content #page {position: relative; z-index: 1; top: -1px; border-top: 1px solid #6e6e6e; margin: 0 8px 0 12px;}
#content #page .border {position: absolute; top: -1px; width: 8px; height: 85px;}
#content #page .l {left: -8px;}
#content #page .r {right: -8px;}

#content #page h1 {clear: both; color: #002431; font-family: georgia; font-size: 20px; border-bottom: 1px solid #8d9ca1; font-weight: normal; margin: 10px 20px; padding: 5px 5px 5px 35px; background-image: url(images/arrow.png); background-repeat: no-repeat; background-position: 0 3px; }
#content #page h3 {font-family: georgia; padding: 0 15px; font-size: 16px; font-weight: bold; margin: 30px 0 20px 0;}
#content #page h4 {font-size: 12px; font-weight: bolder; margin: 10px 15px;}
#content #page h4 span {padding-left: 20px; font-size: 9px; color: #999999; font-weight: normal;}
#content #page h3 span {border-bottom: 1px solid #00b8fd;}
#content #page p {line-height: 18px; margin: 10px 20px;}
#content #page p a {color: #005a7b;}
#content #page p a:hover {color: #00b8fd}
#content #page .hidden_table {border: 0; margin: 10px 20px; padding: 0;}
#content #page .hidden_table td {border: 0; margin: -10px; padding: 0;}
#content #page .hidden_table_spaced {border: 0; margin: 0 10px; padding: 0;}
#content #page .hidden_table_spaced td {border: 0; margin: 0; padding: 10px;}
#content #page .slight_table {border: 0; margin: 10px 20px; padding: 0; display: block;}
#content #page .slight_table td {border: 1px solid #cccccc; margin: 1px; padding: 5px;}
#content #page .slight_table th {border: 1px solid #999999; margin: 1px; padding: 5px; font-weight: bolder;}
#content #page ul {line-height: 18px; margin: 10px 5px 5px 25px; padding: 0; width: 100%; list-style-type: square;}
#content #page ul li {list-style-type: square; list-style-position: inside;}

#content #page .box {width: 511px; height: 435px; background-image: url(images/box_bg.png); margin: 20px 20px 5px 20px; position: relative; float: left;}
#content #page .box h2 {color: #00b8ff; font-family: verdana; font-size: 20px; font-weight: normal; padding: 15px 10px 8px 35px; margin: 0 20px; border-bottom: 1px solid #999999; background-image: url(images/dark_arrow.png); background-repeat: no-repeat; background-position: 0 14px;}
#content #page .box p {line-height: 23px; color: white; position: absolute; margin: 0; padding: 0;}
#content #page .box .br {position: absolute; bottom: 1px; right: 1px; width: 195px; height: 53px; background-image: url(images/br.png); font-weight: bold; font-size: 14px; text-align: center; line-height: 62px; color: white; text-decoration: none; display: block;}
#content #page .box .br:hover {text-decoration: underline;}
#content #page .box #panel {width: 234px; min-height: 175px; position: absolute; top: 173px; left: 188px; background-image: url(images/panel.png); background-repeat: no-repeat;}
#content #page .box #panel p {padding: 5px 24px; color: white; width: 186px; font-size: 11px;}
#content #page .box #panel h5 {font-size: 11px; color: white; padding: 25px 24px 0 24px; margin: 0;}
#content #page .box #panel .center {text-align: center; padding-top: 65px;}
#content #page .box #panel p a {color: white;}
#content #page .box #panel p a:hover {color: red;}
#content #page .box #panel span {display: block;}

#content #page #tech {font-size: 10px; line-height: 15px;}

#content #page .simple_boxes {margin: 10px 15px; position: relative;}
#content #page .simple_boxes .simple_box {float: left;}
#content #page .simple_boxes .simple_box a {width: 85px; height: 85px; display: block; float: left; margin: 5px; line-height: 85px; text-align: center; font-weight: bolder; color: white; font-size: 10px; background-image: url(images/simple_box.png); text-decoration: none;}
#content #page .simple_boxes .simple_box a:hover {text-decoration: underline; color: #00b8fd}
#content #page .simple_boxes p {width: 200px; float: left; font-size: 10px; margin: 10px 20px 10px 0; background-color: #eeeeee; padding: 0 5px; height: 73px;}

#content #page .buttons {position: relative; padding: 10px;}
#content #page .button {display: block; height: 30px; width: 120px; text-align: center; line-height: 30px; background-image: url(images/button.png); text-decoration: none; font-size: 11px; color: #005a7b;}
#content #page .buttons .button {float: left;  margin: 10px 5px 0 15px;}
#content #page .button:hover {background-image: url(images/button_hover.png); color: black;}

#news li {line-height: 20px;}
#news li a {color: black; text-decoration: none;}
#news li a:hover {color: red;}

#footer {clear: both; padding: 20px 0; font-size: 10px; line-height: 20px; border-top: 1px solid #999999; width: 95%; margin: 70px auto 10px auto;}

#error { color: red; }
.error { color: red; }

.info_pair {color: white; margin: 10px 20px;}
.info_pair h5 {font-size: 12px; margin: 0; padding: 0 0 3px 0;}
.info_pair div {font-size: 11px;}
.info_pair div a {color: white;}
.info_pair div a:hover {color: red;}
.info_pair_holder {position: absolute; color: white; padding: 35px 18px 31px 18px; width: 70px; height: 40px; background-image: url(images/crystal.png); cursor: pointer;}
.info_pair_holder h5 {font-size: 12px; margin: 0; font-weight: normal; padding: 0; text-align: center; line-height: 20px;}
.info_pair_holder div {font-size: 11px; display: none;}