/*div{border:1px dashed #f00;}*/
.comment{background-color:#f77; padding:3px;}

/* =================BODY================= */
body {background-color:#fff; font-size:0.9em; font-family: verdana, arial, sans-serif; margin:0px;}
body.print{background-color:#fff; font-family: verdana, arial, sans-serif; }
#container{text-align:left; background-color:#fff;}

/* =================HEADER================= */
#header{height:176px; background-image: url(/images/headerback.jpg); background-repeat:repeat-x; background-color:#96206E;}

#headerlogo{margin:0px auto; height:176px; width:484px; background-image: url(/images/headerlogo.jpg); background-repeat:no-repeat;}

#pheader{text-align:right; border-bottom:4px solid #036;}
#pheader h1{color:#036; font-size:2em; margin:0px 20px;}
#return{position:absolute;}

/* =================SIDE BAR================= */
#sidebar{float:left; display:block; width:220px; 
padding-top:1em;
background-color:#fff;}
div.sidetext{font-size:0.7em; color:#fff;}

/* =================MENU================= */
#menu{margin:10px auto; width:135px;}

/* ------ Vertical Menu  with Pop-Out Submenus ------- */

ul.makeMenu, ul.makeMenu ul {
  font-weight:bold;
  width:133px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;  padding-left: 0px; cursor: default; margin: 0px auto; }

ul.makeMenu{font-size:0.75em;}

ul.makeMenu li {
  border-bottom: 1px solid #000;
  padding:0.5em 12px 0.5em 0.5em;
  list-style-type: none; 
  margin: 0px; position: relative; color: #fff;  z-index:100;}
ul.makeMenu li > ul {display: none; position: absolute; top: 0px; left:133px; width:133px;
border:1px solid #333;


}
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; }
li.arrow{background: url(/images/tri-black.gif); background-repeat: no-repeat; background-position: right;}

/* -- menu border color -- */
ul.makeMenu, ul.makeMenu ul, ul.makeMenu li {border-color: #fff;}

/* -- menu text color -- */
ul.makeMenu li a {color:#333;}

/* -- menu background color -- */
ul.makeMenu, ul.makeMenu ul {background-color: #fff;}

/* -- menu text hover color -- */
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink, ul.makeMenu li:hover > a  {color: #000;}

/* -- menu background hover color -- */
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight, ul.makeMenu li:hover > a  {background-color: #ccc;}

#pageselected{background-color:#ccc;}
#pageselected > a:first-child {color:#000;}

/* =================BUTTONS================= */
a.stdbutton, a.istdbutton{
  font-size:80%;
  text-decoration:none;  
  border:1px solid;
  border-color:#ddd #888 #777 #ccc;
  background-color:#E5D8DF;
  color:#815;
  margin:0.25em 0em; 
  padding:0.25em;
  text-align:center;
}
a.stdbutton{display:block;}
a.istdbutton{display:inline;}
a.stdbutton:active,a.istdbutton:active {border-color:#777 #ccc #ddd #888;}
a.stdbutton:hover,a.istdbutton:hover {background-color:#eee; color:#000;}



/* =================CONTENT================= */
#content{margin:10px 10px 0px 240px; padding-bottom:20px;}
#pcontent{padding:2em;}

/* =================FOOTER================= */
#footer{clear:both; background-color:#96206E;
background-image: url(/images/headerback.jpg); background-repeat:repeat-x; 
}
#footertext{padding:5px; text-align:center; color:#fff; font-size:0.7em; line-height:1.5em;}
div.printfooter{clear:both; text-align:center; padding:0.25em;font-size:0.7em; border-top:4px solid #039; margin-top:2em;}

/* =================FORM ELEMENTS================= */
.formitem{background-color:#eee; border:1px solid #000;}
.formitemerror{background-color:#ff7; border:1px solid #000;}
div.formtitle{clear:right; float:left; text-align:right; font-weight:bold; width:150px; padding:5px 0px; font-size:0.8em;}
div.forminfo{margin-left:164px; padding:5px 0px; }
input.messagesubmit {background-color: #B2CCB1; color: #000; 
cursor:pointer; font-size:0.9em; font-weight:bold; padding:0px 5px;}
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;}
span.formrequired {
  color : #f00;
  font-weight : bold;
  padding-right : 2px;
}
.formtitlebreak{
  line-height:1px;
  clear : right;
}

/* =================GENERAL ELEMENTS================= */
a {color: #815;}
a:hover {color: #036; background-color: #ccc;}
h1,h2{font-family:Georgia, Times New Roman, serif;}
h1{color:#815; border-bottom:1px solid #E9DF3F}
h2 {color: #006; background-color:#E5D8DF; border-bottom:1px solid #aaa; padding:0.15em;
font-size:1.2em;}
h3 {color: #000;}

p.quote{font-style:italic; margin-bottom:0px; font-size:0.9em; border:1px dotted #888; padding:0.25em; background-color:#eef}
p.quoteauthor{margin-top:0px; font-size:0.9em; text-align:right; padding:0.25em;}

/* =================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================= */
p.legalnotice{text-align:center; font-size:0.8em; font-weight:bold;}
p.copyright{text-align:center; font-size:0.8em; color:#253161; line-height:1.5em;}
a.mvp{color:#fff; text-decoration:none;}
a.mvp:hover {color:#000;}

/* =================TinyMCE specific rules================= */
body.mceContentBody {
   background-color: #FFF;
   background-image:none;
   font-size:1em;
}

/* =========================TABS================================ */

a.tablink,a.tabselect{
  border-left:1px solid #888;
  border-right:1px solid #888;
  border-top:1px solid #888;
  color:#000;

  float:left;
  padding:2px 1em;
  text-decoration:none;
  font-size:1em;
  margin:0px;
}

a.tabselect:hover, a.tablink:hover{
  background-color:#888;
  color:#fff;
  border-bottom:1px solid #888;
}

div.tabspacer{
  background-color:#fff;
  padding:2px 1em;
  text-decoration:none;
  font-size:1em;
  margin:0px;
  border-top:1px solid #fff;
  border-bottom:1px solid #888;
}

a.tabselect {
  border-bottom:1px solid #fff;
  background-color: #fff;
}

a.tablink{
  background-color:#E5D8DF;
  border-bottom:1px solid #888;
}

div.tabfolder{
  border-left:1px solid #888;
  border-right:1px solid #888;
  border-bottom:1px solid #888;
  padding:10px;
}

div.tabfolder h2{margin-top:0px;}

/* ==================== MESSAGES ====================  */
div.message{
width:670px;
background-image:url(/images/flowers_light.jpg);
background-repeat:no-repeat;
font-family:Comic Sans MS, cursive;
padding:1em;
border:1px solid #000;
border-bottom:2px solid #000;
border-right:2px solid #000;
}

.menulist a,
.menulist a:visited {
  text-decoration:none;
  text-align:center;
  background-color:#E5D8DF; 
  font-family: Arial,Helvetica,Geneva,Sans-serif; 
  font-size: 1em;
  font-weight: bold;
  color:#815; 
  display:block;
  width:15em;
  border:1px solid #fff;
  border-color: #ddd #888 #777 #ccc;
  padding:0.25em;
  margin:0.5em;
}

.menulist a:hover,.menulist a:active {
  background-color:#888;  
  color:#000;  
}
.menulist a:active {border-color:#777 #ccc #ddd #888;}
