/*=========== Global reset ======================*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }
fieldset, img { border:0 }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration: none }

/* The below restores some sensible defaults */
table, p {
margin: 0 0 1.6em 0;
padding: 0;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */
/*=========== END: Global reset ======================*/



/*======== COLORS ========
dark blue: #3b506d;
light gray: #ebebeb;
dark green: #627d6f;
med green: #536a21;
======== COLORS ========*/


html {
font-family: arial, helevtica, sans-serif;
font-size: 1.0em;
color: #3c66fb;
}

body {
background: #e6e7e9;
margin: 20px;
text-align: center;
}

#wrapper {
width: 1000px;
margin: 0 auto;
background: #e6e7e9 url(../../images/bg.jpg) repeat-y center top;
border: 1px solid #b0b0ee;
text-align: left;
}

#top {
clear: both;
height: 125px;
text-align: center;
border-bottom: 1px solid #b0b0ee;
overflow: auto;
}

#top-body {

}

#top h1.logo {
/*float: left;*/
width: 705px;
height: 67px;
background: transparent url(../../images/logo-kes.png) no-repeat center 35px;
margin: 0 auto !important;
padding: 35px 0 0 0 !important;
text-indent: -9999px;
}

#top h1.logo a {
width: 705px;
height: 67px;
display: block;
}

#top .top-text {
margin: 0;
font-size: 1.05em;
}

#content-row {
margin: 20px 0;
}

.hp-content-row {
margin: 0 !important;
}

#content-row-body {
min-height: 400px;
padding: 40px 100px 20px 100px;
}

#footer {
clear: both;
text-align: center;
}

#footer-body {

}


/*========== navs ==========*/

/** homepage nav **/
.hp-nav-lines {
height: 500px;
background: transparent url(../../images/navs/hp-nav-lines.png) no-repeat center top;
}

ul.hp-nav {
list-style: none;
margin: 0 0 0 125px;
padding: 0;
}

ul.hp-nav li {
float: left;
display: block;
width: 124px; 
height: 24px; /** whole image 120 x 48 **/
margin: 40px 0 0 0;
text-indent: -9999px;
}

ul.hp-nav li.robot {
width: 250px;
height: 370px;
margin: 0;
padding: 30px 0 0 0;
background-image: none;
text-align: center;
text-indent: 0;
border-width: 0 1px;
border-style: solid;
border-color: #b0b0ee;
}

ul.hp-nav li a {
display: block;
width: 124px; 
height: 24px; /** whole image 120 x 48 **/
}

ul.hp-nav li.about a {
background: transparent url(../../images/navs/hp-about.png) no-repeat center top;
}
ul.hp-nav li.about a:hover {
background: transparent url(../../images/navs/hp-about.png) no-repeat center -24px;
}

ul.hp-nav li.contact a {
background: transparent url(../../images/navs/hp-contact.png) no-repeat center top;
}
ul.hp-nav li.contact a:hover {
background: transparent url(../../images/navs/hp-contact.png) no-repeat center -24px;
}

ul.hp-nav li.network a {
background: transparent url(../../images/navs/hp-network.png) no-repeat center top;
}
ul.hp-nav li.network a:hover {
background: transparent url(../../images/navs/hp-network.png) no-repeat center -24px;
}

ul.hp-nav li.news a {
background: transparent url(../../images/navs/hp-news.png) no-repeat center top;
}
ul.hp-nav li.news a:hover {
background: transparent url(../../images/navs/hp-news.png) no-repeat center -24px;
}
/** END: hoempage nav **/


/** subpage nav **/
ul.nav {
list-style: none;
margin: 0 0 0 50px;
padding: 0;
}

ul.nav li {
float: left;
display: block;
width: 140px; 
height: 32px; /** whole image 140 x 64 **/
margin: 4px 20px;
text-indent: -9999px;
}

ul.nav li a {
display: block;
width: 140px; 
height: 32px; /** whole image 120 x 48 **/
}

ul.nav li.home a {
background: transparent url(../../images/navs/home.png) no-repeat center top;
}
ul.nav li.home a:hover {
background: transparent url(../../images/navs/home.png) no-repeat center -32px;
}

ul.nav li.about a {
background: transparent url(../../images/navs/about.png) no-repeat center top;
}
ul.nav li.about a:hover {
background: transparent url(../../images/navs/about.png) no-repeat center -32px;
}

ul.nav li.contact a {
background: transparent url(../../images/navs/contact.png) no-repeat center top;
}
ul.nav li.contact a:hover {
background: transparent url(../../images/navs/contact.png) no-repeat center -32px;
}

ul.nav li.network a {
background: transparent url(../../images/navs/network.png) no-repeat center top;
}
ul.nav li.network a:hover {
background: transparent url(../../images/navs/network.png) no-repeat center -32px;
}

ul.nav li.news a {
background: transparent url(../../images/navs/news.png) no-repeat center top;
}
ul.nav li.news a:hover {
background: transparent url(../../images/navs/news.png) no-repeat center -32px;
}
/** END: subpage nav **/


/** footer nav **/
#footer ul {
list-style: none;
width: 240px;
height: 30px;
margin: 2em auto 1em auto;
padding: 0 0 0 50px;
}

#footer ul li {
float: left;
display: block;
width: 80px; 
height: 18px; /** whole image 120 x 48 **/
margin: 40px 20px 0 0;
text-indent: -9999px;
}

#footer ul li a {
display: block;
width: 80px; 
height: 18px; /** whole image 120 x 48 **/
}

#footer ul li.disclaimer a {
background: transparent url(../../images/navs/footer-disclaimer.png) no-repeat center top;
}
#footer ul li.disclaimer a:hover {
background: transparent url(../../images/navs/footer-disclaimer.png) no-repeat center -17px;
}

#footer ul li.terms {margin-right: 0;}
#footer ul li.terms a {
background: transparent url(../../images/navs/footer-terms.png) no-repeat center top;
}
#footer ul li.terms a:hover {
background: transparent url(../../images/navs/footer-terms.png) no-repeat center -17px;
}
/** END: footer nav **/

/*========== END: navs ==========*/