@import url("common.css");
/*DEBNOTE 2015:  the Links code from my own site to model. The styles for the Top Menu of this website is controlled by listmenu_h.css though and the looks of those links/menu items are in that stylesheet. 
Maybe we should find all the not used Link styles and clear them out and use this for Top Nav, another for bottom  Nav, and anotehr for the body. 
	a { color: #004a7b; text-decoration: none }
	a:visited { color: #066 }
	a:hover { color: #09c; text-decoration: underline }
	a:active { color: #ff6 }
	*/

/*The body is not the place to put a border as this surrounds the entire browser page, not the table. */
/*DEBNOTE 2015: Body IS ALWAYS the place to define your sitewide font look so I added a scaLable easy to read font here.  Maybe we go more than 1em*/
/* By addig 	margin-right: auto; and margin-left: auto; the page will center. No need for the Center command which  in turn demands align left on everything. I hope this will work.  BUT IT DID NOT. */
body {
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* DEBNOTE: There should be one enclosing container around the entire page's content so it's cohesive within. Also to give it a border.  But for now this is not a used style.  Maybe wrapper was supposed to work.  */
#container {
border: 2px solid #006600;
}

#AcentTopBanner {
	}
	
/*DEB created this for search in one line below the menu. For background, 3a8e56, is one of the lightest colors from the Ascent logo. For test I used the darkest green.  */	
#search2015 {
	width: 800px;
	text-align: right;
	float: right;
	padding-bottom: 3px;
	color: #224e00;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}	

#header {
	margin: 0px;
	text-align: left;
	position: relative;	
	xxpadding: 5px;
}
/* DEB commenting out all suposedly unused styles Feb 18 2015 
#rightNav {
	margin: 0px;
	text-align: right;
	position: absolute;
	left: 625px;
	top: 85px;
	z-index: 200;
}

#rightNav img { padding-right: 5px; vertical-align: bottom;}

#rightNav div { text-align: left;
	vertical-align: middle;
	height: 28px;}

#toplinksbar {
 width: 1000px;
	position:absolute;
	top:125px;
	left:14px;
	height:20px;
}
	
#toplinksbar ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#toplinksbar li {
	display:inline;
	float:left;
	padding-left:8px;
	padding-right:8px;
}


#breadcrumb {
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
}
*/

#Wrapper {
	text-align: center; 
	left:0px; 
	margin-left:20px;
	top: 140px;
	width: 95%;
}

#Wrapper_home {
	text-align: center; 
	width: 100%;
	padding:20px 0px 0px 0px;
}

#content {
	width: 90%;
	text-align: left; 
	position: relative;
	margin: auto;
}

#content_home {
	text-align: left; 
	position: relative;
	margin: 0;
}
#content_home img {
	 border:2px solid #c8aaaa;
	 /*PINK - but still not the flashing square. */
	margin-left:10px;
}

/*DEBNOTE:#menuCont  located in layout.css, DOES CONTROL the area of the top menu. Changed background from   ffffff to green and no change. Added margins and no change.  ISSUES: March26 2015	 Where is the dead space at the right side of this area coming from????   WHERE IS THE LINK LINE'S HEIGHT */ 
	/* Deb 2015	 removed the background pink image */
/* Deb 2015	 added z-index instead of it being inline on the page. */
/* Deb 2015	 removing bottom margin as test  because I'd added it to place the Search. I don't think this helped and put it back.*/
/* DEBNOTE: Margin puts space between the menus and my Search.   Top margin was  to be instead of the in-page code: <span style="line-height:7px;"><br /></span>  SO March 26 Tried line-height   No help  */	
 /* DebNOTE I did 6px to put the menu mid line. Then March 26 i removed it to see if that effected the mousover but it did not. */
/*  Deb tried   text-align: center;     to center the menu items. Then I disabled it due to the issue. now it is enabled but not centering. */
	/*   text-align: center;  */
/*  ADDING display: block;   didn't help the menu over either*/
	/*margin and padding are inherited from elsewhere so do not help here. Also vertical-align: middle;*/	

#menuCont {
	height: 24px;
	width: 100%;
	background-color: #a3d39c;
	z-index: 1000;
margin-bottom: 20px;    
margin-top: 10px;
	padding-top: 2px;
}


/* Deb 2015	 does nothing? WAS 32px I made it 232 and it did nothing    MARCH 26 reenabled it to see if it fixed the menu issu byt still no.   */
/*  #menuText span { padding-left: 32px; }  */

/*  #helixRoot was the right side of the menu!  Learning from ArticlePage-backup-6-10.htm  BUT When I make it  0px the entire menu stacked left. 100% doeesn't fill it.  It is the same area as the menuCont exactly - but removing menuCont and putting all attributes into helix didn't fix the issue. I even made the font 9px and it still wrapped because of dead space!  */
/*#helixRoot{
	margin-right: 0px;
	padding-right: 0px;
		/*   height: 24px;
	width: 100%;
	background-color: #a3d39c;
	z-index: 1000;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-top: 2px;
	text-align: center;   
}
*/

/* Did NOTHING  
#menuCont #menuText {
	color: #CCFF33;
	width: 100%;
	}
	*/

#footer {
	color: #000066;
	/*padding: 10px 0px 10px 0px;
	margin: 10px 0px 0px 0px;*/
	text-align: center;
      /*width: 100%;
      background-color: #e1f5ff;*/
        
}

/*  DebNote: A heading shoul d have 20 on top and about 4 under. look at this later. */
h1 {
	margin-top: 0px;
	margin-bottom:20px;
} 

/* From here down I put into Common.css but it is not being seen so they are back here too.*/

img {
	border:none;
}
/*Gift frmo DEB, my clear codes*/

.clearB {height: 1px; clear: both;}
.clearL /*shifts to the left, clearing items on the right*/{ height: 1px; clear: left; }
.clearR /*shifts to the right, clearing items on the left*/{ height: 1px; clear: right; }

/*Gift frmo DEB,  for image padding. Align ing left you put margin right.*/
.margin5r { margin-right: 5px }
.margin10r { margin-right: 10px }
.margin20r { margin-right: 20px }
.margin25r { margin-right: 25px }
.margin5l { margin-left: 5px; }
.margin10l { margin-left: 10px; }
.margin20l { margin-left: 20px }
.margin25l { margin-left: 25px }