body {
   margin:0px;
   padding:0px;
   font-family : Verdana , Arial , Helvetica , sans-serif;
}

p, h1, h2, h3, h4 {
   padding:0px;
   margin:0px;
}

div#header-bar img#logo {
   float:left;
   border-right:1px solid #BEBDBD;
   border-bottom:3px solid #BEBDBD;
}

div#header-bar #top-bar {
   height:75px;
   border-top:7px solid #339900;
}

div#header-bar #top-bar div#flash-banner {
   font-size: 0;
   line-height: 0;
}


div#body-container {
   border:4px solid #616060;
   /**
    * Fits perfectly into a WinXP theme IE7 @ 800x600
    */
   width:770px;
}

div#top-navigation {
   background-color:#616060;
   height:28px;
}

div#top-navigation ul {
   margin:0px;
   padding:0px;
   float:right;
   height:100%;
}


div#top-navigation ul li {
   line-height:25px;
   height:25px;
   display:block;
   margin:0px;
   padding:0px;
   float:left;
   list-style-type:none;
   width:130px;
   padding:1px 0px 2px 0px;
}

div#top-navigation ul li a {
   text-align:center;
   display:block;
   font-weight:bold;
   color:#ffffff;
   font-size:0.8em;
   text-decoration:none;
   font-family:Arial, Helvetica, Sans;
   height:100%;
}

div#top-navigation ul li a:hover {
   background-color:#999999;
}

div#main-body {
   width:100%;
   background:url(/images/left-nav.gif) 0% 0% repeat-y;
   /*overflow:auto;*/ /* causes a bug with <em> text in IE7 */
}

/*
   IE7 has an annoying bug with italics/overflow:auto
   So rather than use the markupless overflow:auto to clear,
   we'll use an explicit clear div.
*/
div.clear {
   clear:both;
}

div#main-body h3 {
   font-size:1.1em;
   letter-spacing:-1px;
   margin-bottom:3px;
}

div#main-body h4 {
   font-weight:bold;
   font-size:1em;
   letter-spacing:-1px;
   margin-bottom:2px;
}

div#main-body p {
   font-size:0.7em;
}

div#main-body div#main-copy-container {
   float:right;
   width:590px;
}

div#main-body div#main-copy {
   padding:5px 10px 5px 10px;
}

div#main-copy p {
   text-align:justify;
   margin-bottom:5px;
}

div#main-copy p a {
   color:#339900;
   font-weight:bold;
   text-decoration:none;
}

div#main-copy p a:hover {
   text-decoration:underline;
}

div#main-body div#left-navigation {
   float:left;
   width:179px;
}


div#main-body div#left-navigation ul {
   margin:0px;
   padding:0px;
   list-style-type:none;
   border-left:4px solid #339900;
   font-size:0.65em;
   font-weight:bold;
   color:#616060;
}

div#main-body div#left-navigation ul li {
   height:24px;
   line-height:24px;
}

div#main-body div#left-navigation ul li a {
   background:url(/images/leftbuttdn.gif) 0% 0% no-repeat;
   display:block;
   color:#616060;
   font-size:0.9em;
   text-decoration:none;
   line-height:24px;
   height:24px;
   padding-left:10px;
}

div#main-body div#left-navigation ul li a:hover {
   color:#ffffff;
   background:url(/images/leftbuttup.gif) 0% 0% no-repeat;
}

div#banner {
   border:1px solid #CCCCCC;
   background-color:#F7F7F7;
   height:20px;
   color:#339900;
   font-size:0.8em;
   font-weight:bold;
   padding-left:5px;
   line-height:20px;
   margin:3px 6px 2px 5px;
}

div.clear {
   clear:both;
}

div.action-button, input.submit-button {
   text-decoration:none;
   font-weight:bold;
   color:#ffffff;
   background:url(/images/admin-button.gif) no-repeat 0 0;
   font-size:0.8em;
   border:none;
   width:103px;
   height:30px;
   line-height:30px;
   cursor:pointer;
   text-align:center;
   float:left;
}