body, html           { margin: 0px; padding: 0px; }
body                 { background-color: #5A5A5A;	font-family: 'Trebuchet MS','Lucida Grande', Arial, sans-serif;; font-size: 11px;	line-height: 16px; }
a                    { color: #c21723; }

#page                { width: 920px; margin: 0px auto; height: 100%; }

#header              { height: 195px;	background-color: #000000; background-image: URL(/upload/images/headers/header.jpg); background-repeat: no-repeat; }
#quicklinks          { position: relative; margin-right: 25px; top: 171px; float:right; color: #FFFFFF; font-size: 12px; }
#quicklinks a        { color: #FFFFFF; font-weight: bold; text-decoration: none; padding-left: 10px; padding-right: 10px; }

#content             { background-color: #FFFFFF; background-image: url(/upload/images/design/bg-page.gif); background-repeat: repeat-y; }

#contentLeft         { width: 180px; padding-left: 10px; padding-right: 15px; padding-top: 0px; padding-bottom: 20px; float: left; color: #FFFFFF; }
#contentLeft a       { color: #FFFFFF; }
#contentLeft img     { border: 1px solid #000000; }
#contentLeft img.noborder     { border: none; }

#contentLeft h2     { margin-top: 0px; margin-bottom: 6px; background-color: #000000; background-image: url('/upload/images/design/spades.jpg'); background-repeat:no-repeat; height: 20px; padding-top: 4px; padding-left: 30px; color: #CCCCCC; font-size: 14px; font-weight: bold; width: 160px; }

#contentLeft #loginForm                { padding: 7px; width: 155px; margin-bottom: 10px; }
#contentLeft #loginForm #loginAvatar   { text-align: center; padding-bottom: 5px; }
#contentLeft #loginForm #loginLinks    { padding-top: 5px; padding-left: 5px; }

#contentLeft #menucontainer   { padding: 0px; margin-bottom: 10px; }

#contentCenter                { width: 530px; float: left; padding: 10px; }
#contentCenter img            { border: 1px solid #000000; }
#contentCenter img.noborder   { border: none; }

#contentCenter h1    { margin-left: 10px; margin-top: 15px; margin-bottom: 30px; color: #c21723; font-size: 14px; font-weight: bold; margin-bottom: 8px; }
#contentCenter h2    { color: #c21723; font-size: 12px; font-weight: bold; margin-bottom: 4px; }

#contentCenterLeft   { width: 245px; float: left;	padding: 10px; }
#contentCenterRight  { width: 245px; float: left;padding: 10px; }

#contentRight        { width: 180px; float: left; padding-top: 0px; padding-left: 10px; }
#contentRight img    { border: 1px solid #000000 }
#contentRight img.noborder    { border: none; }

#contentRight h2     { margin-top: 15px; margin-bottom: 20px; padding-left: 10px; color: #FFFFFF; font-size: 16px; }

table.listheader     { margin-left: 5px; width: 98%; border: 1px solid #474747; }
table.blockheader    { width: 510px; }
td.blockheaderbg     { background-image: URL(/upload/images/design/block-bg.gif); background-repeat: no-repeat; padding-top: 8px; padding-left: 8px; padding-right: 8px; padding-bottom: 0px; }
td.blockheader       { color: #990000; font-weight: bold; font-size: 12px; }
td.blockfooter       { height: 20px; background-image: URL(/upload/images/design/block-footer.gif); background-repeat: no-repeat; }
.headerrow           { background-color: #b5b7af; background-image: url(/upload/images/design/bg-bc-header.jpg); color: #990000; font-weight: bold; border-bottom: 1px solid #474747;	height: 20px; }
.dataroweven         { vertical-align: top; background-color: #EBEBEB; color: #333333; border-bottom: 1px solid #CCCCCC; }
.datarowodd          { vertical-align: top; color: #333333; border-bottom: 1px solid #CCCCCC; }
.labelrow            { color: #000000; text-transform: uppercase; font-weight: bold; font-size: 10px; }
.labelrowhigh        { color: #000000; text-transform: uppercase; font-weight: bold; font-size: 10px; vertical-align: top; padding-top: 4px; }

#footer              { height: 60px;	background-color: #000000; background-image: URL(/upload/images/design/footer.jpg);	background-repeat: no-repeat; font-size: 12px; }
#footerLeft          { margin-top: 20px; padding-left: 20px; float: left; width: 500px; }
#footerLeft a        { color: #000000; font-weight: bold; padding-left: 7px; padding-right: 7px; text-decoration: none; }
#footerRight         { margin-top: 20px; text-align: right; float: left; width: 370px; }
#footerRight a       { color: #990000; font-weight: bold; text-decoration: none; }

form                 { margin: 0px; }
.textfield           { border: 1px solid #464646;	height: 18px; }
.button              { border: 1px solid #000000;	background-color: #CCCCCC; color: #000000; cursor: hand; }

/*---------------------------------------------------------- clear fix */

.clearfix:after      { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix            { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-------------------------------------------------------- */















* ------------------------------------------------------- menu */



#mainmenu{
  border-top: 1px solid #000000;
  padding: 0px;
}

#mainmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}

#mainmenu li {
	width: 160px;
	height: 20px;
	line-height: 24px;
}

#mainmenu li ul li {
	width: 148px;
}

#mainmenu li ul li ul li{
	width: 136px;
}

#mainmenu li {
	padding-left: 10px;
	height: auto; /*must include to keep indented list from overlapping main list - duh */
	color: #000000;
}

#mainmenu li a,
#mainmenu li ul li a ,
#mainmenu li ul li ul li a {
  color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	display: block; /* makes full block clickable */
	height: 100%;
	width: 100%;
	padding-left: 0px; /* sets left offset of non-indented items - use padding to make left margin clickable */
  border-bottom: 1px solid #000000;
}

#mainmenu li a {
	margin-left: -10px; /* reverses indent inherited from li.nolink so rollover can go to left margin */
	padding-left: 15px; /* sets full indent for indented list items */
}

#mainmenu li ul li a{
  margin-left: -20px; /* reverses indent inherited from li.nolink so rollover can go to left margin */
	padding-left: 27px; /* sets full indent for indented list items */
}

#mainmenu li ul li ul li a{
  margin-left: -30px; /* reverses indent inherited from li.nolink so rollover can go to left margin */
	padding-left: 39px; /* sets full indent for indented list items */
}

/*IE needs xtra margin and padding set for the li */
* html #mainmenu li ul li { 
	margin-left: -10px; 
	padding-left: 20px;
}
* html #mainmenu li ul li ul li{ 
	margin-left: -20px; 
	padding-left: 30px;
}
* html #mainmenu li ul li ul li ul li{ 
	margin-left:-30px; 
	padding-left:40px;
}
* html #mainmenu li ul li ul li ul li ul li{ 
	margin-left: -40px; 
	padding-left: 50px;
}
/* end IE hack */

#mainmenu li a:link, 
#mainmenu li a:visited {
	color: #FFFFFF;
	background-color: transparent;
  background-image: url(/images/li_left.gif);
  background-repeat: no-repeat;
  background-position: 2px 0px;
}

#mainmenu li ul li a:link, 
#mainmenu li ul li a:visited {
	color:#FFFFFF;
  background-image:url(/images/li_left.gif);
  background-repeat:no-repeat;
  background-position: 14px 0px;
}

#mainmenu li ul li ul li a:link, 
#mainmenu li ul li ul li a:visited {
	color:#FFFFFF;
  background-image:url(/images/li_left.gif);
  background-repeat:no-repeat;
  background-position: 26px 0px;
}

#mainmenu li a:hover, 
#mainmenu li a:active,
#mainmenu li ul li a:hover, 
#mainmenu li ul li a:active,
#mainmenu li ul li ul li a:hover, 
#mainmenu li ul li ul li a:active {
  background-image:url(/images/li_left_over.gif);
	color: #FFFFFF;
	background-color: #CCCCCC;
}

#mainmenu a.selected_item:link,
#mainmenu a.selected_item:visited{
  background-image:url(/images/li_left.gif);
	color:white;
	background-color:#CCCCCC;
}