* { /* global settings 
                margin: 0;  */
                padding: 0;
}
 
body {
  background-color: #FFFF80;
  color: #006;
  background: url(/images/p12c08.gif);
  /* text-align: center;  */
}
 

/*  Stuff needs to be changed here........*/
p {margin-top: 21px;}
ul {margin-top: 21px; margin-bottom: 21px; font-size: 16px !important;}



#container {
  width:828px;
  margin: 10px auto;
  
  /* border: solid green 2px; -- remove this */ 
}
 
#sidebar {
                font: 15px arial;
                /* border: dashed red 2px;  --  remove this */
                text-align: center;
                width: 200px;
                float: left;
}
 
#contents {
                width: 600px;
                text-align: left;
                float: left;
                font: 18px arial;
                padding-left: 10px;
                padding-right: 10px;
                /* border: solid blue 2px -- remove this */
}
 
#contents li {margin-left: 25px;}

#header {
                text-align: center;
                /* border: solid yellow 2px; -- remove this */
           margin-top: 5px;
}

#header h1 {
  display: block;
  width: 480px;
  height: 44px;
  font-size: 32px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  background: url('/images/bluesteelLargeBlank.gif') #505060;
  padding-top: 8px;
             margin-top: 5px;
  margin: auto; /*centers the object in firefox*/
  margin-bottom: 30px !important; 
}
 
#header h2 { font-size: 24px; color: #996600; font-weight: bold; font-style: italic; margin-bottom: 20px;}
 
 
#footer {
  padding-top:8px;
  font: 14px arial;
  text-align: center;
  clear: both;
  /* border: solid pink 2px -- remove this */ 
}
/* ===================== MENU =====================  */
  
.large {font-size:32px;}
.med {font-size: 18px; font-weight: normal;}
.small {font-size:10px;}
.center {text-align: center; margin: 21px auto;}

#menu{padding-top:30px;} 

/* ------ Vertical Menu  with Pop-Out Submenus ------- */
ul.makeMenu, ul.makeMenu ul {
  font-size:0.9em; font-weight:bold;
  width:191px;
  padding: 0px; cursor: default;
  margin: 0px auto; 
}

ul.makeMenu li {
  padding:1px;  /*  needed to prevent IE gaps */
  margin: 0px; 
  list-style-type: none; 
  position: relative; color: #fff;  z-index:100;

}
ul.makeMenu li > ul {display: none; position: absolute; top: 0px; left:190px; width:191px}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {}
ul.makeMenu ul.CSStoShow {display: block;}
ul.makeMenu li:hover > ul {display: block; }
ul.makeMenu li a {
  display: block; 
  width: 100%;
  text-decoration: none; 
  padding-top: 8px;
  height: 33px;
}
li.arrow{background: url(/images/tri-white.gif); background-repeat: no-repeat; background-position: right;}

/* -- menu border color -- */
ul.makeMenu, ul.makeMenu ul, ul.makeMenu li {}

/* -- menu text color -- */
ul.makeMenu li a {color:#fff;
  background: url('/images/button2d.png');
  background-position:0px 0px;
}

/* -- menu background color -- */
ul.makeMenu, ul.makeMenu ul { background-color: #fff; /* color needed for IE6 */
}

/* -- menu text hover color -- */
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink, ul.makeMenu li:hover > a  {  
 color: #ccc; 
}

/* -- menu background hover color -- */
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight, ul.makeMenu li:hover > a  {
}
ul.makeMenu li a:hover{background-position:0px 40px;} 



/* =================BODY================= */

body.print{background-color:#fff}


/* =================BUTTONS================= */
a.stdbutton{
  font-size:80%;
  text-decoration:none;
  display:block; 
  border:1px solid #888;
  background-color:#ccc;
  color:#000;
  margin:0.25em 0em; 
  padding:0.25em;
  text-align:center;
}
a.stdbutton:active {border-color:#345 #cde #def #678;}
a.stdbutton:hover {background-color:#eee; color:#000;}


/* =================FORM ELEMENTS================= */

.formitemerror{background-color:#ff7; border:1px solid #000;}
.formitem{background-color:#eee; border:1px solid #000;}
div.formtitle {float:left; text-align:right; font-weight:bold; width:100px; padding:5px 0px; font-size:0.8em;}
div.forminfo {margin-left:120px; padding:5px 0px; }
input.formsubmit {color:#000; cursor:pointer; font-size:1em;} 
div.error {margin:10px auto; border:2px solid #f00; background-color:#f88; padding:0.5em; width:300px; text-align:center;}

/* =================GENERAL ELEMENTS================= */

/* =================IMAGES================= */
img.left {float: left; margin-right: 1em; vertical-align: text-top;}
img.right {float: right; margin-left: 1em; vertical-align: text-top;}
a.imagelink{padding:3px; display:block;}
a.imagelink:hover{color:#ccc}

/* =================MISC ITEMS================= */

