/***********************
Layout style for montgomerycountymd.gov
This defines only the layout(s).
************************/


/***********************
skipmenu START.
************************/

div#skipmenu{position:relative;}
div#skipmenu a.skippy{
	position:absolute;
	top: -1000px;
	left:-1000px;
	height: 1px;
	width: 1px;
	overflow:hidden;}

div#skipmenu a.skippy:active, div#skipmenu a.skippy:focus, div#skipmenu a.skippy:hover{
	position: absolute;
	top:auto;
	left:auto;
	width:100%;
	height: 1em;
	width: auto;
	font-size:1em;
	font-weight:bold;
	width:100%;
	padding-bottom:15px;
	color: black;
	z-index:100;
	text-align:right;
	margin-bottom:25px;}

/***********************
skipmenu END.
************************/


/***********************
'logoprint' hides printable version of county emblem artwork.
************************/

#logoprint {
display: none;
}

/***********************
Below styles are for global 
format for text and links.
************************/
/*A:link    {
	color:#355997;
	text-decoration: none;
}
A:visited {
	color:#355997;
	text-decoration: none;
}
A:hover   {
	color:#663333;
	text-decoration: underline;
}
A:active  {
	color:#FF0000;
}*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #FFF;
	background-image: url(https://montgomerycountymd.gov/mcg/resources/images/bkg2.gif);
}

/***********************
Style for layouts.
Use '.thrColFixHdr' to stay 
away from common name space.

	#container
	   #header
	   #sidebar1
	   #mainContent
	   #sidebar2
	   #footer

************************/

.thrColFixHdr #container { 
	width: 960px;  
	background: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #666666;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.thrColFixHdr #header {
	border-top: 2px solid #EEE;
	border-bottom: 2px solid #EEE;
	/*	background-image: url(/design11/images/header_blue_emblem.png);
	background-repeat: no-repeat;*/
	padding: 0px;
	margin: 0px;
	background-position: 0px;
	height: 90px;
	/*background-image: url(/design11/images/header_strathmore.jpg);*/
} 

.thrColFixHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
	font-size: 24px;
}

.thrColFixHdr #siteheader_3col {
	float: left;
	width: 760px;
	padding: 0;
	margin: 0 0 0 10px;
	/*border: 2px solid #eee;*/
}
.thrColFixHdr #siteheader_2col { 
	float: left; 
	width: 760px; 
	padding: 0;
	margin: 0 0 0 10px;
	/*border: 2px solid #eee;*/
}
.thrColFixHdr #siteheader_2col img{ 
	padding: 3px 0 0 0;
	margin: 0 0 0 10px;
}
.thrColFixHdr #siteheader_3col img{ 
	padding: 3px 0 0 0;
	margin: 0 0 0 10px;
}

.thrColFixHdr #sidebar1 { 
	float: left; 
	width: 180px; 
	border-top: 2px solid #eee;
}

.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px /* padding keeps the content of the div away from the edges */
}

.thrColFixHdr #sidebar2 P{
	margin: 0px;
	padding: 10px 0 2px 0;
	font-size: .8em;
}
.thrColFixHdr #sidebar2 img{
	padding: 0px 10px 0px 0px;
	float: left;
}

.thrColFixHdr #mainContent {
	padding: 10px;
	margin: 0px 190px 10px 190px;
} 

.thrColFixHdr #mainContent_2col {
	padding: 10px; 
	margin: 0px 0px 10px 190px;
} 

.thrColFixHdr #mainContent_1col {
	padding: 10px; 
	margin: 0px 0px 10px 0px;
} 

.thrColFixHdr #btn_icon{
 float:left; 
 padding: 0px 10px 0px 0px;
/* clear: both;*/
}

.thrColFixHdr #footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	background-color: #355997;
	color: #FFFFFF;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
} 
.thrColFixHdr #footer a:link{color: #FFFFFF;} 
.thrColFixHdr #footer a:visited{color: #FFFFFF;} 

/***********************
Below styles are for common 
use for specific functions.
************************/

.appHeader {
	font-size: 18px;
	color: #FFFFFF;
}

.thrColFixHdr #appContent {
	padding: 10px; 
	margin: 10px;
} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* The style for the blackout div that appears when the exit dialog is shown. */
#ln-blackout {position:fixed; top:0; left:0; width:100%; height:100%; background-color:#514004;}

/* This style is for a container that holds the message dialog box. It has been added primarily to help with positioning. I know some people would complain about this, but it seems more efficient this way even it is isn't semanitc. */
#ln-messageHolder {position:fixed; top:200px; left:0; width:100%;}

/* This style is for the div that holds the actual exit dialog. */
#ln-messageBox {width:460px; margin:0 auto; min-height:200px; background-color:#fff; border:10px solid #e6e6e6; -moz-box-shadow:0 0 20px 10px #666; -webkit-box-shadow:0 0 20px #666; text-align:center; padding:20px;}

/* This style is applied to the link that closes the dialog. */
a#ln-cancelLink {background-color:#e6e6e6; font-weight:bold; padding:5px; color:#666; text-decoration:none; text-transform:uppercase; font-size:0.8em;}
a#ln-cancelLink:hover {background-color:#666; color:#e6e6e6;}

/* This style is for the box that holds the section that says where the user is being directed to. */
.setoff {background-color:#f2f2f2; padding:5px; margin:10px 0 20px 0;}

.centerTrans
{
    width:240px; 
	margin:0px auto;	
	text-align:left;
}

.centerTrans img
{
	float:right; 
	width:43px; 
	height:43px; 
	padding-left:10px;
}


.translate
{
    
	border:1px solid #1f3f69;
	-moz-border-radius: 5px;
	border-radius: 5px;
    width:178px;
    height:43px;
    background-color:#f6f6f6;
    overflow:hidden;
}

.googleTrans
{
	height:18px;
	overflow:hidden;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
}


.whiteBorder2
{
	border-top:3px solid #fff;
	border:3px solid #fff;
	padding:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.goog-te-banner-frame.skiptranslate {display: none !important;} 
body { top: 0px !important; }