/* jrca css file */

/*
* major body elements
*/

html {
      overflow: -moz-scrollbars-vertical; 
      overflow-x: auto;
}

body {
      text-align: center;	/* MSIE 5 doesn't center based on auto left/right margins, 
        				   but 'text-align:center' does center top-level divs: */
      min-width: 950px;       /* Specify a min-width for the body as wide as the 'wrapper'
        	                     element itself. This prevents negative (i.e. inaccessible)
                                 left-margins in narrow browser windows when using 
                        	   Navigator 6+/Mozilla on Win32: */
      margin: 0 0 50px 0;
      padding: 0;
      color: #000;
      background: #fff;
      font-family: Arial, sans-serif;
      font-size: 100%;
}

body a {
      text-decoration: none;
      color: #336699;
}

body p {
      margin-top: 0;
      padding-top: 0;
}

body img {
      border: 0;
}

table
{
      border-collapse: collapse;
      border-color: #eeeeee;
}

td, th
{
      border-collapse: collapse;
      border-color: #eeeeee;
      margin: 0;
/*      padding: 4px;    */
}

/* TinyMCE specific rules */ 
body.mceContentBody {
      background: #fff; 
      color: #000;
} 

/***************** container elements ******************/

#wrapper {
      display: block;
      padding: 0;
      margin: 0 auto 0 auto;
      width: 950px;
      background-image: url(graphics/wrapperbg.jpg);
/*      background: #ffffff;  */
/*      background-color: #11C9FF;  */
/*      border: 1px solid #040694;  */
}


#leftcol {
      margin: 0;
      padding: 0;
      float: left;
      width: 130px;
/*      background-color: #11C9FF;  */
      text-align: left;
}

#rightcol {
      width: 810px;
      float: right;
}

#header {
      float: left;
      width: 770px;
      margin: 0;
      padding: 10px 10px 5px 0;
      font-size: 11px;
      font-weight: bolder;
      background-color: #11C9FF;
      text-align: right;
      line-height: 1.2em;
}

#header2 {
      float: left;
      width: 800px;
      height: 24px;
      margin: 0;
      padding: 0;
      background-image: url(graphics/header2.gif);
      background-repeat: no-repeat;
/*      background-position: right top;  */
}

#content {
      margin: 0px;
      padding: 10px 10px 70px 10px;
      width: 780px;
      float: left;
      background: #FEE5C5;  
      text-align: left;
      list-style: none;
      min-height: 700px;
}

#footer {
      clear: both;
      width: 950px;
      height: 10px;
      margin: 0 0 0 0px;
}


#leftcol #logo {
	background: url(graphics/logohover.png);	
      background-repeat: no-repeat;
      background-position: 20px 20px;
	width: 108px;
	height: 88px;
	margin: 0;
	padding: 20px 0 15px 20px;
/*	border: 1px solid #ddd;			*/
}

#leftcol #logo a, #leftcol #logo a:link, #leftcol #logo a:visited {
	display: block;
}

#leftcol #logo img {
	border: 0;
}


#leftcol #logo a:hover img {
	visibility: hidden;		  /* hides logo when hovering over it */
}

/*********************** left menu ************************/
#leftmenu {
      background: #EAE8DD;
      width: 130px;
}

#leftmenu ul {
      margin: 0;
      padding: 5px 0 5px 0;
      list-style: none;
}

#leftmenu li {
      margin: 0;
      font-family: Verdana;
      font-size: 11px;
      font-weight: bold;
      background-repeat:no-repeat;
      background-position: center center;
}

#leftmenu a {
      display: block;
      color: #000;
}

#leftmenu a:hover {
      color: #f00;
}

/****************** left menu - menu1 level ****************/

#leftmenu li.menu1 {
      margin-top: 5px;
/*      background-image: url(graphics/greenoval.png);  */
      text-align: center;
}

#leftmenu li.menu1:hover {
/*      background-image: url(graphics/greenovalselect.png);  */
}

#leftmenu li.menu1 a {
      margin: 0;
      padding: 5px 3px 5px 3px;
}

#leftmenu li.menu1#selected {
/*      background-image: url(graphics/greenovalselect.png);  */
      color: #ffffff;
}

#leftmenu li.menu1#selected a {
      color: #663300;
}

/********** left menu - menu2 level ************/

#leftmenu li.menu2 {
/*      height: 21px;  */
/*      background-image: url(graphics/smallgreenoval.png);  */
      background-repeat: no-repeat;
      background-position: 6px 5px;  /* x y */
      padding: 0px 0px 0px 0px;
}

#leftmenu li.menu2 a {
      padding: 3px 0 3px 10px;
}

#leftmenu li.menu2#selected {
      background-color: #fff;
}

/************ left menu - menu3 level ************/

#leftmenu li.menu3 {
      background: #fff;
}

#leftmenu li.menu3 a {
      padding-left: 30px;
}

#leftmenu li.menu3select {
      background: #fff;
      border: 1px solid #000;
}

#leftmenu li.menu3select a {
      padding-left: 30px;
}

/*********** right hand column *******************/

#header img {
      line-height: 1.0em;
      padding-bottom: 0px;
}



#title {
      position: relative;
      margin: 0;
      padding: 0;
      left: 65px;
      top: -65px; 
      color: #6A1863;
      font-size: 25px;
      font-family: Tahoma;
      font-weight: bold;
      line-height: 1.0em;
      text-align: left;
}

/*
* #title span {
*	background: url(graphics/gradient-white.png) repeat-x;
*	position: relative;
*      top: -25px;
*      left: 35px;
*	display: block;
*	width: 650px;
*	height: 30px;
* }
*/

p.pagetitle {
      margin: 0;
      padding: 0;
      font-weight: bold;
}

#footer2 {
      float: left;
      width: 800px;
      height: 24px;
      margin: 0;
      padding: 0;
      background-image: url(graphics/footer2.gif);
      background-repeat: no-repeat;
}



#credits {
	margin: 5px auto 0 auto;
      padding: 0;
	width: 900px;
	font-family: arial;
	font-size: 10px;		
	line-height: 1.0em;	
      text-align: left;
}

#credits #creditsleft {
      float: left;
	text-align: left;
	width: 450px;
}
#credits #creditsright {
      float: right;
	width: 450px;
	text-align: right;
}