body 	{ margin: 10px 10% 30px; padding: 0; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; background-color: #c0a7cf; }
#wrapper { width: 800px; margin-right: auto; margin-left: auto; }
#joy_menu {
	padding-right: 65px;
	float:right;
}
p { }
h1 { font-size: 25px; font-family: tahoma, arial; font-weight: normal; letter-spacing: 2px; margin-bottom: 0; padding-bottom: 0; }
h5 { font-size: 12px; font-family: tahoma, arial; font-weight: bold; line-height: 0; letter-spacing: 1px; margin: 0; padding: 20px 0 0; }
td { }
a:link { color: #39b54a; }
a:visited { color: #39b54a; }
a:hover { color: #662d91; }
a:active { color: #39b54a; }
/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
div { margin: 0px; padding: 0px; }
/* */
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
.box-wrap, ArticleHeader, rightcol, ArticleHeader
	{ p\osition: relative; }
/* */

/* ====================================================================
Custom corners and borders
-------------------------------------------------------------------- */
/* Styles we want all browsers to see */
div.Article {
font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
  background: #ffffff;
  border:none;
  }
div.ArticleHeader { height: 260px; padding-top: 6px; padding-right: 15px; padding-left: 15px; }
div.ArticleBody {
  padding:15px;
  margin:0;
  margin-top:-1.7em;
  }
div.ArticleFooter {
  }
div.ArticleFooter p { color: #39b54a; padding:25px 15px 20px; margin:-2em 0 0; }

/* media="all" hides styles from NS4.x only 
   - so we'll put styles we want to hide from NS4.x here */
div.Article {
  background: url(../images/nav/custom_corners_leftborder.gif) repeat-y left top;
  }
div.ArticleHeader { background-image: url(../images/joy_logo_bkg250.jpg); background-repeat: no-repeat; background-position: 0 0; }
div.ArticleBody {
  background: url(../images/nav/custom_corners_rightborder.gif) top right repeat-y;
  }
div.ArticleFooter {
  background: url(../images/nav/custom_corners_bottomleft.gif) bottom left no-repeat;
  }
div.ArticleFooter p { font-size: 10px; background: url(../images/nav/custom_corners_bottomright.gif) no-repeat right bottom; text-align: center; }
/*End corners/layout css
*/
#rightcol { width: 300px; float: right; margin-top: 15px; margin-right: 15px; margin-bottom: 5px; }
.imgbdr { margin-top: 10px; margin-bottom: 5px; margin-left: 5px; border: solid 1px #000; }
.imgleft { float: left; margin-right: 5px; margin-bottom: 5px; margin-left: 7px; border: solid 1px #000; }
.imgrt { margin-right: 5px; margin-bottom: 5px; margin-left: 7px; float: right; border: solid 1px #000; }
#sidebar { font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; width: 300px; margin-top: 10px; margin-bottom: 10px; margin-left: 5px; border: solid 1px #662d91; }
.sidebarHeader { color: #fff; font-size: 12px; background-color: #662d91; margin-bottom: 5px; padding-right: 5px; padding-bottom: 0; padding-left: 5px; }
.sidebar p { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-top: 0; margin-bottom: 4px; padding: 0 5px; }
#copyright { font-size: 9px; text-align: right; width: 790px; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; }
li { list-style-image: url(../images/purple_bullet.gif); }
.small { font-size: 11px; }
.tablespacing { padding-left: 10px; }