body {font-family: tahoma, arial; margin:0; padding:0; background: #472F91; /*width: 1000px;*/}
form {margin:0;padding:0;}
#outer {
	margin: 20px auto 0;
	padding: 0;
	width: 1000px;
	border: 1px solid #EE4023;
	background-color: #FFFFFF;
}
#topstrap {
position:relative; width:100%; height:60px; left: 0px; top: 0px;
	border-bottom: 3px groove #FFD373;
	border-top: 3px groove #FFD373;
	background-color: #FFF;
	}
#topstrap img {padding: 0 10px;}
.headerBackground {
	background-image: url(../img/login_blank.gif); background-repeat: no-repeat;
}
.headerLogo {
	color: #402fbb;
    font-size: 160%;
    font-weight: normal;
    font-family: calibri, helvetica, "sans serif" ;
}
#main_wrap{ /* this is for the login page */
	margin: 100px auto 0 auto;
	padding: 60px 60px 100px;
	width: 400px;
	background: #FFF url(img/header-bg2.gif) no-repeat;
	border : #EE4023 6px ridge;
}
.linkText {
	padding: 20px 20px 0 0;
	font-size: 80%;
}
#cmdLogin {
		   margin: 0;
		   float: right;
		   }
#menu {
	position:relative;
	padding: 0px;
	margin: 0px;
	width:100%;
	height:28px;
	white-space: nowrap;	
	background-image: url(../img/topgrad.gif);
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	list-style-type: none;
	font-weight: bold;
}
#menu li {
	display: inline;
	margin: 0;
	border-right: 2px groove #CEDBF7;
	padding-right: 6px;
	padding-left: 6px;
}
#menu li a {
	text-decoration: none;
	color: white;
	border: 0;
}
#menu li a:hover {
	color: #FFD300;
	}
#menu li img {
	border: 0;
	vertical-align:middle;
	margin-bottom: 0.4em;
	}

#overhead {
	position: relative; float:left;
	white-space: nowrap;
	width:100%;
	background: #FFD300;

    border-top: 2px solid #2421A9;
	padding: 6px 0px 6px 0px;
	margin: 0px;	
	font-size: 12px;
	list-style-type: none;
	text-align: right;
}
#overhead li {
	display:inline;
	padding-right: 40px;
}
#overhead span {/* this will replace the li bit above - what about admin-print.css? */	
	padding-right: 40px;
}
/*
.content {
	position: absolute;
	z-index: 1;
	height: 620px;
	width: 100%;
	left: 0px;
	top: 150px;
	background-color: #FFFDF8;
	margin: 0px;
	padding: 0px;
}
*/
#txtHint {float:left; /*	border-bottom: 1px solid #2151AD; */}
#leftmenu {
	float:left; 
	font-size: 12px;
	color: #000;
	margin: 0px;
	padding: 6px;
	background: #FFD300;
	/*height: 520px;  was 380px */
											height: 600px;
	width: 112px;
	/* was 107px */
	}
#leftmenu li {
	list-style:none;
	margin: 4px 0 4px -30px;
	}
#leftmenu li a {
	text-decoration: none;
	color: #000;
}
#leftmenu li a:hover {
	text-decoration: underline;
	}
#middle {
	float:left;clear:none;
	font-size: 12px;
	/* height: 530px; */
											height: 610px;
	padding: 0;
	background: #FFF;
	width: 878px; 	
	width: 868px;
	margin: 0;
	border-left: 1px solid #472F91;
    border-top: 1px solid #472F91;
	border-right: 2px solid #FFD300;
}
#summary {display:inline;
	margin: 0 0 0 20px;
}
#summary li {
	float:left;
	list-style:none;
	width: 160px;
}
#footer {
	position: relative;clear: both;
	/*width: 100%;	removed for Floating non-float bug   */
	font-size: 10px;
	font-weight: bold;	
	padding: 4px;
	/*background-image: url(../img/topgrad.gif);*/
	background-color: #FFD300;
	margin: 0;
	/* border-top: 1px solid #CCCCCC; */
	color: #000;
	height:10px;
	}

.line0 {background-color: #FFD300;}
.line1 {background-color: #F2F2F2;}
.line2 {background-color: #FFFFFF;}
.top {
	position: absolute;
	height: 30px;
	width: 100%;
	top: 0px;
	left: 0px;
	background-color: #31619C;
	color: #FFFFFF;
	font-size: small;
	margin: 0px;
	padding: 10px;
}

.t {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d8d8d8;
}
.c {
	text-align:center;
	display:block;
	}
.table {

	font-family: verdana, arial, helvetica, "sans serif";
	font-size: 12px;
	font-weight: normal;
	color: #002884;
	border-collapse:collapse;
}
.table a:link {color: #002884; text-decoration: none;}
.table a:visited {color: #002884; text-decoration: none;}
.table a:hover {color: #0000FF; text-decoration: underline;}
div.tableContainer {
	position: relative;
	width: 880px;		/* table width will be 99% of this*/
/*	height: 533px; 	/* must be greater than tbody, was 370*/
	padding-top: 18px;
	margin: 0 auto;
	}
  div.scrollingArea {
   /* height: 512px; */
											height: 592px;
    overflow: auto;
    }

table.table1 {
	font-family: Arial,sans-serif;	
	border-collapse:collapse;	
	}

table.table1 thead tr	{	
	font-size: 12px;
	font-variant:small-caps;
	text-align: center;
	background-color: #FFD300;
	color: #333333;
    left: 0; top: 0;
    position: absolute;
    }
table.table1 th {
	border-bottom: 1px solid #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d8d8d8;
	padding-right: 2px;
	}
table.table1 th:last-child {
	padding-right:19px;	}
	
table.table1 td	{
	color: #000;
	padding-left: 2px;
	font-size: 11px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d8d8d8;	
	}
tfoot td	{
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	background-color: #FFD300;
	color: steelblue;
	border-top: solid 1px slategray;
	}
table.table1 .Chase div { width: 28px; text-align:center;}
table.table1 .ID div { width: 34px;}
table.table1 .Stage div { width: 44px; text-align:center;}
table.table1 .Replied div { width: 50px; text-align:center;}
table.table1 .Money div { width: 56px; text-align:right}
table.table1 .BigMoney div { width: 66px; text-align:right}
table.table1 .Last  div { width: 100px;}
table.table1 .Name div { width: 190px;}
table.table1 .NameSmall div { width: 138px;}
table.table1 .Type div { width: 44px; text-align:center;}
table.table1 .TypeSmall div { width: 28px; text-align:center;}
table.table1 .Charity div { width: 100px;}
table.table1 .Noti div { width: 100px; text-align:center;}
table.table1 .Percent div { width: 35px;}
table.table1 .Vacancy div { width: 85px; text-align:center;}
table.table1 .Wait div { width: 46px; text-align:center;}

table.table1 .CharID div { width: 30px; text-align:center;}
table.table1 .CharName div { width: 250px; overflow:hidden;}
table.table1 .Linkname div { width: 65px; overflow:hidden;}
table.table1 .Service div { width: 44px; text-align:center;}
table.table1 .Pledge div { width: 44px; text-align:center;}
table.table1 .Places div { width: 44px; text-align:center;}
table.table1 .Offers div { width: 44px; text-align:center;}
table.table1 .Accept div { width: 44px; text-align:center;}
table.table1 .Remain div { width: 44px; text-align:center;}

table.table1 .OPs div { width: 30px; text-align:center;}
table.table1 .Source div { width: 40px; text-align:center;}
table.table1 .SEntry div { width: 195px; overflow:hidden;}
table.table1 .AEntry div { width: 60px; overflow:hidden;}

/*td:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/
/* my additions */
table.table1 a {text-decoration: none;}
table.table1 a:hover {text-decoration: underline;}
table.table1 img { border:none;}

table.graphic {
	width: 100%;
/*	cellpadding:0;  cellspacing:0; */
	padding: 0; margin:0;
}
table.graphic td{ border:none; padding:0; margin:0;}
.greenbar {background-image: url(../img/bar_green.gif); background-repeat: no-repeat;}
.amberbar {background-image: url(../img/bar_amber.gif); background-repeat: no-repeat;}
.redbar {background-image: url(../img/bar_red.gif); background-repeat: no-repeat;}
.email {
	font-size: 10px;
	/*background-color: #F7F3F7; */
}
.textbox {
	font-family: Arial,sans-serif;
	font-size: 10px;
	width: 97%;
}

/* I don't think these are used anymore

#backgroundPopup{
display:none;
position:fixed;

height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;

height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}

#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
} 
*/