/*
Author: Richard Cassidy
        Graphite Design
		www.graphitedesign.net
Client: Co-Comp
*/

@import url(hide.css);

html { margin: 0; }

BODY  { font: normal 12px trebuchet ms, arial, sans-serif;
        color: #150345;
		background: #fff;
		margin: 0;
		padding: 0;
		border: 0;
		height: 100%;
	  }

TABLE { border: 0;
        padding: 0;
		margin: 0;
        font-size: inherit;
      }

TD, p, div { font: normal 1em trebuchet ms, arial, sans-serif;
             text-align: justify;
	       }

ul    { font: bold 1.1em trebuchet ms, arial, sans-serif;
        list-style-type: none;
		}

ul A { color: #140035;
       font: bold 1.1em trebuchet ms, arial, sans-serif;
       text-decoration: none;
}
ul A:link { color: #140035;
            font: bold 1em trebuchet ms, arial, sans-serif;
			text-decoration: none;
}
ul A:visited { color: #140035;
               font: bold 1em trebuchet ms, arial, sans-serif;
			   text-decoration: none;
}
ul A:hover { color: #69F;
             font: bold 1em trebuchet ms, arial, sans-serif;
             text-decoration: underline;
}
ul A:active { color: #F00;
              font: bold .9em trebuchet ms, arial, sans-serif;
			  text-decoration: none;
}

/* navigation */

A         { color: #140035;
            font: normal 1em trebuchet ms, arial, sans-serif;
			text-decoration: none;
			background: transparent;
	      }
A:link    { color: #140035;
            font: normal 1em trebuchet ms, arial, sans-serif;
			text-decoration: none;
			background: transparent;
		  }
A:visited { color: #140035;
            font: normal 1em trebuchet ms, arial, sans-serif;
			text-decoration: none;
			background: transparent;
		  }
A:hover   { color: #69F;
            font: normal 1em trebuchet ms, arial, sans-serif;
			text-decoration: underline;
			background: transparent;
	      }
A:active  { color: #F00;
            font: normal 1em trebuchet ms, arial, sans-serif;
			text-decoration: none;
			background: transparent;
		  }


/* navbar */

.nav { border: 0;
       margin: 0;
	   padding: 0;
	   margin-left: 30px;
	   }

.nav A   { color: #140035;
            font: normal 1em trebuchet ms, arial, sans-serif;
			text-decoration: none;
			background: transparent;
			border-top: 0;
			border-left: 1px solid #888;
			border-right: 1px solid #888;
			border-bottom: 1px solid #888;
			padding: 1px 5px 1px 5px;
	      }

.nav A:link { }

.nav A:visited { }

.nav A:hover   { text-decoration: underline;
               }
.nav A:active  { color: #F00;
            font: normal .9em trebuchet ms, arial, sans-serif;
			text-decoration: none;
			background: transparent;
		  }

.nav div.subnav { position: absolute;
			/*top: 186px;*/
			z-index: 200;
			background: #2D146F;
		}

.nav div.subnav A {
			color: #fff;
			border-right: 0;
			padding: 0px 5px 0px 5px;
			margin: 0px 0px 2px 0px;
}

/* structure */

#pagetop  { width: 100%;
			background: url('../files/Image/site/background.png') #2D146F fixed top right no-repeat;
			color: #fff;
			padding: 0;
			margin: 0;
			height: 170px;
           }

/* Not used
#pagecontent { background: #fff;
			   width: 700px;
			   overflow: auto;
			   height: 350px;
			   margin: 0 auto 0 auto;
			   text-align: center;
		     }*/

.content    { margin: 10px;
              width: 95%;
            }

#leftcol { text-align: right;
                    background: #fff;
					color: inherit;
					/*width: 150px;*/
					width: 240px;
					}

#rightcol   { padding: 10px 0 0 10px;
                     }


/* scrollbox stuff */

.external { text-align: right;
            position: absolute;
			bottom: 0;
			left: 0;
			height: 50px;
			width: 100%;
			background: #2D146F;
			padding: 0;
			}

#scrollbox { position: absolute;
             top: 200px;
			 bottom: 55px;
			 /*left: 13%;
			 width: 74%;*/
			 padding: 0;
			 overflow: auto;
			 z-index: 9;
			 left: 7%;
			 width: 80%;
			 overflow-x: hidden;
			 scrollbar-face-color: #fff;
			 scrollbar-shadow-color: #150345;
			 scrollbar-highlight-color: #69F;
			 scrollbar-3dlight-color: #4D348F;
			 scrollbar-darkshadow-color: #150345;
			 scrollbar-track-color: #fff;
			 scrollbar-arrow-color: #150345;
			 /*border: 1px solid #000;*/
			 }

/* forms */

.input   { font: normal 1em "lucida console", "courier new", monospace;
           color: #140035;
		   background: inherit;
		   border: 1px solid #140035; }

.button  { font: normal 1em "lucida console", "courier new", monospace;
           color: #CCADFF;
		   background: #140035;
		   border: 0;
		   padding:1px; }

/* style */

.pagetitle { font: bold 2em trebuchet ms, arial, sans-serif;
             color: #140035;
		     background: transparent;
		   }

.title   { font: bold 1.2em trebuchet ms, arial, sans-serif;
           color: #140035;
		   background: transparent;
		 }

.heading { font: bold 1.2em trebuchet ms, arial, sans-serif;
           color: #140035;
           background: transparent;
}

.subheading { font: bold 1.1em trebuchet ms, arial, sans-serif;
              color: #140035;
              background: transparent;
}

.copyright { font-size: .8em;
			 color: #4D348F;
			 text-align: right;
			 padding: 5px;
			}

.mainimg { padding: 10px; }

.right  { text-align: right; }
.left   { text-align: left; }
.center { text-align: center; }

.blockheader {
}

.blockleft { text-align: right;
                    background: #fff;
					color: inherit;
					/*width: 150px;*/
					width: 240px;
}

.blockfooter {
}

.strong { font-weight: bold;
}

.reference { font-size: .8em;
}

.superscript { font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

.subscript { font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.33em;
}