@import "reset.css";


/* Generic elements */

body { height:700px; width:100%; background-color: #fff; color: Black; font: .76em/normal Verdana, Arial, Helvetica, sans-serif; text-align: left; }

a,:link,:visited { color: Black; text-decoration: underline; } 
a:hover,a.important { color: Black; text-decoration: underline; }

p {  padding: .5em 0; }

img.fltr { float: right; margin: 0 0 10px 10px; }
img.fltl { float: left; margin: 0 10px 10px 0; }
img.powered {margin:180px 0 0 15px}

ul { list-style: disc; padding: .5em 0 .5em 2em; }
ol { list-style: decimal; padding: .5em 0 .5em 2em; }
ul.reset, ul.reset ul, #nav { list-style: none; margin: 0; padding: 0; }


/* Custom paragraphs, links, images */




/* Headings */

h1,h2,h3,h4,h5,h6,h7,h8 { padding: .5em 0; }

h1 { padding: 0; font-size: 24px; font-weight: normal; }
h2 { font-size: 16px; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }
h7 { font-size: 90%; }
h8 { font-size: 80%; }



/* Custom headings */

#logo { float: left; padding: 0; font-size: 18px; }

#pagetitle { height: 57px; padding: 0; background: url(../images/box1-tl.gif) top left no-repeat; color: #fff; padding-left: 35px; line-height: 31px; }



/* Main layers */

#container { width: 100%; height: 100%; margin: 12px auto 1; border-bottom: solid 0px #ccc; border-right: solid 0px #ccc; border-left: solid 1px #ccc; border-top: solid 1px #ccc; padding: 1px; text-align: left; }
#header { height: 79px; border-bottom: solid 3px #fff; }
#content { clear: both; height: 100%;}
#sidebar { float: left; width: 157px; height: 100%; background: url(../images/box1.gif) top left repeat-y; }
#mainbar { float: left; width: 1043px; height: 100%; }
#footer { clear: both; border-bottom: solid 3px #ccc; }


.section { display: none; position: absolute; top: 0; left: 2px; width: 641px; height: 900px; }
.section .inner { padding: 20px 25px 20px 60px; background-color:#274eb1; }
#section { clear: both; position: relative; z-index: 1; width: 641px; height: 900px; }
#home { background: url(../images/pics/pic.jpg) no-repeat; color: #fff; }
#ireport { background: url(../images/pics/pic.jpg) no-repeat; color: #fff; }
#figures { background: url(../images/pics/pic.jpg) no-repeat; color: #fff; }
#reports { background: url(../images/pics/pic.jpg) no-repeat; color: #fff; }
#mail { background: url(../images/pics/pic.jpg) no-repeat; color: #fff; }
#analyser { background: url(../images/pics/pic.jpg) no-repeat; color: #fff; }
#pdf { background: url(../images/pics/pic.jpg) no-repeat; color: #fff; }

#header .banner img { display: block; float: left; }



/* Navigation */

#nav { padding-left: 5px; }
#nav li { float: left; width: 100%; }
#nav li a, #nav li a:visited { display: block; width: 140px; padding: 5px 0 5px 12px; color: #727272; font-size: 11px; text-decoration: none; }
#nav li a:hover { background: url(../images/bg1.gif) top left no-repeat; color: #274eb1; }
#nav li em { display: block; height: 5px; font-size: 1px; }

#nav li.on a {  background: url(../images/bg1.gif) top left no-repeat; color: #274eb1; }
#nav li.on em { display: block; background: url(../images/bg1.gif) bottom left no-repeat; }


#subnavbar { height: 31px; background: url(../images/grad1.gif) repeat-x;}
#subnav li { display: inline; line-height: 31px; }
#subnav li a, #subnav li a:visited { color: #fff; font-size: 16px; text-decoration: none; }


/* Footer */

#tld { width: 780px; margin: 5px auto 0; font-size: .9em; text-align: right; }