/* site basic template designs */

@import '/whotabs/sitefiles/css-sectionnav.css';





html {

  font-size: 14px;

}

@media screen and (min-width: 320px) {

  html {

    font-size: calc(14px + 6 * ((100vw - 320px) / 680));

    line-height: calc(1.5em + 6 * ((100vw - 320px) / 680));

  }

}

@media screen and (min-width: 1000px) {

  html {

    font-size: 16px;

    line-height: 1.5em;

  }

}



body {

	background-color: Black;

	color: #ececec;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 100.0%;

}











		#banner

		{

			border-bottom: 1px solid #333;

			/*background-image: url(banner.gif);*/

			background-repeat: repeat-y; 

			background-position: left;

			background-color: #333 !important;

			display:block; 

			min-height:88px;

	}



	* html #banner {

			height:88px;

	}

	

		





		#content

		{

		}



		

		#content h2 { margin-top: 0; margin-top: 2em; }

		#content h2:first-of-type {margin-top: 1em;}

		

		#footer

		{

		margin: 0;

		padding: 1em 0 0 0;

		background-color: #111;

		border-bottom: 1px solid #111;

		border-top: 1px solid #111;

		clear: both;

		display: block;

		font-size: 86%;

}



		.friendly {position:absolute !important; margin-left:-9999em !important;}





		

		#nav p { margin-top: 0; }

#nav {

	padding: 0;

	font-family: "Trebuchet MS", "Bitsream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;

	background-color: #111;

	color: #333;

	font-size: 86%;



margin-top:-1px;

	}



#nav acronym, #nav abbr {border-bottom:none; cursor:pointer; text-decoration: none;}



	#nav ul {

		list-style: none;

		margin: 0;

		padding: 0;

		border: none;

margin-bottom:1em;

		}

		

	#nav li {

		margin: 0;

		padding: 0;

		list-style-type: none;

		}



	#nav ul ul li a {

		display: block;

		padding: 4px 5px 4px 0.5em;

	padding:0.45em;

		background-color: #111;

		color: #fcfcfc;

		text-decoration: none;

		width: 100%;
		border-bottom: 1px solid #111;

		text-transform: capitalize;

		border-right: 5px solid #111;

		}





		

		/* a width hack \*/

	* html #nav ul ul li a {

			width: 186px;

			height: 1.2em;

			w\idth: auto;

		}

		/* end hack */



html>body #nav ul ul li a {



				height: auto;

				width: auto;

}		

		



	#nav ul ul li a:hover {



border-right-color: #F00;

border-bottom-color: #666666;

background-color: #333;

		color: #fff;

}

		

#nav ul ul li a:active {

border-right-color: #F00;

}



		

#nav ul li strong a {color: #aaa; text-decoration:none;}		

		

#nav li strong { /* first-level header*/

	text-transform:uppercase;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1em;

	font-weight: bold;

	white-space: nowrap;

	display: block;

	border:1px solid #333; 

	padding: 3px;

	padding-left: 0.75em;



/*padding:0.25em 0.25em 0.25em 0.75em;*/



border-top-color: #111;

border-top-color: #333;



position: relative;

width: auto;

margin:0;

color: #aaa;

background-color: #111;

}

html>body #nav li strong {

margin-right:1px;

z-index:3;

}





* html #nav li strong {/* older IE fix */

	width: 186px;

	w\idth: auto;

}







#nav li ul li {

	text-transform: none;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: normal;

	white-space: normal;

	border: none;

	position: relative;

}

#nav li ul li a {padding-left: 1.75em;}



#nav h2, #nav p {display:none;}







#wrapper {min-width:560px;}



#banner {background-color:#000;}



div#sitetitle, div#sitetitle span, div#sitetitle a {

	background: url(whotabslogo180.gif) no-repeat;

	background: #000 url(whotabslogo180.gif) no-repeat center right;



	height: 60px;

	width: 180px;

	width: 183px;

        text-decoration: none;

}



* html div#sitetitle a, * html div#parentsite a {

	cursor: pointer;

}

div#sitetitle {float:left; margin: 12px 12px 12px 3px; display:block;}

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



div#sitetitle span { margin-bottom: -60px; 

 display: block;

 position: relative;

 z-index: 1;

}



#banner p#subtitle {

	font-family:Georgia, Garamond, "Times New Roman", Times, serif; 

	margin-left: 200px; padding:1em;

	font-size: 115%; 

	font-weight:bold;

	color:#0080FF;  

	margin-bottom:0;

	position:relative; 

	margin-top:0px; 

	display:block;}



/* footer */

#footer li, #footer p {

	font-size:86%;

}



#footer hr {

	display: none;

}

	

#footernav {

	 border-bottom: 0px solid #CCC; 

	margin: 0;

	border-top: 1px solid #999; 

	clear: both; 

padding: 6px 0 6px 0; 

text-align: center; 

}



#footernav hr {

	display: none;

}



#footernav p {

	margin: 0.75em;

	padding: 0;

	clear:both;

}



#footernav h3 {

	display: none;

}



#footernav ul {



margin:0 0 0.5em 0;

padding:0;

}





#footernav ul li {

  display: inline;

  padding-left: 10px;

  padding-right: 10px;

  

  padding-left: 0.25em;

  padding-right: 0.75em;

  margin:0;



 border-right: 1px dotted #333;



  }

  

  #footernav ul li.first {



 	padding-right: 7px;

  }



#footernav ul li.last {

  display: inline;

  padding-left: 10px;

  padding-left: 0.25em;

  padding-right: 3px;

  border-right: 0px;

  } 

  

  #footernav a {

  	white-space: nowrap;

  }

 

  

  /*** footer parts ***/

  div#parentsite, div#parentsite span {

	background: Black url(whologo-sm-tp.gif) no-repeat;

	height: 85px;

	width: 61px;

}



div#parentsite a {

	height: 85px; 

	width: 61px;

}

div#parentsite {margin-right: 4px;	float: left;}



div#parentsite span {

	margin-bottom: -185px;

	  display: block;

 position: relative;

 z-index: 1; }



	/* IE5 Mac Hack \*/

div#parentsite { overflow: hidden; }

/*/

div#parentsite { text-indent: -100em; }

/* End Hack */



 

.hide {

	display: none;

}



/*** breadcrumb ***/



#urhere h3, #urhere p {

	display:none;

}



  

  #urhere {

	color: #333;

	background-color: #ccc;

	padding: 2px 1em 2px 26px; /*must correspond to contentbody padding */

	padding: 3px 1em 3px 26px; /*must correspond to contentbody padding */



	padding-left:1.5em;

       padding-left: 26px;

	border-bottom: 1px solid #666666;

	position: relative;

	font-family: "Trebuchet MS", "Bitsream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;

	font-size: 86%;



	}





#urhere ul {

margin: 0;

padding:0;

	display: inline;

	border: none;

	} 



#urhere ul li {

	margin: 0;

	padding: 0 0 0 2px;

	border: none;

	list-style: none;

	display: inline;

	  	color: #333;

	text-decoration: none;

	font-style: italic;

	}

	

 #urhere li a {

color: #333;

	text-decoration: none;

font-style: normal;

  }

  

html>#urhere li a {

  	border-right:none;

	padding-right: 0;

  }

  

  #urhere li a:hover {

  	text-decoration: underline;

	color: #333;

  }

	

	#urhere ul li:before {

	content: "\0020 \0020 \0020 \00BB \0020";

	color: #333;

	}

	

#urhere ul li.first:before {

	content: " ";

	}



/* hacks moved to gearstyle_ie6 */



.topreference+h2 {

	padding-top: 1em;

}





.sectab #contentbody #toc1 li a {background:url(/whotabs/sitefiles/icon_adowngs.gif) no-repeat 100% 70% !important; padding-right:9px;}



/* sidebar box */

#nav #sitenews {padding:0 0.5em !important; border-top: 1px solid #666666; margin-top: 2em; border-bottom: 1px dashed #333; position:relative;}

#nav #sitenews h3 { color: #C00; margin-top:0.5em;}

#nav #sitenews p {display:block; color: #999;}

#nav #sitenews a {color: #ececec;}

#nav #sitenews a:visited {color: #ccc;}

#nav #sitenews a:hover {color: #f00; text-decoration:none;}

#nav #sitenews a:active {color: #f00;}



h3:target,

h2:target {position:relative;}

h3:target:before,

h2:target:before {content: "\00BB \0020"; position:absolute;margin-left:-1em; font-size: 86%; font-weight:bold; color: #999; }



td h3:target:before {position:relative; margin-left:0;}



tr:nth-of-type(even){

	background-color: #eef4fa;

	background-color: #F7F7F7;

}



#contentbody ins {text-decoration: none;}



/* noscript*/

#noscriptadv {    position: fixed; top: 0px; left: 0px; width: 100%; z-index: 10; text-align: center; font-weight: bold; color: #FFF; background-color: #F00; padding: 8px 0; box-shadow: 1px 1px 8px #424242;opacity: .625;}

#noscriptadv p {line-height: 0; padding:0; margin:0;}