/*------------------------------------------------------------------------------
 *
 * R.C.P.H.I. Web Site Stylesheet
 *
 * Some of the definitions used in this style:
 *   font                      Verdana,Arial,Helvetica,sans-serif
 *   font - general size       12px
 *   background color          white       (#fff)
 *   general text color        dark gray   (#444)
 *   header color              blue gray   (#336699)
 *   link color                blue gray   (#336699)
 *   border color              gray        (#999)
 *   background of link bars   light gray  (#ccc)
 *
 * History:
 *   Feb 24, 2006 (J. Orndorff) - created.
 *
 *-----------------------------------------------------------------------------*/
 

/* -----------------------------------------------------------------------------
 * GENERAL HTML ELEMENTS
 * The following section defines the styles for the general html elements such
 * as paragraphs, tables, and links.
 * Notes:
 *   Feb 24, 2006 (J. Orndorff) - created.
 * ----------------------------------------------------------------------------*/  
           
html, body {
	background-color: #F5F5D7;            /* white background for all pages      */
	height: 100%;
	                                      /* define the font for this site       */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;                      /* generally, use 12px font            */
}

body {
                                        /* constrain the body to be the same   */
																				/* as the width of the banner          */
  width: 789px;                         
}

h1, h2, h3, h4, h5, h6, a {
	color: #066A38;                      /* all headers and links are green      */
}

p, li, blockquote, td {
	color:#444;                           /* general font color is dark gray     */
}

table {
	border-color: #999;                   /* table border color is gray          */
}

th {
	font-weight: bold;                    /* table headers are bold, white, and  */
	color: #fff;                          
	background:#999;
}


/* -----------------------------------------------------------------------------
 * TOP MENU  "navsite"
 * The following section defines the style for the menu that runs across 
 * top of every page in the site.  The top menu is located directly below the
 * banner.
 * 
 * Notes:
 *   Feb 24, 2006 (J. Orndorff) - created.
 * ----------------------------------------------------------------------------*/ 
#navsite {
	font: normal 11px Verdana, sans-serf;
	text-align: center;
}

#navsite h4 {
                                         /* hide the menu title.  Why bother?  */
																				 /* Because if the CSS is disabled for */
																				 /* some reason, it would be nice to   */
																				 /* have the menu item list titled.    */
  display: none;                         
}

#navsite ul {
  padding: 3px 0;                        /* space on top and bottom            */
	margin-left: 0;                        /* no left margin                     */
	margin-top: 0px;
	border-top:   1px solid #A6A685;       /* dark brown bottom border           */
	border-bottom: 1px solid #A6A685;      /* dark brown bottom border           */
	background: #C3C49E;                   /* light brown background color       */
	text-align: center;
}

#navsite ul li {
	list-style: none;                      /* shows menu items w/o decorations   */
	margin: 0;                             /* no margins                         */
	display: inline;                       /* shows menu items all on one line   */
}


#navsite ul li a {                    
  padding: 3px 30px;                     /* space between each link            */
	margin-left: 3px;                      /* left indent                        */
	border-bottom: none;                   /* no bottom border                   */
	text-decoration: none;                 /* no underlines on the links         */
}

#navsite ul li a:link {
  color: #000000;                        /* link color is blue-gray            */
}

#navsite ul li a:visited {
  color: #000000;                        /* visited link is same color as link */
}

#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
  color: #000000;                        /* hover links are same color as link */
	background: #EDEDC7;                   /* but have a lighter beige background*/
	border-top:   1px solid #A6A685;       /* dark brown bottom border           */
}





/* -----------------------------------------------------------------------------
 * LEFT MENU
 * The following section defines the style for the menu that runs down the left
 * side of every document.
 * 
 * Notes:
 *   Feb 24, 2006 (J. Orndorff) - created.
 * ----------------------------------------------------------------------------*/  
#leftmenu {
	font: bold 11px Verdana, Arial, sans-serif;
	width: 12em;
	border-right: 1px solid #C3C49E;
	margin-bottom: 1em;
	float: left;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 24px;
}

#leftmenu ul  {
  list-style: none;                       /* no bullets for each menu item    */
	padding: 0;
	margin-left: 0;
	padding-left: 0;
}


#leftmenu ul li a {
	text-decoration: none;                  /* no underlines for the links     */
	                                        /* keeps everything from being     */
	                                        /* bunched up at the top           */
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:6px;
	margin: 0;
}

#leftmenu ul li  a:link:hover, #leftmenu ul li a:visited:hover {
                                          /* change background color on      */
																					/* mouseover                       */
	background: #C3C49E;
}


                                          /* sub-menu item defnitions        */
#leftmenu ul li ul {
  list-style: none;
	margin: 0;
	padding: 0;
	width: 11em;
}

#leftmenu ul li ul li {
  margin: 0;
}

#leftmenu ul li ul li a {
  display: block;
  padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	border-left: 10px solid #F5F5D7;
	color: #444;                            /* submenu items have diff. color    */
	font-weight: normal;                    /* and are not bold                  */
}

html>body #leftmenu ul li ul li a {
  width: auto;
}

#leftmenu ul li ul li a:hover {
	border-left: 10px solid #C3C49E;
	text-decoration: none;	
	font-weight: normal;
}

#leftsubmenu {
  display: block;
}

                                         /* definitions for any text in the    */
																				 /* menu column (e.g. quotes, etc)     */
#leftmenu p {
  color: #666;                           /* use a lighter color than gen. text */
	font: italic 10px Verdana, Arial, sans-serif;
	padding-top:1em;
}

                                         /* search field items --------------- */
#leftmenu input, textarea {
	font-weight: normal;                   /* don't bold the search field font   */
}



/* -----------------------------------------------------------------------------
 * CONTENT
 * The following section defines the style for the main content section of
 * each page.
 * 
 * Notes:
 *   Feb 24, 2006 (J. Orndorff) - created.
 * ----------------------------------------------------------------------------*/  
#content{
	padding: 0 3% 0 0;
	margin-left: 13em;
}

/* -----------------------------------------------------------------------------
 * ANNOUNCEMENTS
 * The following section defines the style for an "announcements" column on
 * the right side of the page.
 * 
 * Notes:
 *   Feb 24, 2006 (J. Orndorff) - created.
 * ----------------------------------------------------------------------------*/  
#announcements{
	float: right;                           /* position the column on the right  */
	
	border-left: 1px solid #C3C49E;         /* very light border on left side    */
	padding-bottom: 39em;                   /* pad the bottom with extra space   */
	padding-left: 6px;
	padding-right: 3px;
	
  margin-left:6px;
	margin-top: 3px; 
	
	font-size: 10px;                        /* text size for this column         */
	width: 120px;                           /* hard-coded width for this column  */
}

#announcements ul {
  list-style: none;                       /* no list item decorations          */
	margin: 3px;                            
	padding: 0;
}

/* -----------------------------------------------------------------------------
 * FOOTER
 * The following section defines the style for the footer that is at the bottom
 * of every page.
 * 
 * Notes:
 *   Feb 24, 2006 (J. Orndorff) - created.
 * ----------------------------------------------------------------------------*/  
#footer {
	margin-top: 5em;
	margin-bottom: 5px;
	
	
	font: normal 10px serif;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;

/*border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc; 
  background: #CCCCCC; */

}