body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,th {
	font-family: Arial, Helvetica, sans-serif;

    color: black;
    font-size: 11pt;
    background: white;
}

a:link {text-decoration: none;color: blue;}
a:visited {text-decoration: none;color: blue;}
a:active {text-decoration: none;color: blue;}
a:hover {text-decoration: underline; color: red;}

td.sideLeftBar{
width:160px;
background-color: black;
border-right-color:#666666;
border-right-style:solid;
border-right-width:1px; 
text-align: right;
vertical-align: top;
}

td.sideRightBar{
width: 160px;
background-color: black;
border-left-color:#666666;
border-left-style:solid;
border-left-width:1px; 
vertical-align: top;
text-align: left;
}
table.portfolio {
	background-color: black;
	text-align: center;
}

a.sideLink{
color: white;
font-family: font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
font-size:16px; 
text-decoration: none;
}

a.sideLink:hover{
color: yellow;
font-family: font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
font-size:16px; 
text-decoration: underline;
}

a.sideLink:visited{
color: white;
font-family: font-family:  Verdana, Lucida, Arial, 
Helvetica, sans-serif;
font-size:16px; 
text-decoration: none;
}

a.sideLink:active{
color: white;
font-family: font-family:  Verdana, Lucida, Arial, 
Helvetica, sans-serif;
font-size:16px; 
text-decoration: underline;
}

/* Sortable tables */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

.style1 {font-size: 9pt}

.textbg {
	FONT-SIZE: 20px; 
	COLOR: BLACK; 
	font-family: Comic Sans, Comic Sans MS, cursive;
}
#container {height:30px; position:relative; width:465px; margin-left:0px;}
#menu {text-align:center; position:relative; top:0px; height:20px;}

.box {position:relative; float:left; top:0; height:20px; overflow:hidden;}

#menu a:visited {text-decoration:none; background-color:#990033; color:#fff; font-family:Arial, Helvetica, sans-serif; display:block; width:65px; height:20px; font-size:11px; font-weight:bold; line-height:20px;}

#menu a {position:relative; text-decoration:none; background-color:#990033; color:#fff; font-family:Arial, Helvetica, sans-serif; display:block; width:65px; height:20px; font-size:11px; font-weight:bold; line-height:20px;}

#menu a:hover {text-decoration:none; color:yellow; font-family:Arial, Helvetica, sans-serif; display:block; width:65px; height:20px; font-size:11px; font-weight:bold; line-height:20px;}

#menu a:active {text-decoration:none; font-family:Arial, Helvetica, sans-serif; display:block; width:65px; height:20px; font-size:11px; font-weight:bold; line-height:20px;}

.mleft {position:relative; float:left; top:0; width:0; height:0; border-bottom:20px solid #990033; border-left:20px solid #fff; overflow:hidden;}
.mright {position:relative; float:left; top:0; width:0; height:0; border-left:20px solid #990033; border-bottom:20px solid #fff; overflow:hidden;}
.mmid {position:relative; float:left; top:0; width:25px; height:20px; background:#990033; overflow:hidden;}
.mid1, .mid2, .mid3, .mid4 {width:0; height:0; position:absolute; border-left:5px solid #990033; border-bottom:5px solid #fff; overflow:hidden;}
.mid5, .mid6, .mid7, .mid8 {width:0; height:0; position:absolute; border-bottom:5px solid #990033; border-left:5px solid #fff; overflow:hidden;}
.mid1 {left:15px; top:0;}
.mid2 {left:10px; top:5px;}
.mid3 {left:5px; top:10px;}
.mid4 {left:0px; top:15px;}

.mid5 {left:20px; top:0;}
.mid6 {left:15px; top:5px;}
.mid7 {left:10px; top:10px;}
.mid8 {left:5px; top:15px;}

.boxx {position:relative; float:left; top:0; width:25px; height:20px; background:#fff; overflow:hidden;}
.boxx1, .boxx3, .boxx5, .boxx7 {float:left; height:0; border-right:5px solid #fff; border-top:5px solid #990033;overflow:hidden;}
.boxx2, .boxx4, .boxx6, .boxx8 {float:left; height:0; border-bottom:5px solid #990033; border-left:5px solid #fff; overflow:hidden;}

.boxx1 {width:15px;}
.boxx2 {width:0;}
.boxx3 {width:10px;}
.boxx4 {width:5px;}
.boxx5 {width:5px;}
.boxx6 {width:10px;}
.boxx7 {width:0;}
.boxx8 {width:15px;}

.scrollable
{
height: 345px;
width: 99%;
overflow: auto;
}

thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}

tbody.scrollContent {
	display: block;
	height: 262px;
	overflow: auto;
	width: 100%
}

thead.fixedHeader th {
	width: 200px
}

thead.fixedHeader th + th {
	width: 240px
}

thead.fixedHeader th + th + th {
	width: 316px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
tbody.scrollContent td {
	width: 200px
}

tbody.scrollContent td + td {
	width: 240px
}

tbody.scrollContent td + td + td {
	width: 300px
}