a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#bababa; /* colour of permanent box normally*/
    color:#000;
	font-family: arial;
    text-decoration: none}

a.info:hover{z-index:25; background-color:#ccffff}  /*color of permanent box on hover */

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 0em; left:10em; width:35em;
    border:4px solid #ccffff; /*size and color of popup box border */
    background-color:#ffffff; /*clr of inside box of popup */ color:#4e4e4e; /*colour of text in popup box */
    text-align: center}


/*---LINKS--------------------------------------------*/


/* for standard links */

a:link
{ text-decoration: none; font-size: 10pt; color:#4d4d4d }
a:visited
{ text-decoration: none;  font-size: 10pt; color:#4d4d4d }
a:hover
{ text-decoration: none;  font-size: 10pt; color:#00ffff }
a:active
{ text-decoration: none;  font-size: 10pt; color:#00ffff }


/* for thumbnail traditional images */

a:link .tradimage { border: 4px; border-thickness: 2px; border-color: #727272; border-style: solid}

a:visited .tradimage  {border:4px; border-thickness: 2px; border-color: #727272; border-style: solid}

a:hover .tradimage {border:4px; border-thickness: 2px; border-color: #FFFFFF; border-style: solid}

a:active .tradimage {border:4px; border-thickness: 2px; border-color: #FFFFFFF; border-style: solid}


/* for thumbnail digital images */

a:link .digimage { border: 4px; border-thickness: 2px; border-color: #727272; border-style: solid}

a:visited .digimage  {border:4px; border-thickness: 2px; border-color: #727272; border-style: solid}

a:hover .digimage {border:4px; border-thickness: 2px; border-color: #FFFFFF; border-style: solid}

a:active .digimage {border:4px; border-thickness: 2px; border-color: #FFFFFF; border-style: solid}



/* for sidenav traditional buttons */

a:link .sidenavtradbuttons { border-width: 2px 18px 2px 2px; border-thickness: 1px; border-color: #bababa; border-style: solid}

a:visited .sidenavtradbuttons  {border-width:2px 18px 2px 2px; border-thickness: 1px; border-color: #bababa; border-style: solid}

a:hover .sidenavtradbuttons {border-width:2px 18px 2px 2px; border-thickness: 1px; border-color: #ffffff; border-style: solid}

a:active .sidenavtradbuttons {border-width:2px 18px 2px 2px; border-thickness: 1px; border-color: #ffffff; border-style: solid}

/* for sidenav digital buttons */

a:link .sidenavdigbuttons { border-width: 2px 18px 2px 2px; border-thickness: 1px; border-color: #bababa; border-style: solid}

a:visited .sidenavdigbuttons  {border-width:2px 18px 2px 2px; border-thickness: 1px; border-color: #bababa; border-style: solid}

a:hover .sidenavdigbuttons {border-width:2px 18px 2px 2px; border-thickness: 1px; border-color: #FFFFFF; border-style: solid}

a:active .sidenavdigbuttons {border-width:2px 18px 2px 2px; border-thickness: 1px; border-color: #FFFFFF; border-style: solid}

/* for sidenav elearning buttons */

a:link .sidenavinteractivebuttons { border-width: 2px 18px 2px 2px; border-thickness: 1px; border-color: #bababa; border-style: solid}

a:visited .sidenavinteractivebuttons  {border-width:2px 18px 2px 2px; border-thickness: 1px; border-color: #bababa; border-style: solid}

a:hover .sidenavinteractivebuttons {border-width:2px 18px 2px 2px; border-thickness: 1px; border-color: #FFFFFF; border-style: solid}

a:active .sidenavinteractivebuttons {border-width:2px 18px 2px 2px; border-thickness: 1px; border-color: #FFFFFF; border-style: solid}



/* for topnav buttons */

a:link .topnavbuttons { border-width: 2px 2px 2px 2px; border-thickness: 1px; border-color: #bababa; border-style: solid}

a:visited .topnavbuttons  {border-width:2px 2px 2px 2px; border-thickness: 1px; border-color: #bababa; border-style: solid}

a:hover .topnavbuttons {border-width:2px 2px 2px 2px; border-thickness: 1px; border-color: #ffffff; border-style: solid}

a:active .topnavbuttons {border-width:2px 2px 2px 2px; border-thickness: 1px; border-color: #ffffff; border-style: solid}


/* for award links in bio */

a:link .awards { border: 1px; border-thickness: 1px; border-color: #868686; border-style: solid}

a:visited .awards  {border:1px; border-thickness: 1px; border-color: #868686; border-style: solid}

a:hover .awards {border:1px; border-thickness: 1px; border-color: #00FFFF; border-style: solid}

a:active .awards {border:1px; border-thickness: 1px; border-color: #00FFFF; border-style: solid}



/* for labels above thumbnail images */

.labels { border:4px; border-thickness: 0px; border-style: solid; border-color: #cecece; }

/*---FONTS----------------------------------------------*/

h1 {
	font-family: arial;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
	color: #000000;
	font-size: 10pt;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
}

.p1 {
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #660000;
	font-size: 10pt;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	text-indent: 0ex;
}


.p2 {
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #000000;
	font-size: 10pt;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	text-indent: 0ex;
}


.p3 {
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #ff0000;
	font-size: 10pt;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: none;
	text-indent: 0ex;
}


.p4 {
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #660000;
	font-size: 11pt;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
}

.p5 {
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #000000;
	font-size: 11pt;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
}

.p6 {
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #000000;
	font-size: 11pt;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: none;
	text-indent: 0ex;
}


.p7 {
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11pt;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	text-indent: 0ex;
}

.p8 {
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #4e4e4e;
	font-size: 10pt;
	line-height: 110%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
}

.p9 {
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #484848;
	font-size: 12pt;
	line-height: 110%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	text-indent: 0ex;
}


.p10 {
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #ff0000;
	font-size: 10pt;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	text-indent: 0ex;
}

.p11 {
	font-family: arial;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
	color: #000000;
	font-size: 10pt;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
}

.p12 {
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #4e4e4e;
	font-size: 8pt;
	line-height: 110%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
}

.p13 {
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #4e4e4e;
	font-size: 9pt;
	line-height: 110%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	text-indent: 0ex;
}


/*---GENERAL BODY----------------------------------------------------*/

body
{ background: #FFFFFF;
background-image: navpics (topsidebackground.gif);

font-family: arial, verdana;
color: #000000;
letter-spacing: normal;
font-weight: bold; 
font-size: 100%;

margin-top: 5;
margin-bottom: 5;
margin-left: 5;
margin-right: 5;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}

/*---BODY FOR CLIENT LIST (NO MARGIN GAP)------------------------------------------------*/

body.clients
{ background: #FFFFFF;
background-image: navpics (topsidebackground.gif);

font-family: arial, verdana;
color: #000000;
letter-spacing: normal;
font-weight: bold; 
font-size: 100%;

margin-top: 0;
margin-bottom: 0;
margin-left: 4;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}


/*---TABLES---------------------------------------*/

table.MAX1 {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #990000;
	border-collapse: collapse;
	background-color: white;
}
table.MAX1 th {
	border-width: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: #969696;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.MAX1 td {
	border-width: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: #b7b7b7;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.MAX2 {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #990000;
	border-collapse: collapse;
	background-color: white;
}
table.MAX2 th {
	border-width: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.MAX2 td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.MAX3 {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #990000;
	border-collapse: collapse;
	background-color: white;
}
table.MAX3 th {
	border-width: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.MAX3 td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.ATFA1 {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: #990000;
	border-collapse: collapse;
	background-color: white;
}
table.ATFA1 th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: #969696;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.ATFA1 td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: #b7b7b7;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.ATFA2 {
	border-width: 0px 0px 0px 0px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: red red red red;
	border-collapse: collapse;
	background-color: white;
}
table.ATFA2 th {
	border-width: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: #969696;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.ATFA2 td {
	border-width: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: #848484;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.ATFA3 {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: #990000;
	border-collapse: collapse;
	background-color: white;
}
table.ATFA3 th {
	border-width: 1px 1px 1px 1px;
	padding: 8px 8px 8px 8px;
	border-style: solid solid solid solid;
	border-color: #990000;
	background-color: #363636;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.ATFA3 td {
	border-width: 1px 1px 1px 1px;
	padding: 8px 8px 8px 8px;
	border-style: solid solid solid solid;
	border-color: #990000;
	background-color: #242424;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.ATFA4 {
	border-collapse: collapse;
	
}

table.ATFA4 td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	
}


table.ATFA5 {
	border-collapse: collapse;
	
}




/*--------------IMAGE STUFF------------------------------*/

/*image to the right*/

 .rightimage
    {
    text-align:right;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }


/*image to the left*/

 .leftimage
    {
    text-align:left;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

/*centers image*/

 .centeredimage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

/* removes linked image border */

img.noborder
	{ border-style: none;
	}
	
	
	
/* for inline SPANNING 

<span style="color:#990000; font-size:12px; font-family:Arial; font-weight:normal;">

</span>
	*/