/*indexstyle.css*/

		/***********Universal style rule***********/

*
{ 
/*Block all browser default margins and padding*/
 margin:0;
 padding:0;
/*Temporary borders
 border:dashed 1px #f00;*/
}

		/**********Body**********/
body
{
 background-color:#a4deff;
 background-image:url(webphotos/rrbkg.jpg);
 background-position:left top;
 background-repeat:repeat;
 font-family:arial, helvetica, sans-serif;
}
   /***End Body***/

		

		/**********Wrapper Division**********/ 
#wrapper
{
 width:56em;
 background-color:#fff;
/*Put 20px margin above the wrapper*/
/*Set right and left to auto for centering*/
 margin:20px auto 0 auto;
}
   /***End Wrapper Division***/

					/************Major layout divisions************/


		/**********Branding Division**********/

/*Make branding a positioned element, but don't move it*/
#branding
{
 position:relative;
 width:56em;
 height:6.2em;
 border-bottom:solid 2px #ff3e00;
}

#branding h1
{
 text-align:center;
 font-size:0.8em;
 font-family:'times new roman', arial, tohoma;
 font-style:italic;
 font-weight:bold;
 font-size:x-large;
 color:#001f99;
}

/*Unvisted and visited links in branding division*/

#branding a:link,
#branding a:visited
{
 color:#0f0;
}

/*Hover links in branding division*/
#branding a:hover
{
 color:#0f0;
}

/*Active links in branding division*/
#branding a:active
{
 color:#1bb498;
}
   /***End Branding Division***/

		/**********Left Column Division**********/

#leftcolumn
{
/*Remember, content and navbar left margin must match this width*/
 width:12em; 
 float:left;
  
}
   /***End Left Column Division***/

		/**********Navagation Bar Division**********/

/*Navbar division for vertical navbar only*/
#navbar
{
  /*width was 80%*/
 width:9.5em;
 /*Center horizontally*/
 margin:1em 0;
 text-align:center;
 border-style:double;
 border-color:#ff3e00;  /*#001f99*/
 border-width:medium;
 position:fixed; /*Fixes position of navbar so it moves with scroll*/
}

/*Remove bullets from ul in the navbar*/
#navbar ul
{
 padding:0;
 margin:0;
 list-style-type:none;
 line-height:1;
}

/*List items in navbar*/
#navbar li
{ 
 background:#fff;
  font-family:ariel, tohoma, sans-serif;
  font-size:90%;
  font-weight:bold;
  font-style:italic;
 /*For flyout menus*/
 position:relative;
}

/*Applies to navbar links, visited and unvisited*/
#navbar a,
#navbar a:link,
#navbar a:visited
{
 text-decoration:none;
 font-family:ariel, tohoma, sans-serif;
 font-weight:bold;
 font-style:italic;
 color:#001F99;
 background:#fff; /*fe9352*/
 display:block;
 height:2em;
 width:auto;
 border-right:1px solid #ddd;
 text-align:center;
 line-height:2em;
 outline-style:none;
}

/*Navbar hover, active and current page links*/
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited
{
 background:#fff;
 color:#ff3e00; /*#001F99*/
}
   

		/**********Flyout menu styles***********/
#navbar li ul
{
 position:absolute;
 top:0;
 left:99%;
 z-index:105;
 visibility:hidden;
/*Puts border around drop-downs*/
 border:solid 1px #ff2900;
 border-right:solid 2px #ff3e00;
 border-bottom:solid 2px #ff3e00; 
}

/*Make flyout visible on navbar hover*/
#navbar li:hover ul,
#navbar li a:hover ul
{/* navbar li a:hover ul is a IE6 hack*/
 visibility:visible;
}

/*Applies to links on the flyout menu*/
#navbar li:hover ul li a,
#navbar li a:hover ul li a 
{/*navbar li a:hover ul li a is an IE6 hack*/

 background:#00a;
 color:#fff;
 text-align:left;
 display:block;
 width:10em;
 padding:0 0 0 1em;
 height:auto;
}

/*Hover on flyout menu links*/
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover 
{/* navbar li a:hover ul li a:hover is an IE6 hack*/
 z-index:105; /*new*/
 background:#ff3e00; /*#a4deff*/
 color:#00a;
}

/*IE6 hack applies to its table drop-down*/
#navbar table
{
 margin:-1px;
 border-collapse:collapse;
 position:absolute;
 top:0em;
 left:99%;
 z-index:105;
}
   /***End Flyout Menu Styles***/
   /***End Navigation Bar Division***/


		/**********Content Division**********/

#content
{
 /*left margin must match leftcolumn width*/
 margin-left:12em;
 padding:10px 5px;
 background-color:#fff;
 color:#000;
}

	/*****Style rules for the content division*****/

/*Applies to paragraphs in the content division only*/
#content p
{
 font-size:0.8em;
 line-height:1.25em;
}

/*Applies to all lists in the content division only*/
#content ul,
#content ol
{
 font-size:0.8em;
 padding:10px 0 10px 40px;
 line-height:1em
}

/*Applies to all list items in the content division*/
#content li
{
 margin-bottom:10px;
}

/*Styles h1, h2, h3 elements in the content division only*/
#content h1,
#content h2,
#content h3
{
 text-align:center;
 font-family: arial, 'times new roman', tohoma;
 color:#000;
 font-weight:bold;
 font-style:italic;
 font-variant:small-caps;
 letter-spacing:0.08em;
}

/*Size h1 headings in the content division*/
#content h1
{
 font-size:2em;
 font-family: arial, 'times new roman', tohoma;
 color:#001f99;
}

/*Size h2 headings in the content division*/
#content h2
{
 font-size:1.5em;
}

/*Size h3 headings in the content division*/
#content h3
{
 font-size:1.25em;
 font-style:normal;
}
   /*****End Style Rules for Content Division******/
   /***End Content Division***/


		/**********Footer Division**********/


/*Footer style rules*/

#footer
{
 background-color:#fff;
 border-top:solid 1px #ff3e00;
 padding:0.5em;
 text-align:center;
 clear:both;
}

#footer a:link,
#footer a:visited
{
 /*No underline on links*/
  text-decoration:none;
  color:#001f99;
}

#footer a:hover,
#footer a:active
{
 color:#ff3e00;
 font-weight:bold;
 border:dotted 1px #001f99;
}

.hotkey
{
 text-decoration:underline;
}

   /***End Footer Division***/



 		/*********Acronym and abbreviations style rules for screen readers*********/

acronym, abbr
{
 border-bottom:dotted 1px #333;
 cursor:help;
}
   /***End Acronym and Abbreviations Style Rules for Screen readers***/


		/*********Printer friendly styles***********/

@media print
{
   /*Start printer friendly styles*/

     /*Set wrapper to fill page width*/
        #wrapper
        {
          width:100%;
         }

     /*Hide leftcolumn, rightcolumn, navbar, and footer*/
        #leftcolumn,
        #rightcolumn,
        #navbar,
        #footer
        {
         display:none;
         }

     /*Get rid of content div margins and padding. Use a different font for print*/
        #content
        {
         margin:0;
         padding:0;
         font-family:'century schoolbook', arial, serif;
         font-size:1em;
         }
}
   /***End printer friendly styles***/








