/*
First, some reset rules, modified from YUI, Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.5.0

Modified to remove ul,ol,li (list rules)
Modified to remove em,strong
Modified to remove td,th padding and margin reset
Modified to remove blockquote margin and padding reset
Modified to remove input and textarea
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}legend{color:#000;}
/* end reset rules */


body {
	font-family:verdana,arial,helvetica,sans-serif; 
	font-size:80%;
}
p {	margin:0 0 1em;}
td  { vertical-align:top;}
small { font-size:85%; }
cite { font-style:italic; }
samp { font-size:110%; }

h1 { margin:0 0 0.5em; font-size:160%; font-weight:bold; } 
h2 { margin:0.5em 0; font-size:140%; font-weight:bold; } 
h3 { margin:0 0 0; font-size:120%; font-weight:bold; }
h4 { margin:0; font-size:100%; }

.h2sub { margin-bottom:1em; color:#998; font-size:80%; }


/*??*/
#middleColumn .panel ul li/* Header elements */
 { margin:0; font-size:160%; }




/* Special div classes that typically appear in <h2> page titles */
.breadcrumb { margin-top:-0.8em; color:#665; font-size:60%; font-weight:normal;
}

/* Standard hyperlinks */
a { color:#03C; }
a:visited { color:#679; } /*358*/
a:hover { color:#00F;}
a img { border:0; } /* set zero border on images in hyperlinks */

.xxlarge{ font-size:160%; }
.xlarge        { font-size:140%; }
.large        { font-size:120%; }
.medium        { font-size:100%; }
.small        { font-size:85%;  }
.xsmall        { font-size:80%;  }

/* Notice boxes and highlights */
.noticePanel { margin:0 0 1em 0; border:1px solid #EED; padding:2px;
background:url(images/noticebg.gif) 0 0 repeat-x #FFC; }
.noticeHighlight { background-color:#FFC; }

/*        Forms
        Tables used to structure a form come in two overall flavors: those that
vertically align content at top, and those that
        vertically align in the middle.
        
        In Mozilla, the following rule would allow us to say that only the <td>
elements directly under a table should inherit style.
        
        .formTable > tbody > tr > td { vertical-align:middle; }
        
        Unfortunately, doesn't work in IE.
*/
.formTableTopAlign td { vertical-align:top; }
.formTableMiddleAlign td { vertical-align:middle; }
.formTable td { vertical-align:middle; }
.radioTable td { vertical-align:top; }
.valignMiddle { vertical-align:middle; }
.formTable .tip { font-size:85%; color:#999; }




.notopmargin { margin-top:0; }

/* Publisher quotes as background images (see /about for an example of use */
.ldblquote { background:url(images/ldblquot.gif) top left no-repeat;
padding-right:16px; }
.rdblquote { background:url(images/rdblquot.gif) top left no-repeat;
padding-left:16px; }

/* Header nav bar */
#hd {
	background:url(images/header_bg.jpg) 0 0 repeat-x #ffffff;
}



#header { /*font-weight:bold; */
	background:url(images/header_bg.jpg) 0 0 repeat-x #ffffff;
}
#menu td {
	margin:0;
	padding:0;
}

#content {
	padding:10px;
}

#adminHeader { background:url(images/admin_header_bg.gif) top left repeat-x #000; }
#adminHeader a { color:#679; }
#adminHeader a:hover { color:#FF0; }



#footer {
	margin:0;
	padding:6px;
	background:url(images/footer_bg.gif) 0 0 repeat-x #FFF;
	border-top:1px solid #888; 
	min-height:60px;
	color:#999;
}
#footer a { color:#000; text-decoration:none; }
#footer a:hover { color:#00F; text-decoration:underline; }
#footer .strong { color:#999; padding:0 6px; }

#copyright {
	margin-top:1em;
	font-size:85%;
	color:#000;
	float:left;
}



#ConstantContact { font-size:85%; margin:2px 6px; text-align:left; float:right;}
#ConstantContact label { display:block; padding:2px 3px; color:#555;  }
#ConstantContact #txtSubscribeEmail { border:1px solid #C7EFFF; padding:3px; }
#ConstantContact .gray { color:#999; }

#DaSearch { font-size:85%; margin:2px 6px; text-align:left; float:right;}
#DaSearch label { display:block; padding:2px 3px; color:#555;  }
#DaSearch #txtDaHeaderSearch { border:1px solid #C7EFFF; padding:3px; }
#DaSearch .gray { color:#999; }

/*




#footer .tdNavBar                {
      background-color:#FFFFFF;
        font-weight:bold;
        font-size: 10px; 
}
#footer .nav                         {
        color:#623363;
        font-size:100%;
        line-height:1.3em;
        vertical-align:middle;
        text-decoration:none;
				padding: 4px;
}
#footer .nav a                        {
        color:#623363;
        font-size:100%;
        line-height:1.3em;
        vertical-align:middle;
        text-decoration:none;
					padding: 4px;
}
#footer .nav:hover                {
        background-color:#623363;
        color:#FFF;
        font-size:100%;
        line-height:1.3em;
        vertical-align:middle;
        text-decoration:underline;
				padding: 4px;
}
*/



/* Left nav column */
#leftColumn { width:220px; }
#leftColumn ul { padding-left:0; margin:0; list-style:none; }
#leftColumn li { font-size:85%; padding:2px 2px 2px 20px; background:url(images/bullet.gif) top left no-repeat; margin-bottom:5px; }
#leftColumn li.selected  { background:url(images/bullet-selected.gif) top left no-repeat #CCB; }
#leftColumn h4 { border-top:2px solid #CCB; margin:6px 0 0; font-weight:bold; }
#leftColumn h4.selected { background:#CECEBE; }
#leftColumn h4.first-of-type { border-top:0; }

/* YUI menu overrides */
/* menu-core.css */
.yuimenubar{visibility:visible;position:static;}
.yuimenu .yuimenu,.yuimenubar .yuimenu{visibility:hidden;position:absolute;top:-10000px;left:-10000px;}
.yuimenubar li,.yuimenu li{list-style-type:none;}
.yuimenubar ul,.yuimenu ul,.yuimenubar li,.yuimenu li,.yuimenu h6,.yuimenubar h6{margin:0;padding:0;}
.yuimenuitemlabel,.yuimenubaritemlabel{text-align:left;white-space:nowrap;}
.yuimenubar ul{*zoom:1;}
.yuimenubar .yuimenu ul{*zoom:normal;}
.yuimenubar>.bd>ul:after{content:".";display:block;clear:both;visibility:hidden;height:0;line-height:0;}
.yuimenubaritem{float:left;}
.yuimenubaritemlabel,.yuimenuitemlabel{display:block;}
.yuimenuitemlabel .helptext{font-style:normal;display:block;margin:-1em 0 0 10em;}
.yui-menu-shadow{position:absolute;visibility:hidden;z-index:-1;}
.yui-menu-shadow-visible{top:2px;right:-3px;left:3px;bottom:-3px;visibility:visible;}
.hide-scrollbars *{overflow:hidden;}
.hide-scrollbars select{display:none;}
.yuimenu.show-scrollbars,.yuimenubar.show-scrollbars{overflow:visible;}
.yuimenu.hide-scrollbars .yui-menu-shadow,.yuimenubar.hide-scrollbars .yui-menu-shadow{overflow:hidden;}
.yuimenu.show-scrollbars .yui-menu-shadow,.yuimenubar.show-scrollbars .yui-menu-shadow{overflow:auto;}
/* menu theme */
.yui-skin-gv .yuimenubar{font-size:85%;/*overflow:hidden;*/}
.yui-skin-gv .yuimenubaritemlabel{padding:3px 5px 4px;color:#000;text-decoration:none;border:0;*position:relative;margin:-1px 0;}
.yui-skin-gv .yuimenubaritem-selected{background:url(images/menu_highlight_bg.jpg) 0 0 repeat-x #9CE;}
.yui-skin-gv .yuimenu .bd{border:solid 1px #808080;background-color:#fff; min-width:200px; }
.yui-skin-gv .yuimenu ul{padding:0;border-width:1px 0 0 0;border-color:#ccc;border-style:solid;}
.yui-skin-gv .yuimenu ul.first-of-type{border-width:0;}
.yui-skin-gv .yuimenuitemlabel{padding:4px 5px;color:#000;text-decoration:none;width:auto;}
.yui-skin-gv .yui-menu-shadow-visible{background-color:#000;opacity:.2;*filter:alpha(opacity=20);}
.yui-skin-gv .yuimenuitem-selected{background:url(images/menu_highlight_bg.jpg) 0 0 repeat-x #9CE;}
.yui-skin-gv .yuimenuitem-selected a {color:#000;}
.yui-skin-gv .yuimenuitemlabel-disabled{cursor:default;color:#A6A6A6;} 
/* plus some menu additions */
.yui-skin-gv .selected /*.yuimenubaritemlabel*/  {background-color:#ffffff;}
.yui-skin-gv .selected2 /*.yuimenubaritemlabel*/  {background-color:#ffffff;}
/* more specific override for menubaritem color, to override the above two rules */
.yui-skin-gv .yuimenubaritem-selected .yuimenubaritemlabel{background:url(images/menu_highlight_bg.jpg) 0 0 repeat-x #9CE;}

/* other menu styles */
#menu {
	background:#FFF; 
	border-top:1px solid #DDF4FC; 
	border-bottom:1px solid #999;
}
#menu td {
/*	padding:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;*/
}

#menu .people a { 
	display:block;
	text-decoration:none;
	font-size:85%;
	color:#000;
	padding:3px 4px;
	margin:-1px 0;
	background-color:#EEEEEF;
	white-space:nowrap;
}
#menu .people a:hover { 
	background:url(images/menu_highlight_bg.jpg) 0 0 repeat-x #9CE;
}
#menu .people a.selected {background-color:#ffffff;}
#menu .people a.selected2 {background-color:#ddf4fc;}









/* Magazine covers */
.covers { text-align:center; }
.subscribe { margin-top:6px; }
.dropShadow img {  border:1px solid #333; border-right:2px solid #333;
border-bottom:2px solid #333; }

/* GV content icons */
#topics   { background:url(images/icon_topics.gif) no-repeat; padding-left:22px;
 height:20px; margin:1em 0 2px; white-space:nowrap; }
#calendar { background:url(images/icon_calendar.gif) no-repeat;
padding-left:22px;  height:20px; margin:2px 0; white-space:nowrap; }
#humor    { background:url(images/icon_humor.gif) no-repeat; padding-left:22px;
height:20px; margin:2px 0 1.75em; white-space:nowrap; }

/* Article Listings */
.title { font-weight:bold; }
.location { font-style:italic; color:#333; }
.topic { font-weight:bold; margin:0 0 0.25em; }
.subtopic { font-size:85%; margin:0 0 1em 2em; }

/* Article Styles */
.doc { }
.docTitle { margin-top:0px;margin-bottom:0px; }
.docSubtitle { margin-top:0px; }
.docAuthor { }
.docLocation { }
.docPubDate { }

#articleVolNum {
        float:right; 
        font-size:90%; 
        text-align:right; 
        margin-left:1em; 
        border-left:1px solid #DDD; 
        padding:6px 0 6px 0.5em
}
#articleVolNum div { font-size:110%; }

/* AudioGV panel that appears on article pages */
.agvPanel {
	margin:0 1em 1em; border:1px solid #CCC; padding:6px;  
	background:#E8E4F2; 
	text-align:center; 
	float:right;
	font-size:80%;
}

/* AudioGV "click to listen" links sprinkled throughout */
.clickToListen { padding-left:36px; line-height:32px; background:url(/images/agv.gif) 0 0 no-repeat; margin-top:1em; }








.tips { font-size:85%; color:#777; }




/* For "More >" links at end of summaries */
.morelink { white-space:nowrap; text-decoration:none; font-size:85%; }
.morelink:hover {text-decoration:underline;}



/* Subscribe buttons with rollovers */
.btnSubscribe {  background:url(images/btnsubscribe.gif) 0 0 no-repeat; display:block; margin:6px 0; width:75px; height:24px; }
.btnSubscribe:hover { background:url(images/btnsubscribe-hi.gif) 0 0 no-repeat; }
.btnSubscribe_es {  background:url(images/btnsubscribe-es.gif) 0 0 no-repeat; display:block; margin:6px 0; width:75px; height:24px; }
.btnSubscribe_es:hover { background:url(images/btnsubscribe-es-hi.gif) 0 0 no-repeat; }

.center .btnSubscribe,
.center .btnSubscribe_es { margin-left:auto; margin-right:auto; float:none; } /* overrides to center the subscribe buttons */


/* To drop preload images into HTML. Probably a better way to do this, but I'm kind of pressed for time. */
.preloadImages { display:none; }