/* CSS Stylesheet for ASQ */

* {
	margin:0px;
	padding:0px;
	position: relative;
	zoom:1;}
html {
	background-image:url(../../img/main-bg-color.jpg);
	background-repeat:repeat;
	height:100%;}
body {
	background:url(../../img/main-bg.jpg) repeat-x scroll;
	position: static;
	min-height:100%;}
img {
	border:0px;}
ul {
	padding-bottom:1em;}


#Container {
	width:900px;
	margin:0px auto;
	font-family: Arial;
	font-size: 12px;
	color: #333333;}

#Masthead {
	height:180px;
	background-image:url(../../img/masthead-bg2.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border-bottom:solid 1px #999999;}

#HomeLink {
	position: absolute;
	height: 100px;
	width: 350px;
	left: 0px;
	top: 30px;
	z-index: 500;}
.home-link {
	height: 100px;
	width: 350px;}

#Search {
	position:absolute;
	top:35px;
	right:0px;
	height:auto;
	width:auto;
	text-align:right;}
.search-field {
	background-image:url(../../img/search-field.gif);
	background-repeat:no-repeat;
	width:235px;
	height:33px;
	border:0px;
	background-color:transparent;
	font-family:Times;
	font-size:15px;
	color:#666666;
	padding:10px 0px 0px 12px;}
.search-submit {
	background-image:url(../../img/search-submit.gif);
	background-repeat:no-repeat;
	width:65px;
	height:33px;
	border:0px;}


#Nav {
	position:absolute;
	top:100px;
	right: -10px;
	width: 100%;
	height: 70px;
	padding-top: 8px;
	padding-right: 10px;}
#Nav ul {
	list-style-type: none;
	padding-bottom:0px;}
.main-nav {
	float: right;}
.main-nav li {
	height: 28px;
	display: inline;
	float: left;
	margin-left: 2px;}
.main-nav a {
	line-height: 28px;
	height: 28px;
	font-family: Times;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;}
.main-nav a:hover {
	color: #000000;}
.nav-lefty {
	background-image: url(../../img/nav-tab-left.png);
	background-repeat: no-repeat;
	width: 10px;
	height: 28px;
	display: inline;
	float: left;}
.nav-text {
	display: block;
	background-image: url(../../img/nav-tab.png);
	background-repeat: repeat-x;
	height: 28px;
	float: left;}
.nav-righty {
	background-image: url(../../img/nav-tab-right.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 10px;
	display: inline;
	float: left;}
.main-nav a:hover .nav-righty {
	background-image: url(../../img/nav-tab-hover-right.png);}





/* NAV TAB ON HOVER */
.main-nav li.selected .nav-lefty {
	background-image: url(../../img/nav-tab-hover-left.png);}
.main-nav li.selected .nav-text {
	background-image: url(../../img/nav-tab-hover.png);}
.main-nav li.selected .nav-righty {
	background-image: url(../../img/nav-tab-hover-right.png);}



/* NAV TAB CURRENT */
.main-nav li.current .nav-lefty {
	background-image: url(../../img/nav-tab-current-left.png);}
.main-nav li.current .nav-text {
	background-image: url(../../img/nav-tab-current.png);}
.main-nav li.current .nav-righty {
	background-image: url(../../img/nav-tab-current-right.png);}





.subnav {
    display:none;
	padding-top: 18px;
	padding-right: 10px;
	width: 100%;
	position: absolute;
	top: 36px;
	right: 10px;}
.subnav ul {
	text-align: right;
	width: 100%;}
.subnav li {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	color: #CCCCCC;
	display: inline;}
.subnav a {
	color: #666666;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;}
.subnav a:hover {
	color: #000000;
	text-decoration: underline;}
.subnav li.no-border {
	border-width: 0px;}




#PageContent {
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-bottom:solid 3px #666666;
	background-color: #FFFFFF;
	padding-bottom: 0px;}
h1 {
	font-size: 15px;
	padding: 5px 15px 10px;
	color: #000000;}
.title {
	display: block;
	font-size: 26px;
	color: #666666;
	line-height: 26px;}
.super {
	font-size: 60%;
	position: relative;
	bottom: 0.6em;}
h2 {
	font-size: 16px;
	color: #000000;
	line-height: 18px;
	padding-bottom: 3px;
	border-bottom:solid 6px #CCCCCC;
	margin-bottom: 3px;}
h2.blue {
	border-bottom-color: #4088FF;}
h2.yellow {
	border-bottom-color: #FFCA0E;}
h2 a {
	color: #000000;
	text-decoration: none;}
h2 a:hover {
	text-decoration: underline;}
h3 {
	font-size: 13px;
	color: #000000;
	line-height: 16px;}
h3 a {
	color: #000000;
	text-decoration: none;}
h3 a:hover {
	text-decoration: underline;}
h3.blue a {
	color: #2C61B7;
	text-decoration: none;
}
h3.blue a:hover {
	text-decoration: underline;}
p {
	padding-bottom: 6px;
	font-size: 12px;
	line-height: 20px;
	color: #333333;}
p a {
	color: #1E437F;
	text-decoration: underline;}
p a:hover {
	color: #4088FF;}

dt {
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;}
dt a {
	text-decoration: none;
	color: #4088ff;}
dt a:hover {
	text-decoration: underline;}
dd {
	padding-bottom: 8px;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	font-style: italic;
	letter-spacing: 0.025em;}
table#advisory-board dt {
	color: #4088ff;}

.white {
	color:#FFFFFF;}





#MainColumn {
	padding-top: 10px;}

#MainColumn li {
	padding-top: 10px;
	margin-left: 25px;
	color: #333333;
	list-style-type: none;
	list-style-image: url(../../img/star-bullet.png);
	list-style-position: outside;}
.middle-column {
	float: left;
	clear: none;
	width: 471px;}
.wide-column {
	float: left;
	clear: none;
	width: 647px;}
.article {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding: 15px;}
.middle-pad {
	padding: 15px;}
.main-highlight {
	background-color: #F8F8E1;}
.feature-icon {
	background-color: #CCCCCC;
	height: 80px;
	width: 80px;
	border: 1px solid #999999;
	margin-right: 12px;}
.author {
	font-size: 11px;
	line-height: 14px;
	color: #666666;}

#MainColumn table {
	width:90%;
	border-top:solid 1px #666666;
	border-left:solid 1px #666666;
	margin:1em 0px;}
#MainColumn th, #MainColumn td {
	padding:5px;
	border-right:solid 1px #666666;
	border-bottom:solid 1px #666666;
	text-align:left;}
#MainColumn tr.head th {
	background:#666666;
	color:#FFFFFF;}
#MainColumn tr.subhead th {
	background:#99CCFF;
	font-weight:bold;}
.comment_author {
	margin-top: 20px;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}





#LeftColumn {
	width: 250px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	float: left;
	clear: none;}
.left-item {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-right: 12px;
	margin-left: 12px;
	position:relative;}



/* TABLE OF CONTENTS HOVER ITEMS */
.dept-hover {
    display:none;
	position:absolute;
	top:0px;
	left:216px;
	width:550px;
	background:url(../../img/dept-hover-corner.gif) top left no-repeat #ADCEFF;
	padding:10px 20px 10px 40px;
	border:solid 2px #FFFFFF;
	z-index:500;}
.dept-hover a {
	color:#333333;}
.dept-hover a:hover {
	color:#000000;}
	
.coming-hover {
    display:none;
	position:absolute;
	top:0px;
	left:-610px;
	width:550px;
	background:url(../../img/dept-hover-corner-reverse.gif) top right no-repeat #ADCEFF;
	padding:10px 40px 10px 20px;
	border:solid 2px #FFFFFF;
	z-index:500;}
.coming-hover a {
	color:#333333;}
.coming-hover a:hover {
	color:#000000;}

.art-link {
	color: #1E437F;
	text-decoration: underline;}
.art-link a:hover {
	color: #4088FF;}



.header {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-bottom: 0px;
	padding-top: 12px;}

.front {
	z-index: 400;}
.toc-copy {
	line-height: 1.3em;
	font-style: italic;
	padding-bottom: 0px;}
.news-item {
	padding-top: 8px;
	padding-bottom: 10px;
	border-bottom:solid 1px #CCCCCC;
	clear: both;}
img.mag-cover {
	padding-bottom: 15px;}





#RightColumn {
	width: 175px;
	clear: none;
	float: left;
	border-left:solid 1px #CCCCCC;}
h2.right {
	padding-left: 10px;
	padding-top: 10px;}
.right-quote {
	background-color: #333333;
	background-image: url(../../img/quote-bg.jpg);
	background-repeat: repeat-x;
	padding: 10px;}
.right-quote p {
	font-family: Times;
	font-size: 14px;
	font-style: italic;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;}
.right-item {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;}
.right-item p {
	line-height: 17px;}
img.banner-ad {
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #CCCCCC;
	margin-bottom: 8px;}
.toc-cover {}

#Cover {
	float: right;
	padding: 0px 12px 12px 0px;
	background-color: #FFFFFF;}

cite {
	font-family: Arial;
	font-size: 11px;
	line-height: 14px;
	color: #99CCFF;
	font-style: normal;
	display: block;
}


.popup {
    display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:427px;
	background:#ADCEFF;
	padding:15px 20px 10px 20px;
	border:solid 2px #FFFFFF;
	z-index:500;}


#Footer {
	clear: both;
	background-color: #FFFFFF;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	height: 20px;}
.footer-left {
	list-style-type: none;
	clear: none;
	float: left;
	padding-left: 5px;}
.footer-left li {
	display: block;
	float: left;
	clear: none;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
	line-height: 15px;}
.footer-left a {
	color: #333333;
	text-decoration: none;}
.footer-left a:hover {
	color: #000000;
	text-decoration: underline;}
.footer-right {
	clear: none;
	float: right;
	list-style-type: none;
	padding-right: 10px;}
.footer-right li {
	display: block;
	clear: none;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	color: #CCCCCC;
	font-weight: bold;
	line-height: 15px;}
.footer-right a {
	color: #666666;
	text-decoration: none;}
.footer-right a:hover {
	color: #333333;
	text-decoration: underline;}



.base-pad {
	height: 30px;
	width: 100%;
	clear: both;
	float: left;}



.no-border {
	border-width:0px;}
.clear {
	clear: both;
	height: 0px;}

table#advisory-board {
    border:0;
    width:100%;}
table#advisory-board tr td {
    border:0;
    width:30%;}