#outer_wrapper {
	min-width:750px;
	width: 100%; /* fix IE background painting bug, also in footer */
	background:#fff url("/files/img/right.gif") repeat-y right;
}

#masthead {
	height:101px;
	background:url("/files/img/logo-panel-bkg.jpg");
}

img {border:0;}

/* 3-col fluid http://www.tjkdesign.com/articles/3cols/3cols/2.asp */

#container {width:100%;float:left;display:inline;margin-left:-200px}
#leftcolumn {float: left;width:190px;display:inline;margin-left:200px}
#middleCol {margin-left: 390px;width:auto}
/* the trick is in the padding/margin values. Note that this element is *not* a float. If the sidebar is shorter than #main, then there is no need for this rule. */
#rightcolumn {padding-left:100%;margin-left:-200px}
/* this is to make sure IE6 (v6.0.29?) *shows* this element */
#rightcolumn p {position:relative}
/* Because of the 100% width declaration (needed for IE), the lateral margins need to go (or the box would be 2px too wide) */
#footer {width:100%;clear:both;}
.clearer {clear:both;line-height:0px;height:0px;}

/* MediaWiki cleanup */
.printfooter { display: none; }
.urlexpansion { display: none; }

#p-cactions li, #p-personal li {
padding: 0 1em 0 0; display: inline;
}

#p-cactions a, #p-personal a { 
 color: #fff; background-color: #444; text-decoration: none;
}

#p-search h5 { display: none; }
body {
	margin: 0px; padding: 0px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
/*	font-family: "Times New Roman", Times, serif; */
	font-size: .9em;
	background-color:#5E3588;
	}

#inner_wrapper {
	background-color:#fff;
	/* margin-top:-1px; */ padding-top:1px; 
	width: 100%; /* fix IE background painting bug */
	background:url("/files/img/left.gif") repeat-y; 
}

#leftinset { margin:22px 11px 22px 22px; }
#middleCol {	background-color:#fff;}

#footer {
	color:#999999;
	font-size:0.9em;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	font-family: Arial, Helvetica, sans-serif;
	background: url("/files/img/page-bottom-shadow.jpg") repeat-x;
	height: 28px;
}

/* global default: Up the size of <tt> text, which looks too small inline 
   now that we're using sans-serif fonts 
 */
/* tt { font-size: 120%; } */

/* Style/color stuff follows */

div { margin: 0px; }

h1 {
	font-size:2em;
	color: #FF9900;
	font-weight:600;
	border-bottom:3px dotted #9966FF;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	}

h1.small { font-size:1em; }
h1.black { color: #000000; }

h2 {
	font-size:1.5em;
	color:#666699;
	font-weight:700;
	}

h3 {
	font-size:1.2em;
	color:#000000;
	font-weight:700;
	}

acronym {
	border-bottom:1px dotted #000;
	cursor:help
	}

a:hover,a:focus {
	color:red;
	text-decoration:none
	}

table {	border: none; }

#middleCol ul {	/* font-size: .8em; */
	list-style-type: square;
	margin-left: 15px;
}

#middleCol li { padding-bottom:.7em; }

.note { font-size:0.8em;}

/* used for check marks on an orange background */
.included { 
	background-color: #FDAD02; 
	text-align: center;
}


th.left {text-align: left;}
td.left {text-align: left;}

/* table from original upgrade page */

.shadedtable th {
  background-color: rgb(42, 2, 117);
  color: #fff;
  /* font-size: 0.8em; */
  text-align: center;
}

.shadedtable .value {
  color: rgb(253, 173, 2);
}

.shadedtable td {
  background-color: rgb(245, 232, 253);
  text-align: center;
  /* font-size: 0.9em; */
}

/* Image floating */
div.floatleft {
    float: left;
    position: relative;
    margin: 0 0.5em 0.5em 0;
    border: 0;
}

div.floatright {
    clear: right;
    float: right;
    position: relative;
    margin: 0 0 0.5em 0.5em;
    border: 0;
}