/* style3a_Table_800wide.css */

/* - - for DETAIL Pages  - - */
/* - - note: #container background-image is  container_800solid_BabyBlueColumn.gif = blue left column #ccdcec + light gray #e8e8e8 */
/* - - - - - - - - - - - - - */

/* Jan.  7, 2006 - remove background-image on masthead. pointed back a directory but not to imagesCommon; not found. Logo fills width anyway*/
/* Jan.  5, 2006 - font-family: "Times New Roman" in quotes.  Comment on float in masthead. */

/* Dec. 29, 2006 - changed sidebar width to 195 from 185, reducing margin-left from 10 to 0 */
/* Dec. 29, 2006 - added 1px border left and right to container */
/* Dec. 25, 2006 - sidebar background-color: #d0e0f0 - slightly brighter than #ccdcec */
/* Dec. 25, 2006 - made sidebar 185 wide, not 160.  (185 + 10 left margin + 4 padding = 199). */ 
/*          Masthead and Total width 800 (not 775). Sidebar + left margin: 199 + (582 content + padding 5 + 4, + 10 right margin) */
/* Dec. 25, 2006 - body background-color: #000000, not deep blue */


body { 
	margin: 0;
	color: #000;  
	font-family: "Times New Roman", Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	background-repeat:repeat-x;
	background-color: #000000;
 	background-image: url('../imagesCommon/blue_graded_background60.gif');  
}

/* div id agmselections on main page needs different colors on text hyperlinks because of dark blue background image */
/* white text on DARK blue background-color that matches background-image of agm products */
#agmselections a {
  	background-color: #00c;
 	text-decoration: underline;
	color: #fff;
}

/* agmselections div hyperlinks a:hover - medium blue background-color, not white like a:hover in sidebar */
/* white text with medium blue background-color: #36f (not white) or you can't see text */
#agmselections a:hover {        
  	background-color: #36f;
 	text-decoration: underline;
	color: #fff;
}

/* Dec. 29, 2006 - added 1px border left and right to container */
#container {    
	width: 800px;                  /* container used on fixed-width pages with fuzz-out vertical border around centered page edges*/
	margin-top: 0;
	margin-right: auto;            /* margin-right: auto  and margin-left: auto make centered in Firefox but not IE6 or IE7. */
 	margin-left: auto; 		 /* To make IE center it, put <center> around container div but left-align table columns within container*/
	margin-bottom: 0;
	/* border is OUTSIDE container (unlike padding which would use space inside a container)*/
	border-left:   1px solid #666;
	border-right:  1px solid #666;
	background-repeat: repeat-y;	 /*repeat-y makes image repeat vertically top to bottom. -(Image may just be a gradient border stripe)*/
	background-image: url("../imagesCommon/container_800solid_BabyBlueColumn.gif");
						 /*path relative to /styles directory; back one then down to imagesCommon dir*/
						 /*won't see image edge unless sidebar has margin-left: 10px indent to avoid covering edge */
}  

/* ------ FIXED-WIDTH masthead, not 100% -------*/
/* Note: Must go BACK A DIRECTORY ../ from /styles to find images (diff relative path from .htm file) */
#masthead {
  	width: 800px;     /*FIXED-WIDTH, not 100% */
	margin: 0;
	text-align: right; 
      float: left;      /* but masthead IMG really controls it. Yet this page needs float left here also if masthead img float left. */
				/* or images left-aligned.  If masthead img doesnt say, then ok to leave float left here */
				/* Using Table for left menu column eliminated risk of menu items floating up beside logo image in masthead. */
	overflow: hidden;  
/* 	background-image: url('../imagesCommon/blue_graded_background60.gif'); */
	/* Note: Finding image: If this stylesheet is in /styles, then must go BACK a directory ../ to find images where .htm file is */
}
#masthead img {
	margin: 0;
	padding: 0;
}
#masthead p {
	font-size: small;
	color: #000;
	margin: 10px 10px 0px 0px;
	padding: 0;
}

#content {
                     /* for 800-wide total: (sidebar 199 = 195 + padding-left 4) + (content 591 = 582 + 9 padding) + right-margin if any */ 
	width: 582px;  
	padding-left: 5px;          
	padding-right: 4px;          
	overflow: visible;          /* make visible, not auto with scrollbar, or hidden (truncated) */  
	background-color: #e9e9e9;  /* #e9e9e9 = light gray */
	margin-right: 0px;	    /* allow margin if want vertical edge of #container background-image to show through */
}
#content p
{
	margin: 10px 10px 0px 0px;  /* in content - paragraph margin-top, right, bottom, left */
}

/* Dec. 29, 2006 - made sidebar 195 wide, not 185, reducing margin-left from 10 to 0 */
/* Dec. 24, 2006 - made sidebar 185 wide, not 160  */
                     /* for 800-wide total: (sidebar 199 = 195 + padding-left 4) + (content 591 = 582 + 9 padding) + right-margin if any */ 
#sidebar {
	position: relative; left: 0px; 
	overflow: visible;   		       /* visible is default, hidden truncates overflowed data, auto gives scrollbar.*/  
	width: 195px;
	padding-left: 4px;                   /* narrow screen no room for padding*/
/*	background-color: #ccddee;   */
	background-color: #d0e0f0;
	margin-left:  0px;   
      height: 100%;        /* to take full screen height down to footer. Works in Firefox, but Internet Explorer shows container color through*/
}

#sidebar a:hover {
	text-decoration: underline;
	font-weight: normal;          /* changed from bold to normal -avoid wrap*/
	background-color: #fff;
}


/*-----------------------------------------------------------------------------------------------------*/
/* Styles for Sidebar menu - if using <ul> unordered list for hyperlinks */
#sidebar ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#sidebar li {
	line-height: 15px;
      /* need some kind of border or InternetExplorer makes wide vertical spacing between list item lines - strange. Border-bottom color can = background-color of sidebar if dont want to see border line*/
	border-bottom: 1px solid #666;
}

/* below style for Left Menu list-item  anchors: */
#sidebar li a {
	text-decoration: none;
	font-weight: normal;
	padding: 2px; /* Padding 3px makes li about 24.5px tall on FireFox textsize normal, 31.4  if textsize 2 sizes larger */
	display: block;
}
/* ABOVE STYLES APPLY ONLY IF USING A LIST <ul> WITHIN SIDEBAR */
/*-----------------------------------------------------------------------------------------------------*/


#footer {
	background-color: #d0e0f0;     /* #d0e0f0 = baby blue.  #ddcccc = peach/pink */
	padding-bottom: 5px;
}

/* Styles for Footer */
#footer p {
	font-size: small;
	text-align: center;
	color: #000000;         /* change text color to black (was #393939 in original Template)*/
	margin: 10px;
	padding: 1px;
}
#footer a {
	color: #000;		/* change text color to black (was #393939 in original Template)*/
	text-decoration: underline;
}
#footer a:hover {
	color: #000;
	text-decoration: none;
	background-color: #fff;
}

/*-----------------------------------------------------------------------------------------------------*/
/* Styles for Links */
/* Better to comment all this out & let browser defaults work - tells user what links he visited */
/* a {              */              
/* 	color: #036;  */  
/* 	text-decoration: underline;  */
/* }                */
/*-----------------------------------------------------------------------------------------------------*/
/* below a:hover affects any links not specified in other divisions like #sidebar or #agmselections */
a:hover {        
 	text-decoration: underline;
	background-color: #fff;
}