/*******************/
 /*   set defaults  */
/*******************/
/*@import "reset.css"; */
/* FF scrollbar shift */
body, html{
  height: 100%;
  margin-bottom: -.1em;
}
body{
  background: url(../images/line_1.png);
  background-attachment: scroll;
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: Georgia, "Times New Roman", Times, serif;
/*  background-color: #F5F5F5 */
}
h2{
  text-align: center;
  font-size: 1.4em;
  font-family: "Times New Roman", Times, serif;
  margin: 5px 0;
}
h3#pagetitle{
  background: url(../images/ommm.....gif) no-repeat left;
  padding-left: 40px;
  text-align: left;
  height: 30px;
  font-size: 1.3em;
  margin: 10px 0 10px 0;
}
h4{
  margin: .5em;
}
p{
  margin: .5em;
}
li{
	list-style-image: url(../images/dot.gif);
	margin-left: 2em;
}
#content ul{
  margin-left: 1.5em;
}
#logo{
  position: absolute;
  top: 62px;
  left: 55px;
}
#title{
  position: absolute;
  left: 305px;
  top: 4px;
  margin: 0;
  width: 65%;
  height: 40px;
  background: url(../images/sabai_text.png) #620000 0 0 no-repeat;
}
#title span{
  margin-left: -50em;
  margin-top: -50em;
}
#wrapper{
  position: absolute;
  top: 50px;
  left: 170px;
  margin: 0;
  width: 75%;
}
#content{
  width: 65%;
  margin: 0 10px 0 0;
  border-right: 1px dotted #620000;
  padding: 5px;
  float: left;
  clear: left;
}
#sidebar{
  width: 25%;
  margin: 0;
  padding: 20px 5px 5px 5px;
  float: left;
  /*border: 1px dotted green;*/
}
#sidebar table{
  text-align: center;
  padding: 3px;
  font-size: .9em;
  background: #fff;
  opacity: .5;
  filter: alpha(opacity=50);
}
#leftside{
  position: absolute;
  top: 200px;
  left: 5px;
  width: 150px;
}
#leftside div{
  padding: .2em;
}
#news{
  margin: .5em;
  padding: .2em;
  border: 1px solid #620000;
}
#newscat{
  margin: .5em;
  padding: .2em;
  border: 1px solid #620000;
  float: left;
  width: 30%;
}
#newscat ul{
  margin-left: -1em;
}
#footer{
   background: #620000;
   color: #FFF;
   clear: both;
   margin: 0;
   width: 100%;
   text-align: center;
}
#footer a,#footer a:link,#footer a:active,#footer  a:visited{
  color: #FFF;
  text-decoration: none;
}
#footer a:hover{
  color: #FF0000;
}
#footer p{
   font-size: .8em;
   border-bottom: 1px solid #FFF;
   margin: 2px 0 2px 0;
}
p#legal{
  font-size: .6em;
  color: #FF9900;
}
a, a:link, a:active {
  color: #000099;
  text-decoration: none;
}
a:hover{
  color: #FF0000;
}
hr{
  width: 25%;
  text-align: center;
}
#breadcrumbs{
  font-size: .8em;
  color: #999;
  text-align: center;
}
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active{
  color: #666;
}
#breadcrumbs a:hover{
  color: #8E1E1E;
}
#breadcrumbs form{
  width: auto;
  display: block;
  float: right;
  height: 25px;
}

  /******************************/
 /* CMSMS Horizontal Menu */
/******************************/
#main-nav{
  background: transparent url(../images/menu_bg.gif) repeat-x 0 -5px;
  height: 48px;
  font: bold 1em Arial, Helvetica, sans-serif serif;
  list-style: none;
}
#menu_vert {
  margin-left: 1px;
  margin-right: 1px;
}
/* The wrapper clears the floating elements of the menu */
/* Fix for Opera 8 */
.clearb {
  clear: both;
  height: 1px;
  margin-top: -1px;
}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#main-nav li li {
   width: 200px;
}
/* Unless you know what you do, do not touch this */
#main-nav, #main-nav ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
#main-nav ul {
   position: absolute;
   top: auto;
   display: none;
}
#main-nav ul ul {
   margin-top: 1px;
   margin-left: -1px;
   left: 100%;
   top: 0px;
}
#main-nav li {
   margin-left: -1px;
   float: left;
  list-style: none;
}
#main-nav li li {
   margin-left: 0px;
   margin-top: -1px;
   float: none;
   position: relative;
  list-style: none;
}

/* Styling the basic apperance of the menu elements */
#main-nav li a {
   display: block;
   margin: 0px;
   padding: 0;
   height: 48px;
   text-decoration: none;
  text-decoration: none;
  line-height: 2.5em;
  color: #000;
}
/* Top Level */
#main-nav li a {
   border: none;
  padding: 0 .2em 0 32px;
  height: 48px;
  background: transparent url(../images/yogi_sit_1.gif) no-repeat bottom left;
}
/* Sub-Level(s) */
#main-nav li li a {
   border: 1px dashed #000;
   background: #FFF;
   font-size: .8em;
   line-height: 1.5em;
}
#main-nav li li a:hover {
   border: 1px dashed #000;
  background: #FFF url(../images/icons/house_go.png) no-repeat center left;
}
#main-nav li, #main-nav li.menuparent {
   background-color: transparent;
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
/* Which, we don't want */
#main-nav li.menuactive {
  /* foo */
}

/* Styling the apperance of menu items on hover */
#main-nav li a:hover,
#main-nav li.menuh,
#main-nav li.menuparenth,
#main-nav li.menuactiveh {
  background: transparent url(../images/yogi_sit.gif) no-repeat bottom left;
  color: #CC0033;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
/*
just add
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul ul ul,
for fourth level
*/
#main-nav ul,
#main-nav li:hover ul,
#main-nav li:hover ul ul,
#main-nav li.menuparenth ul,
#main-nav li.menuparenth ul ul {
   display: none;
}

/* add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#main-nav li:hover ul,
#main-nav ul li:hover ul,
#main-nav ul ul li:hover ul,
#main-nav li.menuparenth ul,
#main-nav ul li.menuparenth ul,
#main-nav ul ul li.menuparenth ul {
   display: block;
}
#main-nav li li {
   float: left;
   clear: both;
}
#main-nav li li a {
   height: 1%;
}
  /******************************/
 /*        CMSMS Styles        */
/******************************/
#sidebar .currentpage{
  font: bold 1em serif;
  color: #FF9900;
}
#sidebar .currentpage ul li, #sidebar .currentpage ul li a{
  line-height: 1em;
}
#sidebar ul li, #sidebar ul li li{
  margin-left: .1em;
}
#sidebar li{
  list-style-image: none;
}
#sidebar li a{
  text-decoration: none;
}
/* copy ^that, for submenus in nested pages */
#submenu{
  float: right;
  margin: .5em;
  padding: .5em;
  width: 200px;
  border: 1px solid #000;
}
#submenu .currentpage{
  font: bold 1em serif;
  color: #FF9900;
}
#submenu .currentpage ul li, #submenu .currentpage ul li a{
  line-height: 1em;
}
#submenu ul li, #submenu ul li li{
  margin-left: -1em;
}
#submenu li{
  list-style-image: none;
}
#submenu li a{
  text-decoration: none;
}
/* end submenu */
img.floatLeft{
  float: left;
  border: 1px solid #000;
  margin: .5em;
}
img.floatRight{
  float: right;
  border: 1px solid #000;
  margin: .5em;
}
#cal-calendar{
  width: 99%;
  margin: .5em auto;
}
#cal-calendar li{
  list-style: none;
}
#cal-calendar li{
  list-style: none;
  padding: .1em;
  margin: .1em;
  font: normal .7em Arial, sans-serif;
  line-height: .8em;
  border-bottom: 1px dotted #000;
}
.required textarea{
  width: 80%;
}