/* LOPAC CSS, 18 August 2006. LOPAC website design by Andrew Smith. */

html, body { margin: 0; padding: 0; background: #c5cfd8 url(/images/bkgrd_page.gif) repeat-x; font-family: verdana, arial, sans-serif; font-size: small; }

/* page layout styles */

#header { margin: 0; padding: 0; background: transparent url(/images/bkgrd_header3.jpg) left top no-repeat; height: 156px;}
#header h1 { margin: 0 0 0 24px; padding: 7px 0 0 0; background: transparent; line-height: 1em; border: 0; }

#tagline { font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: bold; margin: 24px 0 0 25px; padding: 0; line-height: 1em; }

#main { position: absolute; top: 156px; left: 0; margin: 0; padding: 0; background: transparent url(/images/bkgrd_main.jpg) left top no-repeat; }
* html #main { width: 99%; border: 0; }

#leftnav { z-index: 8; position: absolute; top: 10px; left: 0; padding: 0; background: transparent; font-size: 80%; }
* html #leftnav { border: 0; font-size: 75%; }

#leftnav h4 {display: none; }
#leftnav p { margin: 0; padding: 11px 0 12px 18px; background: transparent; line-height: 1em; }
#leftnav ul { margin: 0 0 0 10px; padding: 0; background: #e9ecef; width: 149px; border: 1px solid #2b3443; border-width: 0 1px 1px 1px; }
#leftnav ul ul { margin: 0; padding: 0; border: 0; background: transparent; }
#leftnav li {list-style-type: none; line-height: 1em; list-style-image: none; }

#leftnav a { text-decoration: none; color: #0073e6; font-weight: bold; }
#leftnav a:hover { text-decoration: underline; color: #00dbfd; }
#leftnav li a { display: block; height: 24px; padding: 9px 0 0 6px; border: 1px solid #ccc; border-width: 1px 0 0 0; white-space: nowrap; }
#leftnav li a.first { border-width: 0; }
#leftnav li a:hover { background: white; }
#leftnav li li a {font-weight: normal; padding-left: 18px; }

#content { z-index: 10; position: relative; margin: 0 15% 4em 170px; border: 0; min-width: 600px; }
#contentop { border: 0; position: relative; top: 5px; height: 33px; background: transparent url(/images/bkgrd_contentop.gif) right top no-repeat; }


#contentinner { position: relative; margin: 5px 0 0 0; padding: 15px 0 60px 0; border: 1px solid #2b3443; border-width: 1px 1px 2px 0; width: 100%; background: white url(/images/bkgrd_contentinner.gif) repeat-y; }
* html #contentinner { padding: 15px 0 0 0; }

#footer { position: relative; float: right; margin: 20px 20px 0 0; height: 25px; width: 124px; background: transparent url(/images/bkgrd_footer.gif) left top no-repeat; }


/* general styles */
img { margin: 0; padding: 0; border: 0; }
.hide { display: none; } 

#content p, #content pre, #content ul li  { margin: 0.8em 30px; padding: 0; line-height: 1.4em; color: #005; }
* html #content p, * html #content pre, * html #content ul li  { line-height: 1.25em;  }


h1, h2, h3, h4, h5 { margin: 0 30px; padding: 0; color: #1a4780; background: transparent; }

h1 { font-size: 180%; margin: 0 30px 1em 30px; line-height: 2em; border-bottom: 2px solid #1a4780; }
* html h1 { font-size: 165%; }

h2 {font-size: 140%; margin-top: 1.6em;}
h3 {font-size: 120%; margin-top: 1.6em;}
h4 {font-size: 100%; margin-top: 1.6em; }
h5 {font-size: 90%; margin-top: 1.6em; }

* html h2 {font-size: 130%; }
* html h3 {font-size: 110%; }
* html h4 {font-size: 90%;  }
* html h5 {font-size: 80%; }

ul { margin: 1em 0 1em 2em; padding: 0; list-style-type: none; }
li { list-style-image: url(/images/bullet.gif); }
* html li { list-style-image: url(/images/bullet_ie.gif); }

#content a { text-decoration: none; color: #0073e6; font-weight: normal; border-bottom: 1px dotted #0073e6; }
#content a:hover { text-decoration: none; color: #00dbfd; border-bottom: 1px dotted #00dbfd; background: #eff; }

table { margin: 0.8em 30px; padding: 0; border: 1px solid #1a4780; border-width: 1px 0; font-size: 90%; }
* html table { font-size: 85%; }
td, th { margin: 0; padding: 5px; color:#1a4780; border-bottom: 1px solid #e1eaf5; text-align: left; vertical-align: top; }
th { font-weight: normal; background: #e1eaf5; border-bottom: 1px solid #b4c6db; }

#sectionnav { position: relative; float: right; width: 25%; margin: 0 30px 10px 15px; padding: 7px 0 7px 7px; border: 1px solid #b8bbbf; background: #e3e7ec; font-size: 90%; }
* html #sectionnav { margin: 0 15px 10px 10px; }
#sectionnav h4 { margin: 0; padding: 0; }
#sectionnav ul { margin-left: 0; }
#sectionnav ul li { margin-left: 17px; }
* html #sectionnav li { font-size: 90%; }

#clients img { margin-bottom: 1em; }
#clients a { border: none; text-decoration: none; }
#clients a:hover { border: none; text-decoration: underline; }