/*
 *
 *
 *
 *
 *
 * layout and nav
 * b
 */

		body, html

		{
			margin: 0;
			padding: 0;
			margin-bottom: -1px;
		}		

#header, #footer{
	background-color:#333;
	margin:0 0;
}
#container{
	background-color:#fcfcfc;
	overflow:hidden;
	margin:0 0;
	padding-left:186px; /* The width of the rail */
}
* html #container{
	height:1%; /* So IE plays nice */
}
#content{
	background-color:#fefefe;
	width:100%;
	border-left:186px solid #111; /* The width and color of the rail */
	margin-left:-186px; /* Hat tip to Ryan Brill */
	float:right;
}
#nav{
	background-color:#111;
	width:186px;
	float:left;
	margin-left:-186px;
	display:inline; /* So IE plays nice */
}

li#glhomelink {display:none;}

#pagetitle {margin-top:2em;}
#pagetitle, #contentbody {padding-left: 2em; padding-right: 1em;}
#contentbody {padding-bottom: 1.5em; padding-top:0;}

#urhere {padding-left: 1em !important;margin-bottom:-1px !important;}
#nav {margin-top:-1px !important;}

	#wrapper
		{
			background-image: url(/whotabs/sitefiles/brdrbg.gif);
			background-repeat: repeat-y;
		}
		#banner
		{
			border-bottom: 1px solid #333;
			background-image: url(/whotabs/sitefiles/banner.gif);
			background-repeat: repeat-y; 
			background-position: left;
			background-color: #333 !important;
			clear:both; 
			display:block; 
			min-height:88px;
			
/*			background: #333 linear-gradient(to right, #000 200px, #333, #333) fixed; */
	}


		/* for restricted liquid width */

#banner {background-color:#000;}

  /* exps */
  body.sectab #outer, body#home #outer {
  	background-color: #000;
  }

body {
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: fixed;
}

body.sectab, body#home {
	background-image: url(/whotabs/sitefiles/bg-b.gif);
        background: linear-gradient(to bottom, #000 calc(75vh - 175px), #1a1a1a) fixed;
}

body.secresource, body.secequip, body#e404 {
	background-image: url(/whotabs/sitefiles/bg-g.gif);
	background: linear-gradient(to bottom, #ccc calc(75vh - 175px), #8e8e8e) fixed;
}



body#e404 {
       background-color: #ccc;
}
body#e404 #outer {

	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}


#outer {
	margin-left: auto;
	margin-right: auto;
	width: 90% !important;

	max-width: 1204px;
min-width:692px;

}

body.secequip, body.secresource {
	background-color: #ccc !important;
}


  body.sectab #outer, body#home #outer {
  	background-color: #000;
		border-left: 1px solid #333;
	border-right: 1px solid #333;
  }

  body.secequip #wrapper, body.secresource #wrapper {
  	background-color: #fcfcfc;
  }
  
body.secequip #outer, body.secresource #outer {
background-color: #fcfcfc;
			border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}



 div#footer {
  	background: Black !important;
  }
  
  body.secequip div#footer, body.secresource div#footer {
  	background-color: #fff !important;
  }
  
  div#footer hr {
  	display: none !important;
  }
  
  div#footernav {
  	border: none;
  }
  
    #urhere {
/*	margin-right: 186px;
	margin-left: 0;*/
	padding-left: 12px;
}

body.secequip div#footernav, body.secresource div#footernav {
	border-top:1px solid #ccc;
}

body.sectab div#parentsite, body#home div#parentsite {float: right;}

body.sectab #stmt1, body#home #stmt1 {

margin-right: 106px;
margin-left:auto;
	}

	/* table size fix for limited width */
body#ptgear table.equiptable td {
font-size: 86%;
}




/*
 *
 * media
 **************************
 */
 
 
 /* media width */
 
@media screen and (max-width: 950px) {
 /* equip dual lists */
div.innernav
div.innernavcol1 {
	float: none;
	width: auto;
	padding: 0;
}
div.innernav
div.innernavcol2 {
	float: none;
	width: auto;
	padding: 0em;
}

div#siteupdate2 {
 margin-right: 16.5em;
}

div#sidebarhm {
width: 15.5em;
}


div.mediaobject, img {max-width:100% !important; height: auto !important;}
div.photo, div.photo img {max-width: 100% !important; height: auto !important;}


}

@media screen and (max-width: 850px) {

div#siteupdate2 {
 margin-right: 16em;
}

div#sidebarhm {
width: 15.0em;
}

}

@media screen and (max-width: 800px) {

div#siteupdate2 {
 margin-right: 15em;
}
div#sidebarhm {
width: 14.0em;
}

}


@media screen and (max-width: 780px)  {
#contentbody li, #contentbody p {
line-height : 1.4em !important;
 }

div#sitenews {display:none;}
#nav {float:left; float:none !important; width: 100%; display:block; margin:0 !important; /*position:absolute; padding:0 !important;*/ height:auto !important; /*min-height: 1.5em;*/clear:both; position:relative; z-index:10;

border-bottom: 1px solid #333 !important;
}
#nav ul {display:block !important; width:100% !important; margin:0 !important; min-height:1.25em; float:none !important;}

#nav:after, #nav:before {display:block; content:"."; clear:both; height:0; visibility:hidden;}
#nav ul ul {min-height:0;}

/*
#nav ul li strong, #nav #glsectab ul li, #nav #glsecequip ul li, #nav #glsecres ul li {display:none;}
#nav #glsectab ul li#gltab, #nav #glsecequip ul li#glequip, #nav #glsecres ul li#glresources {display:inline !important; height: 1.4em; width: 20em; }
#nav #glsectab ul li#gltab a, #nav #glsecequip ul li#glequip a, #nav #glsecres ul li#glresources a {float:left; display:inline-block !important; z-index:20; position:relative; }
*/

#nav ul li {width:auto !important; float:left; padding:0 !important; margin: 0 !important;}
#nav ul li ul {display:none !important;}

#nav ul li a {font-size: 1.25em !important;
font-family:Tahoma, Arial, Helvetica, sans-serif !important;
display:inline-block;
width:100%;
margin-left: 0 !important;
}
li#glhomelink {display:inline-block;}
#nav ul li strong {display:inline-block; margin:0; width:auto; padding: 0.5em; text-transform:none;}

div#banner {height:88px; padding:0 !important; margin:0 !important; overflow:hidden !important; min-height:88px; clear:both;display:block; border-bottom-width:3px;}
/* undo container */
div#wrapper, div#container {margin:0 !important; float:none !important; padding:0 !important; min-width:0; overflow:hidden;}
body, div#outer {float:none !important; width:100% !important; margin:0 !important; min-width:0 !important; padding:0 !important; background-image:none; border:none !important;}
div#pagetitle {margin-left:0; padding-left:0.5em; padding-right: 0.5em;}
div#contentbody {padding-left: 0 !important; padding-right:0; }
/* compare */
  div#contentbody {padding:0.5em !important; padding: 0.125em !important;margin: 0.5em 0.5em 1em 0.5em;}
div#urhere {display:block !important; clear:both !important; /*margin-top: 2.25em !important; */float:none !important; position:relative; width:auto;}
div#urhere:before {content:"You are here: ";}

#contentbody blockquote {margin-left: 0.5em; margin-right: 0.5em;}

/* home only */
#home div#sidebarhm {display:none;}
#home div#siteupdate2 {width:auto !important; margin:0;}
#home #welcomemsg {margin:2em 0 0 0 !important; width:auto; }

div#footernav ul li {padding: 0.25em !important;}
}


@media screen and (max-width: 600px) {
  
div#banner p#subtitle {font-size: 100%; }

#footernav ul li {padding: 0.25em !important;}
div#footernav ul li.first,
div#footernav ul li.last,
div#footernav ul li {display:list-item; border:none; float:none; text-align:left !important;}

.photo.r {margin:0 !important; float:none !important;}

}


/* media width */
@media screen and (max-width: 480px) {
#contentbody li, #contentbody p {
line-height : 1.2em !important;
 }
/*div.photo,  */
div.mediaobject,
/*div.photo*/
 img {max-width:100% !important; overflow:hidden; height: auto !important;}
 div.photo, div.photo img {max-width: 100%; height: auto;}
 


#nav ul li a {padding-left:4px !important;}
/*#nav {overflow:hidden;border-top: 2px solid #333; }*/
#nav ul {margin:0;}
#banner {overflow:hidden;}
div#banner p#subtitle {font-size: 100%; font-weight:normal !important; }

div#banner {height:60px !important; background-color: #111 !important; padding:0 !important; margin:0 !important; border:none !important; overflow:hidden !important; min-height:0;}

#nav {height: 2em !important; background-color: #333;}

div#sitetitle {float:none !important;}


p.abstract {margin:0 !important;}
#pagetitle h1 {font-size: 15pt}

.secequip div.sidebartable {float:none !important;margin:0 0 1em 0; width:auto; clear:both;}

  div#sitetitle {width:100% !important; height:60px !important;
overflow:hidden;
padding:0 !important; margin:0 !important;
}
 div#sitetitle span, div#sitetitle a {
	background: #000 url(/whotabs/sitefiles/whotabslogo180.gif) no-repeat center left !important;
	height: 60px;
	width: 183px;
	display:block;
	width:100% !important;


}



div#sitetitle {float:none; margin: 0px; display:block;}

div#sitetitle span { margin-bottom: 0px;
 display: block;
 position: relative;
 z-index: 1;
}
div#banner {height:60px !important; padding:0 !important; margin:0 !important; border:none !important; overflow:hidden !important; min-height:0;}


div.equipnav ul li.first, div.equipnav ul li.last, 
div.equipnav ul li, 
div#footernav ul li.first,
div#footernav ul li.last,
div#footernav ul li {display:list-item; border:none; float:none; text-align:left !important;}
div#parentsite {display:none !important;}

#contentbody blockquote {margin-left: 0.5em; margin-right: 0.5em;}
#contentbody .secd ul {padding-left:1em;}
#contentbody .secd blockquote {margin-left: 0em; border-left: 2px solid #b4c3e2; padding-left: 0.5em;}
#contentbody .secd blockquote.callout {border-left: 1px solid #006; margin-left: 0.5em !important; margin-right: 0.5em !important;}
.narrow {width:auto; margin-right:0 !important;}
.photocoll, .photocontainer {float:none !important; width:auto !important;}

div#sitetitle a {margin:0; display:block !important; /*width:100% !important;*/ height:auto !important;}

div#stmt1 {width:auto !important; margin:0 !important;}
}

@media screen and (max-width: 320px) {
#banner p#subtitle {/*display:none;*/}
/*#nav {min-width:400px; overflow:hidden; border:none !important;}*/
#nav ul li a {/*border-right: 1px dotted #ccc; padding:0.125em; */}
#nav ul li a {/*overflow:hidden;*/ /*font-size: 7pt !important;*/}


}












/* nav only */

@media screen and (max-width: 480px)  {

/*
.secresource div#nav li#glsecres ul ,
.secequip div#nav li#glsecequip ul ,
.sectab div#nav li#glsectab ul {display:block !important;  font-size: 0.833333333em; padding:0 !important; position:absolute;}
*/

li#gltab, li#glmisc, li#glgtraz, li#glbassaz, li#gldrumsaz,
li#glequip,
/*li#glresources,*/
li#glhome
 {display:none;}


div#nav ul ul {

}
.secmain div#nav li#glsecres ul,
.secresource div#nav li#glsecres ul ,
.secequip div#nav li#glsecequip ul ,
.sectab div#nav li#glsectab ul {display:block !important;  font-size: 0.833333333em; padding:0 !important; position:absolute;}


div#nav ul ul  {
left:0;

}
div#nav ul ul li:hover {

}
div#nav ul ul li {
	float:			left;
	position:		relative;
}
.div#nav ul ul a {
	display:		block;
	position:		relative;
}




/*** spec horizontal navbar menu ***/
div#nav {
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
	background-color: #333 !important;
}
div#nav li {
	position:		static;
}
div#nav a {
	border-top:		none;
}
div#nav li ul {
	width:			44em;
	background-color: #333 !important;
}
div#nav li li {
	position:		relative;
}
/*div#nav li li ul {
	width:			13em;
}*/

div#nav ul li {
	width:			auto;
	float:			left;
}
div#nav a, div#nav a:visited {
	border:			none;
}

div#nav li ul {background-color: #111;border-top: 1px solid #333;}
div#nav li li a {border-right-width:1px; padding:0.5em !important;  margin-right: 0.0em;
border:none !important;
border-right: 1px dotted #333 !important;
}

#nav ul ul li a:hover {
background-color: #666666 !important;
color: #fff;
}

div#urhere {border-top: 2px solid #333;}

div#nav li strong:hover {background-color: #003;border-color: #999;}


/* home only */
#home div#nav ul ul {display:none !important;}
#home div#nav {height: auto !important; padding-bottom: 0 !Important;}

}



@media screen and (max-width: 400px) {
#banner p#subtitle {display:none;}
div#nav {min-width:400px; overflow-x:hidden; /*border:none !important;*/ height: 2.75em !important; padding-bottom: 2.75em !important;}
/*#nav ul li a {border-right: 1px dotted #ccc; padding:0.125em; }*/
/* #nav ul li a {overflow:hidden; font-size: 0.8333333333333333em !important;} */
div#nav ul li a {font-size: 86% !important;}

}