@import url('dropdown_menu.css');
#nav {
display : block;
background : transparent url(../images/nav_bg.jpg) repeat-x left top;
padding : 0;
margin : 0;
height : 34px;
z-index : 100;
position : relative;
width : 100%;
list-style : none;
text-align : center;
}
#nav li {
text-align : center;
display : block;
float : left;
height : 34px;
margin : 0;
padding : 0;
position : relative;
background : url(../images/nav_sep.jpg) no-repeat 0 0;
}
#nav li a {
float : left;
height : 25px;
padding : 0 15px;
padding-top : 9px;
color : #ccc;
font-size : 0.9em;
margin-left : 2px;
}
#nav li a:hover {
background : url(../images/nav_over.jpg) repeat-x 0 0;
color : white;
}
#nav li a.active {
background : url(../images/nav_over.jpg) repeat-x 0 0;
color : white;
font-weight : bold;
}
#nav li.sep {
background : url(../images/nav_sep.jpg) no-repeat 0 0;
width : 2px;
height : 34px;
float : left;
}
#nav li.left {
background : url(../images/nav_l.jpg) no-repeat left top;
width : 36px;
height : 34px;
float : left;
}
#nav li.right {
background : url(../images/nav_r.jpg) no-repeat right top;
width : 36px;
height : 34px;
float : right;
}
#nav li ul li a {
display : block;
height : 25px;
width : 140px;
padding : 0 20px 0 15px;
border-top : 1px solid #333;
white-space : nowrap;
background : #000;
color : white;
text-align : left;
line-height : 25px;
font-weight : normal;
}
#nav li ul li a:hover {
color : #99ff00;
background : #111;
}
html:first-child #nav li a {
float : none;
height : 34px;
padding-top : 0;
line-height : 34px;
display : block;
}
html:first-child #nav li ul li a {
height : 25px;
line-height : 25px;
}
#nav {
display : block;
background : transparent url(../images/nav_bg.jpg) repeat-x left top;
padding : 0;
margin : 0;
height : 34px;
z-index : 100;
position : relative;
width : 100%;
list-style : none;
text-align : center;
}
#nav li {
text-align : center;
display : block;
float : left;
height : 34px;
margin : 0;
padding : 0;
position : relative;
background : url(../images/nav_sep.jpg) no-repeat 0 0;
}
#nav li a {
float : left;
height : 25px;
padding : 0 15px;
padding-top : 9px;
color : #ccc;
font-size : 0.9em;
margin-left : 2px;
}
#nav li a:hover {
background : url(../images/nav_over.jpg) repeat-x 0 0;
color : white;
}
#nav li a.active {
background : url(../images/nav_over.jpg) repeat-x 0 0;
color : white;
font-weight : bold;
}
#nav li.sep {
background : url(../images/nav_sep.jpg) no-repeat 0 0;
width : 2px;
height : 34px;
float : left;
}
#nav li.left {
background : url(../images/nav_l.jpg) no-repeat left top;
width : 36px;
height : 34px;
float : left;
}
#nav li.right {
background : url(../images/nav_r.jpg) no-repeat right top;
width : 36px;
height : 34px;
float : right;
}
#nav li ul li a {
display : block;
height : 25px;
width : 140px;
padding : 0 20px 0 15px;
border-top : 1px solid #333;
white-space : nowrap;
background : #000;
color : white;
text-align : left;
line-height : 25px;
font-weight : normal;
}
#nav li ul li a:hover {
color : #99ff00;
background : #111;
}
html:first-child #nav li a {
float : none;
height : 34px;
padding-top : 0;
line-height : 34px;
display : block;
}
html:first-child #nav li ul li a {
height : 25px;
line-height : 25px;
}
html, body {
border : 0;
margin : 0;
padding : 0;
}
body {
font : 80%/1 arial, helvetica, sans-serif;
background : url(../images/bg_repeat.jpg) repeat 0 0;
line-height : 110%;
width : 100%;
min-width : 970px;
}
h1, h2, h3, h4, h5, h6 {
margin : 0;
padding : 0;
font-weight : normal;
}
p {
margin : 0;
padding : 0 0 18px 0;
}
ul {
list-style : none;
margin : 0;
padding : 0;
}
blockquote {
font-family : Georgia, "Times New Roman", Times, serif;
font-style : italic;
color : #666;
margin : 10px 20px;
display : block;
}
blockquote span.open {
background : url(../images/quote_open.gif) no-repeat left top;
padding : 0 0 0 15px;
}
blockquote span.close {
background : url(../images/quote_close.gif) no-repeat bottom right;
padding : 0 15px 0 0;
}
code {
display : block;
background-color : #f5f4f3;
border : 1px solid #e2dbd8;
color : #666666;
padding : 3px 5px;
margin : 10px 15px;
font-size : 1.2em;
}
pre {
padding : 1em;
border : 1px dashed #2f6fab;
color : black;
background-color : #f9f9f9;
line-height : 1.1em;
}
small {
font-size : 0.85em;
}
big {
font-size : 1.4em;
}
.red {
color : #ff0000;
}
a {
text-decoration : none;
color : #0099cc;
}
a:hover {
text-decoration : none;
color : #00ccff;
}
a img {
border : none;
}
.clear {
clear : both;
}
.alignleft {
display : block;
float : left;
}
.alignright {
display : block;
float : right;
}
.aligncenter {
display : block;
text-align : center;
margin : 0 auto;
}
.endOfSection {
clear : both;
width : 100%;
height : 0;
line-height : 0;
font-size : 0;
padding : 0;
margin : 0;
border : 0;
}
img {
border : none;
}
img.alignleft, img.alignright, img.aligncenter {
display : block;
padding : 3px;
background : #f5f4f3;
border : 1px solid #e8e4e2;
}
img.alignleft {
float : left;
margin : 0 10px 2px 0;
}
img.alignright {
float : right;
margin : 0 0 2px 10px;
}
img.aligncenter {
margin : 5px auto;
}
#container {
width : 100%;
height : 100%;
text-align : center;
background : url(../images/bg.jpg) repeat-x 0 0;
position : relative;
z-index : 0;
}
#wrapper {
width : 960px;
background : url(../images/bg_content.jpg) repeat-y top left;
margin : 0 auto;
text-align : left;
position : relative;
z-index : 2;
}
#top {
height : 50px;
padding : 0 25px;
background : #f4f4ea url(../images/bg.jpg) repeat-x 0 0;
}
#top .logo {
width : 360px;
height : 25px;
float : left;
clear : left;
margin-top : 15px;
margin-left : 20px;
background : url(../images/logo.jpg) no-repeat;
}
#top .logo a span {
color : #66ff00;
}
#top .logo a {
display : block;
width : 100%;
height : 100%;
color : white;
font-size : 1.6em;
padding-left : 50px;
line-height : 25px;
}
#top .logo a:hover {
color : white;
}
#top ul.login {
height : 36px;
width : auto;
float : right;
clear : right;
font-weight : bold;
line-height : 36px;
margin-right : 50px;
color : white;
font-size : 80%;
text-align : center;
background : url(../images/login_r.jpg) no-repeat right 0;
padding-right : 40px;
}
#top ul.login li.left {
background : url(../images/login_l.jpg) no-repeat left 0;
height : 36px;
width : 40px;
padding : 0;
margin : 0;
display : block;
float : left;
}
#top ul.login li {
text-align : left;
padding : 0 6px;
display : block;
float : left;
height : 36px;
background : url(../images/login_bg.jpg) repeat-x 0 0;
}
#top ul.login li a {
color : #8ef433;
}
#top ul.login li a:hover {
color : white;
}
#header {
width : 100%;
height : 175px;
background : url() no-repeat;
background-position : center;
z-index : 1;
color : white;
font-family : "Trebuchet MS", Tahoma, Arial, sans-serif;
}
#header .intro {
width : 500px;
height : 130px;
padding : 50px 0 0 30px;
}
#header .intro h1 {
font-size : 1.8em;
padding : 5px 0 5px 0;
font-weight : bold;
text-transform : uppercase;
}
#header .intro h2 {
font-size : 1.4em;
padding : 0;
margin : 0;
font-weight : bold;
}
#header .intro p {
font-size : 1.2em;
padding : 0;
margin : 0;
color : #333;
}
#header #searchform {
position : absolute;
z-index : 2;
left : 600px;
top : 180px;
width : 205px;
}
#header #searchform .searchField {
border : none;
background : transparent;
width : 158px;
height : 23px;
line-height : 23px;
}
#header #searchform .searchSubmit {
background : transparent url(../images/searchButton.jpg) no-repeat 0 0;
width : 40px;
height : 26px;
border : none;
cursor : pointer;
}
#content {
display : block;
float : left;
clear : left;
width : 635px;
padding : 0 20px 0 20px;
margin : 0 0 30px 0;
clear : both;
text-align : justify;
font-size : 0.9em;
}
#content h1 {
background : #f8f7f3 url(../images/intro.png) no-repeat 4px 3px;
border : 1px solid #eeeedf;
min-height : 20px;
font-size : 1.4em;
font-variant : normal;
font-weight : bold;
padding : 5px 10px 10px 40px;
margin : 5px 0;
color : #006699;
}
#content h2 {
background : #f8f7f3 url(../images/article.png) no-repeat 4px 3px;
border : 1px solid #eeeedf;
min-height : 20px;
font-size : 1.4em;
font-variant : normal;
font-weight : bold;
padding : 5px 10px 10px 40px;
margin : 5px 0;
color : #65c80b;
}
#content h3 {
font-size : 1.4em;
color : #4a4a4a;
font-weight : bold;
margin : 20px 0 10px 0;
padding : 5px 0;
}
#content table {
font-size : 1.2em;
}
#content h4 {
font-size : 1.2em;
color : #333;
font-weight : bold;
margin : 10px 0 10px 20px;
}
#content a {
text-decoration : none;
}
#content p {
padding : 5px 0 5px 15px;
}
#content ul, #content ol {
padding : 5px 0 5px 20px;
margin-left : 15px;
}
#content ul li {
background : url(../images/bullet.jpg) no-repeat 0 1px;
padding-left : 15px;
}
#content a.backToTop {
display : block;
clear : both;
width : 100%;
height : 20px;
margin-top : -5px;
margin-bottom : 4px;
background : url(../images/content_backToTop.jpg) no-repeat right 0;
}
#content a:hover.backToTop {
border : none;
background : url(../images/content_backToTop.jpg) no-repeat right -20px;
}
#content .dwnld, #content .note, #content .error {
display : block;
width : 585px;
min-height : 35px;
float : left;
margin : 10px 0;
padding : 7px 10px 7px 40px;
border-top : 1px solid #ebe8d7;
border-bottom : 1px solid #ebe8d7;
line-height : normal;
}
#content .dwnld {
background : #ebfeda url(../images/dwnld.jpg) no-repeat 4px 3px;
}
#content .note {
background : #fff9d7 url(../images/info.jpg) no-repeat 4px 3px;
}
#content .error {
background : #ff9d9d url(../images/error.png) no-repeat 4px 3px;
border-top : 1px solid #ff3300;
border-bottom : 1px solid #ff3300;
min-height : 20px;
}
#content .error1 {
display : block;
width : 255px;
min-height : 35px;
float : left;
margin : 10px 0;
padding : 7px 10px 7px 10px;
border-top : 1px solid #ebe8d7;
border-bottom : 1px solid #ebe8d7;
line-height : normal;
}
#content .error1 {
background : #ff9d9d url(../images/error.png) no-repeat 4px 3px;
width : 255px;
border-top : 1px solid #ff3300;
border-bottom : 1px solid #ff3300;
min-height : 20px;
}
#sidebar {
display : block;
float : right;
width : 255px;
padding : 0 15px 0 15px;
margin-bottom : 30px;
font-size : 0.8em;
background : url(../images/sidebar_bg.jpg) no-repeat 0 0;
}
#sidebar h2 {
font-size : 1.5em;
font-variant : small-caps;
color : #65c80b;
border-bottom : 1px solid #ccc;
width : 255px;
font-weight : bold;
margin : 15px 0 10px 0;
}
#sidebar ul#news li {
line-height : normal;
border-bottom : 1px dotted #ccc;
margin : 0 0 5px 0;
padding : 0;
}
#sidebar ul#news li a img {
display : block;
float : left;
border : 1px solid #edebe9;
background : #f5f4f3;
padding : 3px;
margin : 0 5px 0 0;
}
#sidebar ul#news li a:hover img {
border : 1px solid #ccc;
background : #eee;
}
#sidebar ul#news li h3 {
color : #cc3300;
font-size : 1em;
font-weight : bold;
margin : 0;
display : block;
float : left;
width : 188px;
padding : 0;
}
#sidebar h3 {
color : #000000;
font-size : 1.4em;
}
#sidebar h4 {
color : #000000;
font-size : 1.3em;
}
#sidebar h5 {
color : #000000;
font-size : 1.2em;
}
#sidebar ul#news li p {
margin : 0;
padding : 0 0 5px 0;
}
#sidebar ul#news li a {
text-decoration : underline;
}
#footer {
clear : both;
width : 960px;
height : 150px;
background : #f4f4ea url(../images/footer_bg.jpg) repeat-x 0 0;
color : #999;
font-size : 0.9em;
}
#footer a {
color : #999;
border-bottom : 1px dotted #555;
}
#footer a:hover {
color : #bbb;
border-bottom : none;
}
#footer .foot_l {
background : url(../images/footer_l.jpg) no-repeat left top;
width : 80px;
height : 74px;
float : left;
}
#footer .foot_l a {
display : block;
width : 100%;
height : 100%;
text-decoration : none;
cursor : auto;
border : 0;
}
#footer .foot_r {
background : url(../images/footer_r.jpg) no-repeat right top;
width : 26px;
height : 74px;
float : right;
clear : none;
}
#footer .foot_content {
display : block;
clear : none;
width : 800px;
float : left;
clear : none;
padding : 10px 0 0 0;
text-align : center;
}
#footer .foot_content p {
margin : 0;
padding : 0;
line-height : 20px;
}
#footer .foot_content .logo {
display : block;
width : 196px;
height : 38px;
margin-top : 3px;
float : left;
}
#footer .foot_content .logo a {
display : block;
width : 100%;
height : 100%;
cursor : pointer;
border : none;
background : url(../images/footer_logo.jpg) no-repeat 0 0;
}
#footer .foot_content .logo a:hover {
display : block;
background : url(../images/footer_logo.jpg) no-repeat 0 -38px;
}
#footer .foot_info {
display : block;
clear : both;
width : 850px;
margin : 0 auto;
text-align : center;
font-size : 0.8em;
line-height : normal;
}
#footer .backToTop {
display : inline;
width : 40px;
height : 74px;
float : right;
}
#footer .backToTop a {
display : block;
width : 100%;
height : 100%;
border : none;
background : url(../images/footer_backToTop.jpg) no-repeat 0 0;
}
#footer .backToTop a:hover {
border : none;
background : url(../images/footer_backToTop.jpg) no-repeat 0 -74px;
}
#footer ul li {
display : inline;
}
.cell_over {
background-color : #a8e3ac;
}
.cell_out {
background-color : #ffffcc;
}
.example {
text-decoration : none;
}
.examplelink {
color : #65c80b;
text-decoration : none;
}
.examplelink:hover {
color : red;
text-decoration : underline;
}
.contact {
border : none;
padding-left : 40px;
}
.contact label {
display : block;
float : left;
clear : left;
width : 140px;
margin-top : 15px;
}
.contact input, .contact textarea {
margin-top : 15px;
clear : right;
}
input.button {
color : white;
padding : 0 4px;
width : 78px;
height : 45px;
font-weight : bold;
background : #59554a url(../images/buttonCF.jpg) no-repeat left top;
border : none;
cursor : pointer;
margin-left : 130px;
margin-top : 20px;
display : block;
clear : both;
}
.contact1 {
border : none;
padding-left : 0;
}
.contact1 label {
display : block;
float : left;
clear : left;
width : 80px;
margin-top : 8px;
}
.contact1 input, .contact textarea {
margin-top : 8px;
clear : right;
}
.cell_over {
background-color : #a8e3ac;
}
.cell_out {
background-color : #ffffcc;
}
.example {
text-decoration : none;
}
.examplelink {
color : #65c80b;
text-decoration : none;
}
.examplelink:hover {
color : red;
text-decoration : underline;
}