body {
	color:#000;
	background-color:#fff;
	font-size:100%;
	font-family:arial,sans-serif;
	}

hr {
	color:#ccc;
	background-color:#ccc;
	border-style:none;
	height:1px;
	}
h1, h2, h3, h4, h5, h6 {
	margin: 0.2em auto 0.1em auto;
	}
p {
	margin-top:0.2em;
	margin-bottom:1em;
	}
h2, address {
	border-top: solid 1px #ccc;
	margin-top:0.5em;
	padding-top:0.2em;
	}
ul {
	margin-top:0;
	margin-bottom:1em;
	}
h1 {
	font-size:1.2em;
	}
h2 {
	font-size:1.0em;
	margin-left:1em;
	}
h2#demo {
	margin-left:0;
	margin-bottom:auto;
	}
h3 {
	font-size:0.8em;
	margin-left:2em;
	margin-bottom:0.1em;
	}
p, address {
	margin-left: 2em !important;
	}
p, li, address {
	font-size:0.8em;
	margin-top:0.1em;
	}
li li {
	font-size:1em;
	}
.clear {
	clear:both;
	}
.fixed {
	color:#900;
	background-color:transparent;
	}
abbr, acronym {
	border-bottom:dashed 1px #000;
	}
code {
	font-size:1.1em;
	font-family:"courier new",monospace;
	}
#mx {
	position:relative;
	height:2em;
	min-height:35px;
	margin-bottom:2em;
	}
#mx ul {
	margin:0;
	padding:0;
	}
#mx li {
	width:10em;
	display:inline-block;
	margin:0;
	padding:0;
	width:25px;
	height:25px;

	background-color:#fff;
	background-position:center center;
	background-repeat:no-repeat;
	text-decoration:none;
	}
/* hide from mac ie5 \*/
#mx li {
	display:inline;
	}
/* end hide from mac ie5 */

#mx a:link, #mx a:visited {
	display:block;
	float:left;
	padding:0;
	margin:0;
	width:25px;
	height:25px;
	background-color:#fff;
	background-position:center center;
	background-repeat:no-repeat;
	text-decoration:none;
	font-size:1em;
	}
#mx li {
	font-size:1em;
	}
#mx h2, #mx span {
	border-width:0;
	display:block;
	margin:0;
	padding:0;
	position:absolute;

	color:#666;
	background-color:#fff;
	top:27px;
	left:0;
	width:200px;
	text-align:center;
	font-weight:normal;
	font-size:0.75em !important;
	}
#mx span {
	top:45px;
	}
/* hide from mac ie5 \*/
#mx span {
	top:27px;
	}
/* end hide from mac ie5 */
#mx span {
	visibility:hidden;
	}
#mx a:hover span, #mx a:active span, #mx a:focus span {
	visibility:visible;
	}
/* for some reason IE has a bug where it needs this border to display the text correctly */
/* i gave it a null border */
#mx a:active, #mx a:hover {
	border-width:0;
	}
/* normal state */
#dre a:link, #dre a:visited {background-image:url("img/mx_out_dre.gif");}
#fla a:link, #fla a:visited {background-image:url("img/mx_out_fla.gif");}
#col a:link, #col a:visited {background-image:url("img/mx_out_col.gif");}
#fir a:link, #fir a:visited {background-image:url("img/mx_out_fir.gif");}

#fre a:link, #fre a:visited {background-image:url("img/mx_out_fre.gif");}
#dir a:link, #dir a:visited {background-image:url("img/mx_out_dir.gif");}
#con a:link, #con a:visited {background-image:url("img/mx_out_con.gif");}
#jru a:link, #jru a:visited {background-image:url("img/mx_out_jru.gif");}
/* hover and focus state */
#dre, #dre a:hover, #dre a:active, #dre a:focus {background-image:url("img/mx_over_dre.gif") !important;}
#fla, #fla a:hover, #fla a:active, #fla a:focus {background-image:url("img/mx_over_fla.gif") !important;}
#col, #col a:hover, #col a:active, #col a:focus {background-image:url("img/mx_over_col.gif") !important;}
#fir, #fir a:hover, #fir a:active, #fir a:focus {background-image:url("img/mx_over_fir.gif") !important;}
#fre, #fre a:hover, #fre a:active, #fre a:focus {background-image:url("img/mx_over_fre.gif") !important;}
#dir, #dir a:hover, #dir a:active, #dir a:focus {background-image:url("img/mx_over_dir.gif") !important;}
#con, #con a:hover, #con a:active, #con a:focus {background-image:url("img/mx_over_con.gif") !important;}
#jru, #jru a:hover, #jru a:active, #jru a:focus {background-image:url("img/mx_over_jru.gif") !important;}