/* CommonMaster.css is for unique styles in the CommonMaster page */
/* Many other master pages inherit this as well */

/*Elastic design uses em values for all elements. 
http://v1.jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css
1em = 16px, 0.5em = 8px, 10em = 160px , 
.625 = 10px, .687 = 11px, .75em = 12px
.0625 x PX size desired = em to use.
NOTE:  em's are relative, .5em whose parent is .5 will render .25em.
*/
/*----------------------------------------------------
/* CSS for base tags
/*----------------------------------------------------*/
html, body      /* re-add ',form' and change overflow: hidden after scroll is worked out with map - then delete form css below */
{      
	height: 100%;      
    margin: 0px;      
    padding: 0px;
    background-color: #FDF9ED; /* #FDF9ED off-white */
    /*overflow: auto;  hidden will hide the disabled scrollbar */
    overflow: hidden; /* hidden will hide the disabled scrollbar */
    font-size: .875em;
} 
 
form      
{      
	height: 100%;      
    margin: 0px;      
    padding: 0px;
    background-color: #FDF9ED; /* #FDF9ED off-white */
    overflow: hidden; /* hides the disabled scrollbar */
}   
/* HEADER section */
#headerLeft {
	width: 214px;
   	float: left;
	z-index: 1;
}
#headerRight {
	position: absolute;
	right: 10px;
	width: 63px;
	margin-top: -7px;
	
	/* float: right;
	margin-left: -63px; */
}
#headerCenter { 
	float: left;
	margin-right: 70px;
	/* margin-left: 256px; */
	margin-top: -10px;
	overflow: hidden;
	height: 74px;
	position: absolute; 
	z-index: 100
}
#header 
{
    background-color: #FDF9ED; /* off-white */
	height:120px;
	border-top-style: solid;
	border-top-color: #BE540D;
	border-top-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #BE540D;
	border-bottom-width: 1px;
}
#footer 
{
	clear:both;
	text-align: center;
    background-color: #FDF9ED;
	border-bottom-style: solid;
	border-bottom-color: #BE540D;
	border-bottom-width: 2px;
	height:18px;
}
a.govMElogoLink /* govME logo at top left of page */
{
	background-image: url("../Images/govMElogo.jpg"); /* old logo */
	height: 74px;
	width: 199px;  
/*	background-image: url("../Images/MyTacoma/govMELogo_nobar.gif");  /* new logo */
/*	width: 146px; 
	height: 48px; */
   	float: left;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: -10px;
}
a.COTlogoLink /* mountain logo at top right of page */
{
	background-image: url("../Images/COTLogoLink.gif");
	height: 74px;
	width: 53px;
   	float: right;
   	margin-right: 10px;
}

.loggedInAs
{
	margin: 4px 10px 0px 0px;
	float: right;
}
.tagLine
{
	font-family: Trebuchet MS;
    font-size: .81em;/*10px;*/
	font-style: italic;
	font-weight: bold;
	color: #BE540D;
	margin-left:10px;
	margin-bottom: 0px;
	float: left;
}
.wrapper
{
	clear: both;
	text-align: left;
	margin: 0px auto 10px auto;
	padding: 0px;
	border: 0;
	width: 100%;
	height: 78px;
}
.wrapTagLoginAs
{
	clear: both;
	text-align: left;
	margin: 0px auto 10px auto;
	padding: 0px;
	border: 0;
	width: 100%;
	height: 12px;
}
.center
{
	margin: auto;
    width: auto;
}
.topLinks
{
   	text-align: right;
	width: 99%;
	margin: -8px 10px 10px 0px;
	height: 22px;
    font-size: .813em; /*10px;*/
    color:#6886a5;
    float: right;
}
a.headerLinks 
{
	font-family: Trebuchet MS;
    font-size: 1.1em;
    color:#022b59; /* 6886a5  022b59*/
    text-decoration: none;
}
a.headerLinks:hover
{
	text-decoration:underline;
}


/* END HEADER section */
/* FOOTER styles */
.footerLinks
{
	font-family: Trebuchet MS;
    font-size: .95em;/*10px;*/
    color:#022b59; /* 6886a5  022b59*/
    text-decoration: none;
}
.footerLinks:hover
{
	text-decoration:underline;
}
.WaRelaySvcsInfo
{
	font-family: Trebuchet MS;
    font-size: .85em; /*12px; */
    color:#022b59; /* 6886a5*/
    text-decoration: none;
}
/* END FOOTER section */