html, body {
	height: 100%;	
}

body {
	background-color:white;
	margin:0px;
	padding:0px;
	font:11px verdana, arial, helvetica, sans-serif;
	background-image:url(images/bodyFill.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#mainTable {
	border: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;	
}

#mainTable tr {
	vertical-align: top;	
}

a {
	color:#09c;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
}









/* old menu */
#leftColumn {
	width:170px;
	background-image:url(images/navFill.gif);
	background-repeat: repeat-y;
	padding: 0px;
}

#navLinks {
	border: 1px solid #54C40A;
	width: 140px;
	background-color: #C5E49D;
}

#navLinks a {
	padding: 2px;
}

#navLinks .alink {
	width: 136px;
	padding: 2px;
}

#navLinks .alink:hover {
	background-color: #E7F1D9;
}

#navLinks .alink a:hover {
	text-decoration: underline;	
}
/* end old menu */













/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

new menu
uses:
images/newnav/taba.gif
images/newnav/tabb.gif
images/newnav/tabc.gif
images/newnav/fly.gif
=================================================================== */
 
#menu {width:100%; height:22px; text-align:left;}
#menu ul {display:inline-block;} 
#menu ul.top-level {margin-left:0;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#menu li {margin:0; padding:0;}
#menu a {display:block; font:normal 11px verdana,arial,sans-serif;color:#444; line-height:22px; text-decoration:none; padding:0 20px;} 
* html #menu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */
 
#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}
 
#menu ul.top-level {margin:0 auto;} 
#menu li.top-level-li {float:left; position:relative; margin-right:1px;}
 
#menu a.top-level-a {float:left; padding:0 0 0 20px; background:url(images/newnav/taba.gif) no-repeat left top;} 
#menu a.top-level-a b {float:left; padding:0 20px 0 0; background:url(images/newnav/tabb.gif) no-repeat right top; cursor:pointer; cursor:hand;}
#menu a.down b {float:left; padding:0 20px 0 0; background:url(images/newnav/tabc.gif) no-repeat right top; cursor:pointer;}
 
#menu a.top-level-a:hover {white-space:nowrap; background:url(images/newnav/taba.gif) no-repeat left -30px;}
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 
#menu a.top-level-a:active b {color:#000; background:url(images/newnav/tabb.gif) no-repeat right -30px; cursor:pointer;}
#menu a.down:hover b, 
#menu a.down:focus b, 
#menu a.down:active b {color:#000; background:url(images/newnav/tabc.gif) no-repeat right -30px; cursor:pointer;}
 
#menu li.top-level-li:hover > a {white-space:nowrap; background:url(images/newnav/taba.gif) no-repeat left -30px;}
#menu li.top-level-li:hover > a b {color:#000;  background:url(images/newnav/tabb.gif) no-repeat right -30px;}
#menu li.top-level-li:hover > a.down b {color:#000;  background:url(images/newnav/tabc.gif) no-repeat right -30px;}
 
#menu li ul {display:block; position:absolute; visibility:hidden; background:#505060; padding:1px 1px 8px 1px; left:0;}
#menu li li {border-bottom:1px solid #505060;}
#menu li li a {background:#fff;} 
#menu li li a:hover {background:#e3e6ed;} 
#menu li li:hover > a {background:#e3e6ed;}
#menu li li a.fly {background:#fff url(images/newnav/fly.gif) no-repeat right top;}
#menu li li a.fly:hover {background:#e3e6ed url(images/newnav/fly.gif) no-repeat right top;} 
#menu li li:hover > a.fly {background:#e3e6ed url(images/newnav/fly.gif) no-repeat right top;}
 
#menu ul.drop-down {top:22px; opacity:0.85;} 
#menu li li ul {left:100%; margin-top:-23px; margin-left:-5px;}
 
#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:20px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}
/* end new menu */





/* 
action bar 

uses:
images/pencilicon.gif
images/informationicon.gif
images/searchicon.gif
images/loginicon.gif
images/uparrow.gif
*/
#actionbar {
	position: absolute; 
	top: 3px; 
	right: 3px;
}

#actionbar a img {
	border: 0px;
}

#actionbar ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#actionbar ul li{
  float: left;
  padding: 0px;
  display: block;
  margin-right: 10px;
}

#actionbar ul li a{
  display: block;
  overflow: hidden;
  height: 20px;
  width: 20px;
}

#actionbar ul li img{
  position: absolute;
  border: 0px;
}

#actionbar ul li p{
  margin: 0;
  padding: 0;
  width: 100px;
  display: block;
  margin-left: 30px;
}
/* end action bar */




/* search box */
#searchtxt { width: 116px; margin-left: 24px; height: 10px; }





/* drop-down boxes */
#editbox, #informationbox, #searchbox, #loginbox { 
	position: absolute;
	top: 23px; 
	right: 0; 
	display: none; 
	border-style: none solid solid solid;
	border-color: #91a7b4;
	border-width: 0 1px 1px 1px;
	background-color: #f8f8f8;
	padding: 0px;
}

#editbox #editboxcontent, #informationbox #informationboxcontent, #searchbox #searchboxcontent, #loginbox #loginboxcontent {
	padding: 10px;
}

#editbox #editboxslideup, #informationbox #informationboxslideup, #searchbox #searchboxslideup, #loginbox #loginboxslideup {
	background-image: url('images/uparrow.gif');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #91a7b4;
	height: 20px;
}
/* end drop-down boxes */





/* navigation divider line */
.navdivider {
	width: 100%; background: #91a7b4; margin: 0; height: 1px;
}






/* 
page title for each page 

uses:
images/hr.gif
*/

#pagetitle { margin: 5px 0 5px 5px; color: #668496; }
#pagetitleline { background: #fff url(images/hr.gif) no-repeat left bottom; margin: auto auto 5px auto; height: 1px; }

/* end page title */
		




/* old table crap */

#centerColumn {
	text-align: center;	
}
		
#rightColumn {
	width:170px;
}

/* end old table crap */




/* 
old login crap

#login {
	border: 1px solid #445F91;	
	width: 140px;
	background-color: #8DA9DB;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	color: white;
	font-weight: bold;
}

#login input.text {
	background-color: white;
	border: 1px solid #445F91;
	width: 116px;
	font-size: 10px;
	padding: 2px;
	margin-bottom: 8px;
}

#login input.button {
	background-color: #445F91;
	background-image: url(images/loginButton.gif);
	border: 1px solid #445F91;
	width: 64px;
	color: white;
	font-weight: bold;
	font-size: 10px;
	padding: 2px;
}

end login crap 
*/

.thumbHolder {
	float: left;
	margin: 10px;
	text-align: center;
	width: 100px;
	height: 140px;
}

.thumb { 
	border-right: 3px solid #ECECEC;
	border-bottom: 3px solid #ECECEC;
}

.error {
	color: red;
	font-weight: bold;	
}

.imageEditIcons img {
	padding-top: 5px;
	padding-left: 1px;
	padding-right: 1px;
}