/* Start of CMSMS style sheet 'rivercity' */
body, html {
	color: #000; 
	font-family: Calibri, Arial, Tahoma, sans-serif;
	text-align: center;
	margin: 0;
	padding:0;
	background: #9B9E93;
	color: #333333;
}

li {
	list-style-type : none;
}

a {
	color : #003366;
}

a:hover, a:focus, a:active {
	color : #000;
	text-decoration : none;
}

a:focus, a:active {
	color : #fff;
	background-color : #000033;
}


h1 {
	font-size:1.5em; 
}

h2 {
}

h3 {
	font-size:1.0em;
}

h4 {
	margin:0; 
	padding: 5px 0;
}


#rcd-header{
	height:50px;
	background:#323F50;
	color:#000000;
	border:solid #000000;
	border-width:1px 0px;
	margin:20px 0 0 0;
}

#rcd-sidebar {
	position:absolute;
	top: 47px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	width : 200px;
	background-color : #413332;
	padding : 10px;
	color : #fff;
	border: 1px solid #000000;
	min-height:700px;

}

#rcd-sidebar img {
	margin : 5px 0px 0px -26px;
}

#rcd-sidebar h3 {
	color : #9B9E93;
}

#rcd-sidebar h4 {
	color : #9B9E93;
}

#rcd-sidebar p {
	color : #9B9E93;
}

#rcd-sidebar a {
	color : #ccc;
}

#rcd-sidebar a:hover, #sidebar a:focus, #sidebar a:active {
	color : #eecc11;
}

#rcd-sidebar a:focus, #sidebar a:active {
	background-color : #003366;
}

ul#rcd-menu { 
	margin : 0;
	padding : 0;
	list-style-type : none;
}

ul#rcd-menu li {
	margin-bottom : 5px;
}

ul#rcd-menu a { 
	display : block;
	background-color : #323F50;
	width : 190px;
	height : auto;
	padding : 0px 5px 0px 5px;
	text-align : left;
	font-weight: bold;
	text-decoration : none;
	color : #ffffff;
}

ul#rcd-menu a.selected, ul#rcd-menu a.selected:hover, ul#rcd-menu a.selected:focus, ul#rcd-menu a.selected:active { 
	background-color : #323F50;
	color : #9B9E93;
	text-align : left;
}

ul#rcd-menu a:hover, ul#rcd-menu a:focus, ul#rcd-menu a:active { 
	background-color : #9B9E93;
	color : #323F50;
	width : 190px;
}


ul#rcd-menu a:hover, ul#rcd-menu a:focus, ul#rcd-menu a:active { 
	background-color : #eecc11;
	color : #003366;
	width : 190px;
}

#rcd-body{
	overflow:auto;
	position:absolute;
	padding: 10px;
	top: 47px;
	left: 265px;
	right: 20px;
	bottom: 20px;
	border: 1px solid #000000;
	background: #fff;
	color: #333333;
	min-height:700px;
	min-width:600px;

 }
#content {
	overflow:auto;
	position:absolute;
	padding:10px;
	z-index:3;
	top:65px;
	bottom:116px;
	left:286px;
	right:85px;
	border:1px solid #000;
	background:#FFFFFF;
}


/********************
MENU

{* CSS classes used in this template:
.activeparent - The top level parent when a child is the active/current page
li.active0n h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools stylesheet in the default CMSMS installation.
li.sectionheader h3 - To style section header
li.separator - To style the ruler for the separator *} 

*********************/
#menu_vert {
   text-align : left;
}


/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
   padding-bottom: 0.5em;
}

/* menu li block */
#menu_vert li {
   list-style: none;
	margin-bottom : 5px;

   display: block;
}

#menu_vert ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   color: #fff; /* this will be link color for all levels */
   background-color : #323F50;
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a{
   font-size: 90%;
   padding: 0em 0em 0em 5px;
width: 97%;
	margin-top: 5px;
}

div#menu_vert:hover ul ul a{
   font-size: 90%;
   padding: 0em 0em 0em 5px;
width: 97%;
	margin-top: 5px;
}


/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding: 0.3em 0.5em 0.3em 4.3em;
}

/* hover state for all links */
div#menu_vert a:hover {
   background-color: #eecc11;
}
div#menu_vert a.activeparent:hover {
   background-color: #eecc11;
   color: #18507C;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
 
	background-color : #323F50;
	color : #fff;
}

div#menu_vert ul ul li a.activeparent {

   color: #18507C;
}


/* 
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 : #323F50;
   display: block; 
   color : #eecc11;                                /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;     
   padding: 0 0 0 5px;                             /* 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%;

   background-position: 1.4em center;
	background-color : #323F50;
	margin-top: 5px;
   border-bottom: none;
   color: #eecc11;     
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;

}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}



/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}
/* End of 'rivercity' */