/* whole page */
/*body { background: #FBF4AC;  }*/
body { margin: 0; padding: 0; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; background-color: #454; }
#page { position: relative; width: 900px; margin: 8px auto; background-image: url(images/bg.gif); background-repeat: repeat-y; }
img, a { border: 0; }
h1, h2, h3 { font-family: GillSans, Arial, sans-serif; color: #454; }
h1 { font-size: 16pt; margin: 0 0 10px; }
h2 { font-size: 14pt; margin: 0 0 10px -10px; display: block; font-weight: bold; }
h3 { font-size: 12pt; margin: 0 0 10px; font-weight: bold; }
h5 { font-size: 10pt; font-weight: normal; color: #454; }
p { font-size: 11pt; color: #343; }
td { vertical-align: top; font-size: 10pt; color: #343; }
ul{ list-style-type: square; }
li{ font-size: 11pt; color: #343; }

a:link { color: #464; text-decoration: none; }
a:visited { color: #400; text-decoration: none; }
a:hover, a:active { color: #444; text-decoration: underline; }

/* major sections 
#side { position: absolute; top: 0; width: 220px; background-image: url(images/bg.gif); background-repeat: repeat-y; }*/
#side { position: absolute; top: 0; left: 0; width: 220px; }
#main { position: relative; width: 680px; margin-left: 220px; }

/* sub sections */
#nav { position: relative; width: 180px; padding: 25px 0 25px 15px; }
#nav li, #navlinks li a { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; }
#nav ul, #navlinks li { margin: 5px; padding: 0; list-style: none; font-size: 11pt; }
#indent ul, #indent li { margin: 5px 0 5px 10px; padding: 0; list-style: disc outside; }
#subnav { position: relative; font-family: "Trebuchet MS", Arial, sans-serif; padding: 10px 20px; 5px 25px; }
#subnav p { font-size: 10pt; }
#subnav a { font-size: 10pt; font-weight: bold; }

#header { position: relative; margin: 0; width: 680px; height: 170px; background: url(images/header.jpg) no-repeat 0 0; }
#content { position: relative; margin: 0; width: 640px; background: #FFE; padding: 40px 20px 40px 20px; vertical-align: top; }
#content a { font-weight: bold; }
#content p.img { border: 0px; }

#grid td { vertical-align: top; border: 1px solid #FBFBD7; margin: 0px; padding: 2px; }
#gridleft { width: 140px;  }
#gridcenter { width: 400px; }
#gridright { width: 100px; }
#border { border: 1px solid #CC9; }
#border td { border: 1px dotted #CC9; }

#click { width: 650px; margin: 0 0 0 -10px; }
#click td { padding: 10px; border: 0px; }
.clickleft { width: 100px; font-size : 9pt; color : #900; font-weight : bold; }
#clickmid { width: 420px; }
.clickright { width: 100px; }
#miniclick td { padding: 10px; border: 0px; margin: 0 0 0 -10px; }

#footer { position: relative; width: 900px; height: 100px; background-image: url(images/bg.gif); background-repeat: repeat-y; }
#footerleft { position: absolute; top: 0; left: 0; width: 900px; margin: 0 15px 0 20px; }
#footerleft p { font-size: 9pt; }
#footerright { position: relative; width: 680px; margin: 0 0 15px 220px; text-align: center; }
#footerright ul { margin: 0; padding: 9px 0; list-style: none; text-align: center; }
#footerright li { display: inline; padding: 4px 4px; font-size: 9pt; }
#footerbottom { position: relative; width: 680px; margin: 10px 0 15px 220px; text-align: center; }
#footerbottom p { font-size: 9pt; }