/*WEBDEV*/
* { margin: 0; padding: 0; text-align: left; font-weight:normal; }
body { font-size: 13px; line-height: 1.5; font-family: "Segoe UI",Arial, sans-serif; font-style:normal; font-variant:normal; }
a, a:link, a:visited {color: #0088ff;}
/*a, a:link, a:visited {color: #11A856;}*/
/*a:hover, a:active {color: #3E97D1;}*/
a:hover, a:active {color: #A62A00;}
#wrap { background: #fff; margin: 0 auto 12px; padding: 7px 5px; position: relative; top: 0; width: 993px; }
#wrap.software { width: 70em; padding: 0 15px; background: #fff; border: 1px solid #F0E68C; }
#wrap.win7 {width: 1007px; padding-left: 0; padding-right: 0;}
#masthead { width: 100%;}
#siteName { background-color: transparent; background-image: none; height: 48px; position: relative; top: 3px; padding-left: 15px;}
.mainLogo { background: url(../../Images/katron_logo_charcoal_ongray.gif) no-repeat 0 0; display: block; height: 53px; left: 0; position: relative; text-indent: -999em; top: 8px; width: 250px;}
#pageName { border-color: gray;}
h4 {font-weight: bold;}
#nav { position: relative; top: 0; margin-bottom: 28px; overflow: auto; background-color: transparent;}
#nav a { display: block; float: left; padding: 5px 5px 2px; width: auto; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; color: #005A88; margin: 3px 12px; font-size: 14px; border: none; font-weight: normal;}
#nav a.curr { text-decoration: none; color: #fff; background-color: #12B3E8; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#nav a:hover { text-decoration: none; color: #c00; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: underline;}
.home #nav a:hover {text-decoration: none; outline: 0;}
#nav a.curr:hover {color: #fff; text-decoration: none; outline: 0;}
#footerx {clear: both; height: 1%; border-top: 1px solid #ccc; padding-top: 1em;}
#footerx p {margin: 0; padding: 5px; font-size: 94%; color: #333; width:80%;}
#siteInfox {clear: both; font-size: 11px; background: transparent;}
#siteInfox ul { list-style-type: none; text-align: right; position:relative; right: 5px;}
#siteInfox li {display: inline;  margin-left: 2em; line-height: 1.1em;}

/* bread crumbs*/
#br_wrap{padding: 25px 0 0; background-color: transparent; border: none; position: relative;}
#breadcrumb ul {margin: 0; padding: 0; position: absolute; left: -7px;}
#breadcrumb{ height:35px; overflow:hidden; padding:0; border: none; }
#breadcrumb li{list-style-type:none;
    float:left;
    display: block;
    line-height: 3em; /* match the line height of LI to that of breadcrumbs, so that text and images can be centered vertically*/
    background: url(../images/breadcrumb_sep.png) no-repeat left 1px;
    padding: 0 8px 0 18px;
}
#breadcrumb li a{text-decoration: none; outline: 0;
    display: block; /* VERY IMPORTANT: MAKES THE HOME ICON CLICKABLE IN THE NEXT RULE.*/
}

#breadcrumb li.home{background: none; /* important to override, otherwise the separator will show*/; padding: 0 1px;}
#breadcrumb li.home a{margin: 1px 0 ; padding: 0;
    width: 2em; /* so the link gains size WHICH WILL BE CLICKABLE*/
    background: url(../images/home.gif) no-repeat left 6px;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    height: 2em;
}

#breadcrumb li.home a:hover {background: url(../images/home.gif) no-repeat left -21px;}
#breadcrumb a:hover{color:#b00;}
#breadcrumb ul.right {position: relative; right:18px; float: right; padding: 0 1em;}

#footer {clear: both; margin-top: 100px; padding-top: 25px; color: #888;}
#footer a {margin: 0 8px; padding: 0 1px; color: #888; font-size: 11px; font-style: normal; text-transform:capitalize;}
#footer a:link, #footer a:visited {border-bottom:1px solid #DDDDFF; color:#0044BB; font-weight:bold; text-decoration:none; }
#footer a:hover {border-color:#0099FF; border-style:solid; border-width:0 0 1px; color:#0066FF; text-decoration:none;}
#footer #col1, #footer #col2  {float: left; width: 30%; margin-bottom: 1em;}
#footer #col1 {margin-left: 1em; text-align: left;}
#footer #col2 {text-align: center; width: 35%;}
#footer #col3 { float: right;
    /*background: transparent url(../images/logo_katron_small_f.png) no-repeat 99% 0; */
    display: block; height: 84px; position: relative; right: 12px; width: 28%; text-align: center;}
#footer p { margin-bottom: .2em; margin-top: 0; font-size: 11px;}
#footer #col3 p {margin-top: 88px; color: #888;}
a#go_top{margin: 1px 0 ; padding: 0;
    width: 21px; /* so the link gains size WHICH WILL BE CLICKABLE*/
    background: url(../images/go_top_ft.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    height: 28px;
}
a#go_top:hover {background: url(../images/go_top_ft.png) no-repeat -22px 0;}

.leaderboard {clear:both; overflow: auto;}

.excel_dev { clear:both; color:#666666; height:250px; left:-7px; margin:18px 0 1px; padding:0 4% 9px; position:relative; width:92%; }
#subNav {margin: 2em 0;}
#subNav a{margin-right: 24px; padding: 5px 8px;}
.rey_subpage_v1 a#rey_subpage_v1,
.rey_subpage_v2 a#rey_subpage_v2,
.rey_subpage_grphx a#rey_subpage_grphx,
.rey_subpage_icons a#rey_subpage_icons,
.rey_subpage_prg a#rey_subpage_prg{border: 1px solid #1e90ff; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius: 10px;}
.present_icons{margin-top: 100px;}
.present_icons li {margin-bottom: 75px; list-style: none;}