/* */ /* standard elements */ html { min-height: 100%; margin: 0 0 1px; } * { margin: 0; padding: 0; } a {color: #06A;} a:hover {color: #036;} body { background: #23769e url(img/bg.jpg) repeat-y center top; color: #444; } p,code,ul {padding-bottom: 1.2em;} li {list-style: none;} h1 { font: normal 1.8em Tahoma,sans-serif; margin-bottom: 4px; } code { background: #FFF; border: 1px solid #EEE; border-left: 6px solid #C1CAD3; color: #666; display: block; font: normal 1em Tahoma,sans-serif; line-height: 1.6em; margin-bottom: 12px; padding: 8px 10px; white-space: pre; } blockquote { background: url(img/quote.gif) no-repeat; display: block; font-weight: none; padding-left: 28px; } h1,h2,h3 {padding-top: 6px;} /* misc */ .clearer {clear: both;} .left {float: left;} .right {float: right;} img.left { border: none; } img.right { border: none; } /* structure */ .top { height: 100px; margin: 0px auto; text-align: left; background: #23769e url(img/bg.jpg) repeat-y center top; } .container { text-align: left; margin: 0px auto; width: 70%; background: #83aed0; /* 83aed0 */ border-left: 4px solid #23769e; border-right: 4px solid #23769e; } .footer { padding: 15px 15px; color: #FFF; background: #23769e url(img/navigation.jpg) repeat-y right center; border-top: 4px solid #23769e; font: bold 1em sans-serif; text-align: center; } .footer a,.footer a:hover {color: #FFF;} /* header */ .header { margin: 0px auto; padding: 0; width: 100%; height: 100px; color: #FFF; background: #23769e url(img/navigation.jpg) repeat-y right center; } .header .left { margin: 0px auto; font-weight: bold; font: normal 2.8em 'Times New Roman', sans-serif; display: inline; margin-left: 20px; } .header .right { margin: 0px auto; margin-top: 50px; margin-right: 15px; font-style: italic; display: inline; font-size: 1.8em; color: white; } .header .right p,.header .right h2 {padding: 0 16px;} .header .right h2 {padding-top: 16px;} /* navigation */ .navigation { float: left; width: 100%; height: 30px; margin: 0px auto; padding: 0; list-style: none; line-height: 1.8em; background: #23769e url(img/site_title.jpg) repeat-x left top; font-family: Verdana, Geneva, sans-serif; font-weight: bold; } .navigation ul { margin: 0px; padding: 0px; list-style: none; } .navigation li { display: inline; } .navigation a { display: block; float: left; height: 30px; padding: 0px 10px 0px 10px; text-transform: uppercase; text-decoration: none; font-size: 0.7em; color: #FFF; background: #23769e url(img/site_title.jpg) repeat-x left top; } .navigation a:hover { background: #23769e url(img/site_title_hov.jpg) repeat-x left top; } /* main */ .main { } /* side navigation */ .sidenav { float: right; width: 19% } .sidenav font { font-weight: bold; font-size: 0.8em; line-height: 1.2em; color: #fff; font-family: Tahoma, Geneva, sans-serif; } .sidenav h2 { color: #1979a9; /* 1979a9 487395 */ font-size: 1.5em; line-height: 30px; font-weight: bold; margin: 0; } .sidenav a { font-weight: bold; color: #FFF; /* 505E69 */ /* 505E69 DAE3E9 23769e 21617d 5eaadb 349bc8 1979a9 84afd1 a6dbfb LIGHT BLUE */ display: block; text-decoration: none; } .sidenav a:hover { color: #a6dbfb; } .sidenav ul { padding: 0; border-top: 1px solid #000; } .sidenav li { border-bottom: 1px solid #000; } .sidenav li a { font-size: 1.1em; color: #FFF; display: block; padding: 8px 0 8px 5%; text-decoration: none; width: 95%; } .sidenav li a:hover { color: #FFF; } /* content_container */ .content_container { padding: 10px; } /* content */ .content { float: left; width: 80%; background: white; /*background: #DAE3E9;*/ border-right: 4px solid #23769e; } .content .descr { color: #664; font-size: 0.9em; padding-bottom: 6px; } .content li { list-style: url(img/li.gif); margin-left: 18px; } .content p { } /* font titles */ font.title { color: black; font: bold 18pt Tahoma,sans-serif; } font.title2 { color: black; font: bold 1.1em Tahoma,sans-serif; } font.title3 { font: bold 1em Tahoma,sans-serif; } font title_heading { font: normal 2.8em Garamond, serif;; } /* images */ img.left { align: left; margin-right: 10px; } img.right { align: right; margin-left: 10px; }