/* stylesheet for ...  */

/* layout */
body {font-family: Verdana; color: #535353; background: #B6CCD7 url("../images/layout/body_background.gif") repeat-x; margin: 0px; padding: 0px; margin: auto; text-align: center; font-size: 0.7em; line-height: 1.6em;}
#frame {position: relative;	width: 855px; margin: 0px auto 0px auto; text-align: left;}
.mainframe_bottom {clear: both; height: 24px; width: 855px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/layout/mainframe_bottom.png', sizingMethod='scale');}
.mainframe_bottom[class] {background: url("../images/layout/mainframe_bottom.png") no-repeat; clear: both;}
.mainframe {width: 803px; padding: 0 26px 10px 26px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/layout/mainframe_background.png', sizingMethod='scale');}
.mainframe[class] {background: url("../images/layout/mainframe_background.png") repeat-y;}
#content { padding: 0 26px 0 26px;}
#logo {clear: both; width: 312px; height: 76px; text-indent: -9999px; background: url("../images/layout/logo.gif") bottom left no-repeat; padding: 20px 0 0 0; margin: 0 0 10px 0;}
#left {width: 540px; float: left;}
#right {width: 205px; float: right; margin-top: 40px;}
#footer {text-align: right; font-size: 0.9em; color: #4D6472; margin-right: 50px;}
#video {position: absolute; top: 55px; right: 60px;}
#ids {position: absolute; top: 476px; right: 46px; z-index: 20;}

/* top navigation */
ul#nav_top {margin: auto; padding: 0; list-style: none; width: 855px; height: 36px; position: relative;}
ul#nav_top li {margin: 0; padding: 0; list-style: none; background: none; position: absolute;}
ul#nav_top a {display: block; height: 36px; text-indent: -9999px;  top: 0px;}

#nav_top_1, #nav_top_1 a {width: 69px; left: 0px; background: url("../images/layout/nav_top3.gif") 0px 0px;}
#nav_top_2, #nav_top_2 a {width: 178px; left: 69px; background: url("../images/layout/nav_top3.gif") -69px 0px;}
#nav_top_3, #nav_top_3 a {width: 173px; left: 247px; background: url("../images/layout/nav_top3.gif") -247px 0px;}
#nav_top_4, #nav_top_4 a {width: 142px; left: 420px; background: url("../images/layout/nav_top3.gif") -420px 0px;}
#nav_top_5, #nav_top_5 a {width: 90px; left: 562px; background: url("../images/layout/nav_top3.gif") -562px 0px;}
#nav_top_6, #nav_top_6 a {width: 105px; left: 652px; background: url("../images/layout/nav_top3.gif") -652px 0px;}
#nav_top_7, #nav_top_7 a {width: 98px; left: 757px; background: url("../images/layout/nav_top3.gif") -757px 0px;}

#nav_top_1 a:hover, #nav_top_1 a.selected {background-position: 0px -36px;}
#nav_top_2 a:hover, #nav_top_2 a.selected {background-position: -69px -36px;}
#nav_top_3 a:hover, #nav_top_3 a.selected {background-position: -247px -36px;}
#nav_top_4 a:hover, #nav_top_4 a.selected {background-position: -420px -36px;}
#nav_top_5 a:hover, #nav_top_5 a.selected {background-position: -562px -36px;}
#nav_top_6 a:hover, #nav_top_6 a.selected {background-position: -652px -36px;}
#nav_top_7 a:hover, #nav_top_7 a.selected {background-position: -757px -36px;}

/* general */
p {margin: 0; padding: 0; margin-bottom: 15px;}
a {color: #0088CC; text-decoration: none; font-weight: bold;}
a:visited {color: #0088CC; text-decoration: none;}
a:hover {color: #B0B9C0; text-decoration: underline;}
h1 {font-size: 120%; color: #334d55; margin: 0px; padding: 0px; margin-bottom: 15px;}
h2 {font-size: 114%; color: #006699; margin: 0px; padding: 5px 0 10px 0; margin: 0px;}
h3 {font-size: 100%; color: #334d55; margin: 0px; padding: 0px; margin-bottom: 10px;}
h4 {font-size: 100%; color: #333333; margin: 0px; padding: 0px; margin-bottom: 8px;}
h5 {font-size: 100%; color: #334d55; margin: 0px; padding: 0px;}
hr {border: 0; color: #cecece; height: 1px; width: 95%; text-align: center;}
ul, li {margin: 0; padding: 0;}
ul {margin-bottom: 15px; margin-top: 5px; list-style:none}
li {margin-left: 0px; margin-bottom: 5px; background: url("../images/layout/li_drop.gif") 0px 6px no-repeat; padding-left: 15px;}
form {margin: 0; padding: 0;}

/* misc */
div.box {font-size: 0.9em; width: 137px; height: 183px; background: url("../images/layout/box.gif") no-repeat; padding: 14px 40px 0 20px; line-height: 1.5em;}
div.box2 {font-size: 0.9em; width: 137px; height: 112px; background: url("../images/layout/box2.gif") no-repeat; padding: 14px 40px 0 20px; line-height: 1.5em; margin-bottom: 15px;}
#search {width: 133px; border:solid 0 #00405B; font-size: 10px; background: transparent url("../images/layout/input_background.gif") no-repeat; padding: 3px 2px 4px 5px; margin: 10px 0 5px 0; color: #535353;}
.tm {}
#image_home {position: absolute; top: 130px; right: 11px; background: url("../images/home.jpg") no-repeat; z-index: 10; width: 234px; height: 409px;}
.image {float: left;}
.image2 {float: left; margin: 5px 15px 15px 0;}
ul.fix-float {margin-left: 170px;}
div.drop {background: url("../images/layout/li_drop_big.gif") no-repeat; padding-left: 30px;}
a.arrow {background: url("../images/layout/arrow_link.gif") 0px 2px no-repeat; padding-left: 7px;}
div.pager {border: solid 1px #e0e0e0; border-left: none; border-right: none; padding: 10px 0 10px 0; margin-bottom: 55px;}
div.pager table tr td {padding: 0px 15px 0px 0px;}
div.pager a.step_selected {color: #A6A6A6;}
a.previous {background: url("../images/layout/drop_link1.gif") 0px 0px no-repeat; padding: 3px 0px 3px 22px;}
a.next {background: url("../images/layout/drop_link2.gif") top right no-repeat; padding: 3px 22px 3px 0px;}
#instructions_image {margin-bottom: 10px;}
#instructions {margin-bottom: 10px;  color: #141414;}
img.thumb {float: left; margin: 0 15px 15px 0;}