﻿/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, form, fieldset, a, img, button  {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
	text-align:center;
	background-color:#006633;
	background-image:url(Images/rrisback.jpg);
	font-family:Verdana,Tahoma, Geneva, sans-serif;
	font-size:0.70em;
}

#buttonPanel { padding: 2px; width: 400px;text-align:right;}

h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, Sans-Serif;}

h1, h2 {color:#0055CC;}

h3, h4, h5, h6 {color:tomato;}	

h1 {
	margin:0.5em 0 0 0;
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
    margin:0.5em 0 0 0;
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
    margin:0.5em 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.9em;
	font-weight: bold;
}
p  {
	margin: 1em 0;
	line-height: 1.5em;
}

a {text-decoration:underline;}

a:hover {text-decoration:none;}

#wrapper
{
    position:relative;
	width:867px;
	margin:0 auto;	
	text-align:left;
	background-color:#FFFFFF;
}
* html .wrapper {   /*** IE5.x/win box model fix ***/
	width: 869px;
}
#headSpace
{
    background-color:#006633;
	height:16px; 
	position:relative;
}
#header{
	height:116px; 
	position:relative;
	background-image:url(Images/contTop.jpg);
	background-repeat: no-repeat; 
	z-index: 1000
}
#homeContent{
	height:380px; 	
	
}
#logo{
	position:absolute;
	top:10px;
	left:3px;
	width:152px;
}
#banner{
	text-align:right;
	margin:0 16px;
}
#search{
	position:absolute;
	top:48px;
	right:8px;
}



.spell { width:20px;height:20px;cursor:pointer}

/* START OF COLUMN LAYOUT */
#contArea_wrapper {FLOAT: left; margin-top: 12px;}
#contArea {MARGIN: 0px 0px 0px 156px; }
#leftNav
{
    float: left;
    margin-left: -750px; 
    margin-top: 12px;
    width: 156px;
    
}
#container {DISPLAY: inline-block}
#container {DISPLAY: block}

#textWrapper
{
    margin-left: 16px;
	width:580px;
	text-align:left;
}
/* END OF COLUMN LAYOUT */

#contentwrapper{
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 468px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-left: 156px;    /*** Critical left col dimension value ***/
	/*border-left: 1px solid #F0EFC8;   /*** Critical left divider dimension value ***/
	/*border-right: 1px solid #F0EFC8;   /*** Critical right divider dimension value ***/
}

#contentwrapperWide{
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 700px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-left: 16px;    /*** Critical left col dimension value ***/
	/*border-left: 1px solid #F0EFC8;   /*** Critical left divider dimension value ***/
	/*border-right: 1px solid #F0EFC8;   /*** Critical right divider dimension value ***/
}

* html #contentwrapper {  /*** IE5.x/win box model fix ***/
	width: 470px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	width: 468px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
#floatwrapper {
	float: left;
	width: 468px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-right: -1px;   /*** Static fix ***/
}
#centercolumn
{
    position:relative;
	float: right;
	width: 470px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	/* \*/
	
	/* Hidden from IE-mac */
	padding-top:20px;
}

.txtBox:focus {background-color:#FFFFFF;}


#leftcolumn {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 152px;    /*** Critical left col/divider dimension value ***/
	margin-left: -151px;    /*** Critical left col/divider dimension value ***/
	padding-top:24px;
}
* html #leftcolumn {
	float:left;	
	padding-top:25px;
}

*>html #leftcolumn {width:151px;}   /*** Fix only for IE/Mac ***/

#leftcolcontainer{width: 150px;}    /*** Critical left col dimension value ***/

#subnav {
	margin-bottom:40px; 
	margin-left:1px; 
	overflow:hidden;
}

* html #subnav tr {height:1.4em;}

#subnav .item {
	padding:2px 7px;
	background-color:#F0EFC8; 
	color:#333333; 
}

* html #subnav .item {padding:0 20px;}

#subnav .selected {
	background-color:#FFFFFF; 
	color:#0066FF;
}
#subnav .hover {
	color:#333333; 
	background-color:#F7F7E8;
}
#rightcolumn{
	float: left; 
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 152px;    /*** Critical right col/divider dimension value ***/
	margin-right: -150px;    /*** Critical right col/divider dimension value ***/
	margin-left: -1px;   /*** Static fix ***/
	padding-top:30px;
}

/* \*/
* html #rightcolumn {
	margin-left: 0px; 
	margin-right: -500px; 
	mar\gin-right: -152px;
	padding-top:25px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/

#rightcolcontainer{
	/* \*/
	width: 150px;
	/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;    /*** Critical right divider dimension value ***/
}
/* \*/
* html #rightcolcontainer {
	fl\oat: right;
	margin-left: 2px; 
	mar\gin-left: 0px; 
}
/* */

.sidebarcontainer{
	border:1px solid #009966;
	margin:5px;
	padding:6px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

/* \*/
* html .sidebarcontainer {height:1%;}
/* */

.sidebarcontainer a {color:#59B101;}

.sidebarcontainer li {list-style-type:none;}

#footer{
	clear:both;
	height: 91px;
	margin:0px 0;
	padding:0px 15px;	
	/*border-top:1px solid #CCCC66;
	border-bottom:1px solid #CCCC66;
	background-color:#F0EFC8;*/
	background-image:url(Images/rrisBottom.jpg);
	background-repeat:repeat;
	font-size:0.9em;
}

#footerLeft
{
    position:absolute;
	bottom:10px;
	left:16px;
    color: #f0ffff;
    vertical-align:  bottom;	
    width: 350px;
}
#footerRight
{
    height: 64px;
    position:absolute;
	bottom:8px;
	right:16px;
    color: #f0ffff;
    vertical-align:  bottom;	
    width: 470px;
}


#footer a {
	margin:1px 5px;
	color:#f0ffff; 
}
.button {
    border:1px solid #CCCC66;
    color:#FFFFFF;
    background-color:#0066FF;
    font-size:1em;
}
.imgfloatright {
	float:right;
	display:inline;
	margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
}


@media print {	
	body{
		font-size:11pt;
		line-height:13pt;
		background:#FFFFFF !important;
	}	
	#wrapper, #contentwrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #contentwrapper, 
	* html #floatwrapper, * html #centercolumn {
		width:auto !important;
		margin:auto !important;
	}
	#contArea {MARGIN: 0px 0px 0px 0px; }

	#wrapper, #contentwrapper {border:none;}
	
	#textWrapper { width: 100%;}

	#mainnav{
		padding:0;
		text-align:center;
	}
	
	.label,.btn { display: none; visibility:hidden;}
	
	#header { height:0px; }

	#leftcolumn, #rightcolumn, #search,#leftNav {display:none;}
	

	#wrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container, #footer {
		background:transparent;
	}
	#centercolumn {
		float:none;
		margin:0 1em 0 2.5em;
	}	

	#breadcrumbs {position:static;}

	#copy .container{
		margin:0;
		margin:0;
		border-style:none !important;
		border-width:0;
	}
	
    #copy fieldset {border:none;}

	
}




/* START Menu Items Style */

.mnuMain 
{   
   font-size:0.98em;
   font-weight: bold;
   
}
.TopMenuGroup 
{
     cursor:pointer;
     color:white;   
     font-weight: bold;
      background-color:#00974c;
}

.MenuGroup
{
   font-size:0.9em;
   font-weight: bold;
  border:solid 1px #00974c;
  background-color:#00974c;
  padding-left: 8px;  
}

.MenuItem
{
    font-size:1em;
    font-weight: bold;
    width: 64px;
    color:white;   
    cursor:pointer;
    background-color:#00974c;
}

.MenuItemHover
{
    font-size:1em;
    font-weight: bold;
    width: 64px;
   color:Gold; 
 
  cursor:pointer;
}


.MenuItemAdmin
{
    font-size:0.9em;
    color:white;
     background-color:#99CCCC;   
    cursor:pointer;
}

.TopMenuItemAdmin
{
    font-size:0.9em;
    color:white;
  background-color:#99CCCC;
  border-bottom-color: #CCCCCC;
}

.TopMenuItemHoverAdmin
{
    font-size:0.9em;
   color:gold; 

  cursor:pointer;
}

.MenuHover
{
  border:outset 1px cream;
  
}

/* END Menu Items Style */


.XPinpLine{ border:none; border-bottom: solid #00974c 1px;}
.XPinp, .input1 {    border: solid #00974c 1px;}

.XPinpMoney { border: solid #00974c 1px;text-align:right;}

.XPinp:focus {background-color: #f5f5dc;}
.XPinpLine:focus {background-color: #f5f5dc;}
.XPinpMoney:focus {background-color: #f5f5dc;}

.TreeArea
{
  border:1px silver solid; 
  padding:1px;
  background-color:#F6F6F6;
}

.TblHdr
{
	background-color: #99CCCC;
	font-weight:bold;
	letter-spacing: 1;
	color: White;
}


 .TblFtr 
{	
	BACKGROUND-COLOR:#99CCCC;
	color:White;
	letter-spacing: 1;
	font-weight:bold;		
}


.btn
{
    color: black;
    cursor: hand;
    background-color: #F7F7DE;
    font-size: 1em;
    border:#d4b06b 1px solid;
}

.hand
{
    cursor: hand;
}

.rtb{
	border-right: solid #99CCCC 1px;
}

.undl {
	border-bottom: solid #99CCCC 1px;
}

.undl_rtb {border-bottom: solid #99CCCC 1px; border-right: solid #99CCCC 1px; }

.dblUndl 
{	
	border-bottom: double #99CCCC 3px;
}
.owrl {
	border-top: solid #99CCCC 1px;
}

	
td 
{
	font-family: Verdana;
	font-size: 8pt;
}

HR.dash {border-style: dotted #99CCCC; height:1px; }

HR { color: #99CCCC; height:1px; }

.HeaderLabel
{
  color: White; 
  font-family: verdana; 
  font-size: 15px;
  font-weight: bold; 
  cursor: default;
  letter-spacing: 4px;
}

.HeaderStatus
{
    background-color: #00974c;
	font-weight:bold;
	color: White;
  font-family: verdana; 
  font-size: 12px;
  letter-spacing: 5px;
  padding:3px;
}

.SmallHeaderStatus
{ background-color: #99CCCC;
	font-weight:bold;
	color: White;
  font-family: verdana; 
  font-size: 10px;
  font-weight: bold; 
  letter-spacing: 2px;
  width: 100%;
  padding:3px;
	padding-left: 5px;	
}

.selectList { font-family:verdana; font-size:8pt;}



A.Smpl:link,A.Smpl:visited 
{
	color: white;
	text-decoration: none; 
}  
A.Smpl:active 
{
	text-decoration: underline;
	color: tomato ;
}
A.Smpl:hover {
	color: Gold;
	font-family:	Verdana;	
	font-size:		8pt;
	text-decoration: underline;
}



/* START GRID STYLES */
.gridFirstItem {
	border-top: #696969 1px solid;
	border-right: #696969 1px solid;
	border-bottom: #696969 1px solid;
	border-left: nonel;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 1px;
}


.gridItem {
	border-right: #696969 1px solid;
	border-top: #696969 1px solid;
	border-left: #696969 1px double;
	border-bottom: #696969 1px solid;
	padding-right: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 1px;
}


.gridLastItem {
	border-top: #696969 1px solid;
	border-left: #696969 1px solid;
	border-bottom: #696969 1px solid;
	padding-right: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 1px;
}



.gridHeader
{
    border-bottom: #696969 1px solid;
    font-weight: bold;
    font-size: 0.8em;
    color: coral;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

.gridLink
{
    font-weight: bold;
    font-size: 0.8em;
    color: darkslateblue;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


.gridHeader a:active {
	color: #696969;
	text-decoration: none;
}

.gridHeader a:link {
	color: #696969;
	text-decoration: none;
}

.gridHeader a:visited {
	color: #696969;
	text-decoration: none;
}

.gridHeader a:hover {
	color: darkred;
	text-decoration: none;
}

/* END GRID STYLES */




.divTR
{
    display: inline-block;
	width:100%;
	padding-bottom:2px;
	text-align:left;
}

.divHTR
{
    border-bottom: dotted 1px black;
    display: inline-block;
	width:100%;
	padding-bottom:2px;
	text-align:left;
}

.divTD
{
	padding:2px;
	float:left;
}

.divTDR
{
	padding:2px;
	float:right;
}