@page {    margin: 10%;}
  .spacer { clear: both; }

body {
	background-color: rgb(100,100,100);
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}

#pageframe {
	background-color: rgb(192,192,192); 
        border: 5px solid rgb(192,192,192);
	margin: 10px auto 0 auto;
	position: relative;
	width: 100%;
	}

#titlearea { 
	background-color: rgb(192,192,192);
	background-image: url(images/complogo.gif); 
	background-position: 0px 0px;
	background-repeat: no-repeat;
    	height: 70px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#navarea {
	background-color: rgb(192,192,192);
	width:150px;
	margin: 0px 0px auto 0px;
	padding: 2px 0px 0px 0px;
	position: absolute;
	left: 0px;
	}

#centerarea {
	background-color: rgb(255,255,255);
	margin: 0px 0px 0px 151px;
	padding: 0px 0px 0px 20px;
	min-height: 600px;
	max-width: 98%;
	}




#bottombar {
    	background-color: rgb(192,192,192);
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


#authorarea {
	position: relative;
   	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	}

/* Individual text font styles*/
p {	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.75em;
	text-align: justify;
	line-height: 140%;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
	color: rgb(109,109,117);
	}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	color: rgb(0,0,102);
	}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	color: rgb(0,0,102);
	}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	color: rgb(210,86,0);
	}

h4 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	color: rgb(0,0,102);
	}

h5 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	color: rgb(0,0,102);
	}

h6 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	text-align: center;
	margin: 0px auto;
	padding: 4px 0px 4px 4px;
	color: rgb(0,0,102);
	}
.center {text-align: center}
.right {text-align: right}
.left {text-align: left}

.style1 {font-size: 125%; font-weight: 800; }
.style2 {font-size: 125%; font-style: italic; font-weight: 800; }
.style3 {font-size: 125%; font-style: italic; font-variant: small-caps; font-weight: 800; }
.style4 {font-size: 110%; font-variant: small-caps; font-weight: 800; }

/* indented paragraphs and list styles*/
ul {  
	color: rgb(109,109,117);
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em
}
li {  color: rgb(109,109,117);}


/* Default text link styles*/

a:link    {
	text-decoration:underline;
	color: rgb(13,37,150);
}
a:visited {
	text-decoration:underline;
	color: rgb(0,0,0);
}
a:hover   {
	text-decoration:underline;
	color: rgb(200,0,0);
}
a:active  {
	text-decoration:underline;
	color: rgb(13,37,125);
}

a.navtext:link, a.navtext:visited, a.navtext:active {text-align: right; text-decoration: none;}
a.navtext:hover {text-align: left; text-decoration: underline;}

#topmenuback {
    	border-bottom: 1px solid rgb(0,0,153);
    	border-top: 1px solid rgb(0,0,153); 
	background-color: rgb(192,192,192);
	height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	}

.menutopbox {
	width: 95px;
	height: 18px;
	margin: 0px 2px 0px 2px;
	padding: 0px 0px 0px 0px;
	float: left;

	}

.menubox {
	margin: 6px 0px 0px 0px;
	}


/* Top menu text link styles*/


/*   XXXXXXXXXXXX  This controls the TOP menu area and butts  */

a.topmenutext, a.topmenutextlive {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	height: 100%;
	width: 100%;
	display: block;
    	color: rgb(192,192,192);
	}

a.topmenutext:link, a.topmenutext:visited, a.topmenutext:active {
    	border-left: 1px solid rgb(0,0,153);
    	border-bottom: 1px solid rgb(0,0,153);
    	border-right: 1px solid rgb(0,0,153);
    	border-top: 1px solid rgb(0,0,153);
    	background: transparent;
	padding: 2px 0px 0px 0px;
	color: rgb(0,0,0);
	text-decoration : none;
	}

a.topmenutextlive:link, a.topmenutextlive:visited, a.topmenutextlive:active {
    	border-left: 1px solid rgb(0,0,153);
    	border-bottom: 1px solid rgb(0,0,153);
    	border-right: 1px solid rgb(0,0,153);
    	border-top: 1px solid rgb(0,0,153);
	padding: 2px 0px 0px 0px;
	background: rgb(245,245,245);
	color: rgb(0,102,204);
	text-decoration : none;
	}

a.topmenutext:hover  {
    	border-left: 1px solid rgb(0,0,153);
    	border-bottom: 1px solid rgb(0,0,153);
    	border-right: 1px solid rgb(0,0,153);
    	border-top: 1px solid rgb(0,0,153);
	padding: 2px 0px 0px 0px;
	background: rgb(230,240,255);
	color: rgb(255,0,0);
	text-decoration : underline;
	}

/* Side menu text link styles*/
a.sidemenutext, a.sidemenutextlive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-align: left;
	width: 130px;
	height: 24px;
	display: block;
	}

a.sidesubmenutext, a.sidesubmenutextlive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	font-weight: normal;
	width: 130px;
	height: 18px;
	display: block;
	}
a.sidemenutext:link {
    	background: transparent 0px 0px no-repeat;
    	border-left: 1px solid rgb(0,0,153);
    	border-bottom: 1px solid rgb(0,0,153);
    	border-right: 1px solid rgb(0,0,153);
    	border-top: 1px solid rgb(0,0,153);
    	padding: 3px 0px 0px 16px;
	color: rgb(0,0,153);
	text-decoration: none;
	}

a.sidemenutext:visited, a.sidemenutext:active {
    	background: transparent 0px 0px no-repeat;
    	border-left: 1px solid rgb(0,0,153);
    	border-bottom: 1px solid rgb(0,0,153);
    	border-right: 1px solid rgb(0,0,153);
    	border-top: 1px solid rgb(0,0,153);
    	padding: 3px 0px 0px 16px;
	color: rgb(0,0,153);
	text-decoration: none;
	}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active {
    	background: rgb(245,245,245) 0px -30px no-repeat;
    	border-left: 1px solid rgb(0,0,153);
    	border-bottom: 1px solid rgb(0,0,153);
    	border-right: 1px solid rgb(0,0,153);
    	border-top: 1px solid rgb(0,0,153);
    	padding: 3px 0px 0px 16px;
	color: rgb(0,102,204);
	text-decoration: none;
	}

a.sidemenutext:hover, a.sidemenutextlive:hover {
    	background: rgb(230,240,255) 0px -60px no-repeat;
	color: rgb(255,0,0);
	text-decoration: underline;
	}