/* Start of CMSMS style sheet 'OJCrystal: Common' */
html, body {
        background: #AC2A12 url(/uploads/images/bg_red.jpg) repeat;
        font-family: tahoma, verdana, sans-serif;
        font-size: 14px;
        margin: 0;
        padding: 0;
}
        
body {
        min-width: 800px;
}       
                
        
/* define main width and float in layout CSS */

#main h2, #main h3, #main p {
        padding: 0;
}           

#main h2 {
        font-size: 22px;
}

#main h3 {
        font-size: 18px;
}

#main p {
        font-size: 14px;
}

#wrap {
        background: #FFF;
        margin: 0 auto;
        width: 800px;
        border-left: 3px solid #000;
        border-right: 3px solid #000;
}               

#header {

font-size:24pt;

text-align:center;

width:100%;

}

#header img {

vertical-align:middle;

}

div.rule_horiz {
        background: #F2E15F url(/uploads/images/bg_yellow.jpg);
        width: 100%;
        margin: 0;
        padding: 0;
}

#copyright {
        padding: 1ex;
        margin: 0 auto;
        font-size: xx-small;
        text-align: right
}

#menu_horiz {
        background: #F2E15F url(/uploads/images/bg_yellow.jpg);
        width: 800px;
        margin: 0 auto;
        height: 2.4em;
}
#menu_horiz ul{
        margin: 0;
        padding: 0;
        list-style: none;
        height: 100%;
}
#menu_horiz li{
        float: left;
        display: inline;
        margin: 0;
        padding: 0;
         border-right:  1px solid #000;
        height: 100%;
}
#menu_horiz a {
   padding: .6em 1em .6em 1.4em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #000;
   display: block; /* IE has problems with this, fixed above */
   font-weight: bold;
}
div#menu_horiz li.currentpage {
   background-color: #FBED70;
   color: #000;
}

div#menu_horiz a.activeparent {
   color: #000;
}
div#menu_horiz li a:hover {
   background-color: #FBED70; /* #7E7; /*A0F28C;*/
}

div#menu_horiz h3 {
   padding: .6em 1em .6em 1.4em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #000;
   font-weight: bold;
   /*background: #385C72 url(images/cms/arrow-right-active.gif) no-repeat 0.4em center; ;*/
   display: block; /* IE has problems with this, fixed above */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
}
/* End of 'OJCrystal: Common' */

/* Start of CMSMS style sheet 'OJCrystal: Vert Menu' */
#main {
        padding: 0 10px;
        float: right;
        width: 600px;
}

#menu_vert {
        width: 180px;
        float: left;
        padding: 0;
        margin: 0;
}

#menu_vert ul {
        padding: 0;
        margin: 0;
        list-style: none;
}
#menu_vert li {
        /*background: #F35625;*/
        background: #00A652;
        margin: 0;
        border-bottom: 1px solid #C0C0C0;
        display: block;
}

div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.2em 0.5em 0.2em 1.5em; /* some air for it */
   color: #FFF; /* this will be link color for all levels */
   min-height:1em; /* Fixes IE7 whitespace bug */
}

/* hover state for all links */
div#menu_vert a:hover {
   /*background-color: #FF8866;*/
   background-color: #90CD34;
   color: #000;
}

#menu_vert h3, #menu_vert p {
        padding: 0 10px;
}

/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_vert ul h3 {
   background-color: #90CD34;
   display: block;
   padding: 0.8em 0.5em 0.8em 1.5em;  /* some air for it */
   color: #000;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3 {
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em 2.8em;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #000;
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center;
}

/* End of 'OJCrystal: Vert Menu' */