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

/*  Stylesheet for grist home page             */

/*  Author:  clark williams-derry, april 2004  */ 







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

/*  ******* Main styles ********  */



body, div, p, th, td, li, dd {

	font-family: verdana, helvetica, arial, sans-serif;

	font-size: x-small;

	color: #333;

	}



body {

	background: white url(file:///C|/WINNT/Profiles/slavin/Local Settings/Temporary Internet Files/Content.IE5/6LS7Y905/images/bg.gif) repeat-y;

	}



a {

	font-size: 100%;

	text-decoration: none;

	color: #369;

	}

	

a:visited {

	color: #963;

	}

	

a:hover, a:active {

	text-decoration: underline;

	color: #F90;

	}





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

/*  ********* Left Menu Styles ********** */





#left {

	width: 150px;

	}



.brownbackground {

	background-color: #876;

	}



#leftsearch {

	padding: 13px 10px 1px 15px;

	}

.searchform {

	padding: 0px;

	margin-top: 0px;

	}

.searchbox {

	vertical-align: top;

	width: 90px;

	font-family: verdana, helvetica, arial, sans-serif;

	font-size: 11px;

	margin-bottom: 2px;

	}

.searchgo {

	position: relative;

	left: 5px;

	}



a.advancedsearch:link {color: #db9; font-size: 10px; font-weight: bold}     /* unvisited link */

a.advancedsearch:visited {color: #db9; font-size: 10px; font-weight: bold}  /* visited link */

a.advancedsearch:hover {color: #db9; font-size: 10px; font-weight: bold}   /* mouse over link */

a.advancedsearch:active {color: #db9; font-size: 10px; font-weight: bold}   /* selected link */



#leftmenu {

	padding-left: 15px;

	padding-right: 10px;

	line-height: 14px;

	background-color: #BBA;

	}



#news a {

	line-height: 14px;

	display: block;

	margin: 0px 0px 5px 0px;

	padding: 0px 0px 0px 0px;

	}

	

#top_topics a {

	line-height: 14px;

	display: block;

	margin: 0px 0px 5px 0px;

	padding: 0px 0px 0px 0px;

	}



#columns a {

	line-height: 14px;

	display: block;

	margin: 0px 0px 5px 0px;

	padding: 0px 0px 0px 0px;

	}

	

.menugroup {

	font-size: 11px;

	padding-top: 10px;

	padding-bottom: 4px;

	}



.menucategory {

	border-bottom: 1px dashed #666;

	padding-bottom: 4px;

	margin-bottom: 8px;

	line-height: 30px;

	text-transform: uppercase;

	font-weight: bold;

	color: #333;

	}



a.leftmenu {

	line-height: 14px;

	text-transform: none;

	color: #333;

	}



a.leftmenu:visited {

	color: #333;

	}



a.leftmenu:hover, a.leftmenu:active {

	color: #FFF;

	}



a.lefthere {

	color: #FFF;

	}

	

div.supportBox {

	text-align: left;

	margin: 25px 0px 0px 15px;

	padding: 0px;

	border: 0px;

}



.supportText {

	font-size: 11px;

	}





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

/*  ********* Top Menu and Breadcrumb Styles ********** */



#topmenu {

	padding-right: 10px;

	padding-left: 10px;

	margin-left: 20px;

	height: 25px;

	text-align: right;

	background-color: #BBA;

	font-size: 10px;

	line-height: 25px;

	margin-bottom: 0px;

	}



a.topmenu, a.tophere {

	text-transform: uppercase;

	font-weight: bold;

	color: #333;

	}



a.topmenu:visited {

	color: #333;

	}



a.topmenu:hover, a.topmenu:active, a.tophere{

	color: #FFF;

	}



#breadcrumbs {

	/* height: 25px; */

	padding: 0px 20px 0px 0px;

	margin: 0px 0px 0px 20px;

	font-size: 11px;

	line-height: 20px;

	vertical-align: sub;

	}

	

a.crumb, a.crumbhere {

	color: #369;

	}



a.crumbhere {

	font-weight: bold;

	}



a.crumb:hover, a.crumb:active, a.crumbhere:hover, a.crumbhere:active {

	color: #F90;

	}





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

/*  ********* Article and Article Text Styles ********** */

#center {

	padding: 0px 20px 0px 20px;

	margin-left: 5px;

	margin-right: 5px;

	margin-top: 0px;

	}

	

#categoryimage{

	}

	

h1.headline, h2.subhead, .author, .date {

	font-family: georgia, times, serif;

	}



h1.headline {

	font-size: 220%;

	margin-bottom: -5px;

	line-height: 100%;

	font-weight: normal;

	margin-top: 20px;

	}



h2.subhead {

	font-size: 130%;

	margin-bottom: 2px;

	font-weight: normal;

	}



h3 {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	font-size: 110%;

	font-weight: bold;

	color: black;

	}



.author {

	font-size: 110%;

	line-height: 30px;

	padding-bottom: 3px;

	border-bottom: 1px solid #999999;

	text-transform: uppercase

	}



.date {

	font-size: 110%;

	padding-bottom: 18px;

	}



.date_noauthor {

	font-size: 110%;

	padding-top: 10px;

	padding-bottom: 18px;

	}



.photo-caption {

	font-weight: bold;

	font-size: 100%;

	line-height: 120%;

	padding-top: 2px;

	}



.photo-credit {

	font-style: italic;

	font-size: 100%;

	line-height: 120%;

	font-weight: normal;

	}



.article {

	line-height: 140%;

	font-size: 100%;

	}



.article a {

	text-decoration: underline;

	}



.articletext {

  font-size: 100%;

	}



.articletext: first-letter {

	font-size: 2.2em;

	font-weight: bold;

	line-height: 1em;

	}



.articletext h3 {

	display: inline;

	font-size: 100%;

	font-weight: bold;

	}



.columntag {

	padding-top: 0px;

	padding-bottom: 15px;

	font-weight: bold;

	color: #666;

	font-size: 110%;

	line-height: 170%;

	}



.columntag2 {

	padding-top: 0px;

	padding-bottom: 0px;

	font-weight: normal;

	color: #666;

	font-size: 110%;

	line-height: 140%;

	}



.columntag a {

	text-decoration: underline;

	}



.columntag strong {

	color: black;

	}



.aboutauthor {

	padding-top: 30px;

	font-size: 100%;

	}

	

.dispatch-bio {

	line-height: 140%;

	font-size: 120%;

	 }

	

table.bio {

	width: 100%;

	}

	

.disclaimer {

	font-size: 10px;

	}

	

.article li {

	font-size: 100%;

}



ul.unorderedList, ol.orderedList {

	margin-top: 0px;

	padding-top: 0px;

	}

	

.listItem {

	font-family: verdana;

	font-size: 100%;

	line-height: 140%;

	color: #333;

	}



blockquote.page {

	margin-top: 0px;

	padding-top: 0px;

	}

	

blockquote.pageBG {

	margin-top: 0px;

	margin-left: 25px;

    margin-right: 10px;

	padding: 12px;

	border:  1px solid #5A7B9C;

	background-color: whitesmoke;

	}

	

sup a {

	font-size: 105%;

}



#prevnext {

	padding-top: 10px; 

	padding-bottom: 20px;

	text-align: center;

	font-size: 110%;

	}



#prevnext a {

	font-weight: bold;

	text-decoration: none;

	}



#prevnext a:hover, #prevnext a:active{

	text-decoration: underline;

	}



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

/* Questions and Answers */



.question {

	font-weight: bold;

	color: #333;

	margin-bottom: 10px;

	}



.answer {

	color: #333;

	margin-bottom: 15px;

	}



.questionVeryFirst, .questionFirst, .questionAddl, .answerFirst, .answerAddl {

	font-size: 100%;

	}



.questionVeryFirst {

	font-weight: bold;

	color: #333;

	}



.questionFirst {

	font-weight: bold;

	color: #333;

	margin-top: 15px;

	}



.answerFirst {

	color: #333;

	margin-top: 10px;

	}

	

.questionAddl {

	font-weight: bold;

	color: #333;

	}



.answerAddl {

	color: #333;

	}



.qagraphic {

	padding-right: 10px;

	}

	

.graphic-caption {

	font-weight:bold;

	font-size: 10px;

	border-bottom: none 1px #999;

	}



.graphic-caption a {

	text-decoration: none;

	}





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

/*  ********* Bottom Navigation Styles ********** */



#bottom {

	margin-top: 10px;

	position: relative;

	left: 170px;

	width: 728px;

}



#bottomnav {

	line-height: 150%;

	font-size: 11px;

}



#bottom a {

	font-size: 11px;

}



.finaltagline {

	font-size: 11px;

	}



.finaltagline strong {

	font-weight: bold;

	}



.copyright {

	font-size: 10px;

	}



.copyright sup {

	font-size: 10px;

	}



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

/*  ********* Right-hand column ********* */



#right {

	

	}

	

.signmeup{

	width: 180px;

	background-color: #887766;

	background-image: url(file:///C|/WINNT/Profiles/slavin/Local Settings/Temporary Internet Files/Content.IE5/6LS7Y905/images/signmeup.gif);

	background-repeat: no-repeat;

	margin-bottom: 5px;

	}



.signuptext{

	color: white;

	font-size: 11px;

	padding-left: 15px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-top: 10px;

	}



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

/*  ********* Article Tools ********* */



div.tools {

	margin: 0px 0px 20px 0px;

	padding: 0px;

}



div#tools2Top, div#tools2Bottom {

	margin: -15px 0px 20px 0px;

	padding: 0px;

}



div.share {

	margin-bottom: 5px;

}



div.tagsTop, div.tagsBottom {

	padding: 5px 0px 5px 0px;

	border-bottom: 1px dashed #999;

	color: #333;

}



div.tagsTop {

	margin: 0px 0px 5px 0px;

}



div.tagsBottom {

	margin: 20px 0px 5px 0px;

}





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

/*  ********* Floating Boxes - Pictures and Features ********* */



/* for photos and graphics in article text */

.float-right {

	padding-left: 20px;

	margin-bottom: 5px;	

	float: right;

	}



.float-left {

	padding-right: 20px;

	margin-bottom: 5px;

	float: left;

	}



/* containers for "do good" and similar boxes in article text */

.left-box{

	width: 180px;

	padding-right: 20px;

	margin-bottom: 5px;

	float: left;

	}



.right-box {

	width: 180px;

	padding-left: 20px;

	margin-bottom: 5px;

	float: right;

	}



/* for boxes in right-hand column */

.side-box {

	width: 180px;

	}



/* for orange text box at top of "do good" and similar boxes */

.boxhead {

	font-size: 10px;

	line-height: 180%;

	font-weight: bold;

	padding: 3px 18px 3px 15px;

	color: white;

	background-color: #E93;

	text-transform: uppercase;

	position: relative;

	top: 0px;

}



.right-box .boxhead, .left-box .boxhead, .right-box .boxitem, .left-box .boxitem {

	font-size: 11px;

	}



/* for "do good" and similar boxes */

.boxitem {

	font-family: verdana;

	padding: 8px 15px 2px 15px;

	font-size: 10px;

	line-height: 12px;

	color: #333;

	}



.boxitem a {

	color: #039;

	font-weight: bold;

	text-decoration: none;

	}



.boxitem a:hover {

	color: #F90;

	text-decoration: underline;

	}



.boxitem a:visited {

	color: #963;

	}



.boxitem li {

	color: #E93;

	}



.boxitem li .listitem {

	color: #333;

	}



ul.sidebarMenu {

	padding: 0px;

	margin: 0px;

	}



.dogood, .samevein {

	background-color: #CDE;

	padding-bottom: 10px;

	margin-bottom: 5px;

	}



.alsoingrist {

	display: none;

}

 

.fromarchives, .dailygrist {

	background-color: #FE8;

	padding-bottom: 10px;

	margin-bottom: 5px;

	}



.specialeditions {

	background-color: #9AC;

	padding-bottom: 10px;

	}



.specialeditions .boxitem a:hover, .specialeditions .boxitem a:active {

	color: #FF9;

	}



/*  only for special edition 2 mockup */

#special-edition-top {

	margin-left: 20px;

	}



.sidebar {

	border-top: dashed 1px #999;

	border-bottom: dashed 1px #999;

	padding-bottom: 8px;

	}

	

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

/* Poll Question Styles */

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



/* Styles for the poll results are in poll.css */



table.rc_Ballot td.rc_Question {

	font-family: verdana, helvetica, arial, sans-serif;

	font-size: 100%;

	font-weight: bold;

	color: #333;

	}



.rc_Choice {

	font-family: verdana, helvetica, arial, sans-serif;

	font-size: 100%;

	font-weight: normal;

	}



table.rc_Ballot {

	border: 0px;

	padding: 0px;

	margin: 0px;

	}



table.rc_Ballot td {

	border: 0px;

	padding: 1px;

	margin: 0px;

	}



td.rc_Radio, td.rc_Choice {

	/* font-family: verdana, helvetica, arial, sans-serif; */

	color: #333;

	}

	

table.rc_Ballot td.rc_Radio {

	width: 10%;

	}



table.rc_Ballot td.rc_Choice {

	width: 90%;

	}



form.rc_Form h1.headline {

	font-size: 200%;

	}

	

form.rc_Form {

	border: 0px;

	padding: 0px 0px 5px 0px;

	margin: 0px;

	}



form.rc_Form input.rc_Radio {

	}



input.rc_Submit {

	margin: 5px 0px 0px 0px;

	}

	

p.rc_Results {

	font-family: verdana, helvetica, arial, sans-serif;

	font-size: 100%;

	font-weight: bold;

	color: #333;

	padding: 5px 0px 5px 5px;

	margin: 0px;

	border: 0px;

	}

	

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

/* For ads */



div.adFlagHome {

	font-size: 10px; 

	color: #999999;

	text-align: right;

	padding: 0px;

	margin: 0px 0px 5px 5px;

}



div.adFlag, div.adFlagLeft, div.adFlagCenter, div.adFlagRight {

	font-size: 10px; 

	color: #999999;

	padding: 0px;

	margin: 0px 0px 5px 0px;

}



div.adFlagHome a, div.adFlag a, div.adFlagLeft a, div.adFlagCenter a, div.adFlagRight a {

	color: #999999;

	text-decoration: none;

}



div.adFlag, div.adFlagLeft {

	text-align: left;

}



div.adFlagCenter {

	text-align: center;

}



div.adFlagRight {

	text-align: right;

}



#banner468x60 {

	margin: 0px;

	padding: 8px 0px 10px 20px;

	text-align: left;

	}

	

#ad728x90top {

	margin: 0px;

	padding: 0px 0px 10px 20px;

	text-align: left;

	width: 728px;

	}

	

#ad728x90bottom {

	margin: 0px 0px 0px 0px;

	padding: 8px 0px 10px 0px;

	text-align: left;

	}

	

#ad728x90topHome {

	margin: 0px 0px 5px 5px;

	padding: 0px 0px 5px 0px;

	text-align: center;

	background-color: white;

	}

	

.ad180x150 {

	background-color: white;

	padding: 0px;

	margin: 10px 0px 10px 0px;

	}

	

.ad125x125 {

	background-color: #EBEBEB;

	border: 1px solid #D6D6D6;

	margin: 10px 0px 0px 0px;

	padding: 10px 0px 10px 0px;

	text-align: center;

	}

	

.ad160x600right {

	margin: 10px 0px 10px 0px;

	padding: 0px 0px 0px 0px;

	text-align: center;

	}

	

.ad160x600rightHome {

	background-color: white;

	padding: 0px 0px 5px 0px;

	margin: 5px 0px 5px 0px;

	text-align: center;

	}



#google125x125 {

	margin-top: 0px;

	}



#google120x600 {

	margin: 200px 0px 0px 10px;

}

	

/* Dispatches & InterActivist */



.topBio {

	margin-top: 10px;

	}

	

.topBio .dispatch-bio {

	font-size: 95%;

	margin-left: 10px;

	clear: all;

	}



a.dispatch-today {

	font-weight: bold;

	}



a.dispatch-day:link, a.dispatch-today:link, a.dispatch-day:visited, a.dispatch-today:visited {

	text-decoration: none;

	}



a.dispatch-day:active, a.dispatch-day:hover, a.dispatch-today:active, a.dispatch-today:hover {

	text-decoration: underline;

	}



.dispatch-days {

	border-bottom: 1px solid #999999;

	padding-bottom: 3px;

	margin-top: 10px;

	margin-bottom: 15px;

	font-size: 95%;

	}



.dispatch-days-none {

	border-bottom: 1px solid #999999;

	padding-bottom: 3px;

	margin-top: 0px;

	margin-bottom: 15px;

	font-size: 95%;

	}



.dispatch-days-bottom {

	border-top: 1px solid #999999;

	padding-top: 3px;

	margin-top: 15px;

	margin-bottom: 10px;

	font-size: 95%;

	}

	

.dispatch-date {

	font-weight: bold;

	font-size: 95%;

	}

	

.dispatch-location {

	font-weight: bold;

	font-size: 95%;

	margin-bottom: 15px;

	}



/* Special promos */



div#promoTop {

	display: none;

}



/* Most Popular Box */



#tabtitle {



    color: #ffffff;



    background: #ee9933;



    height: 16px;



    width: 180px;



    padding: 0;



    margin: 0;



    text-decoration: none;



    display: block;



    text-align: center;



    font: bold 10px verdana;



    padding: 3px 0px 0px 0px;



    text-transform: uppercase;



    float: inherit;



}



#bottomRSS {

    background: #ffee88;

    width: 161px;

    text-align: right;

    font-size: 12px;

    height: 12px;

    padding: 0px 5px 5px 14px;

    margin-bottom: 5px;

}





#gp_navcontainer {



        margin: 0;



        padding: 0;



}







#gp_navcontainer ul {



        border: 0;



        margin: 0;



        padding: 0;



        list-style-type: none;



        text-align: center;



}







#gp_navcontainer ul li {



        display: block;



        float: left;



        text-align: center;



        padding: 0;



        margin: 0;



}







#gp_navcontainer ul li a {



    height: 18px;



    padding: 0;



    margin: 0;



    text-decoration: none;



    display: block;



    text-align: center;



    font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;



    font-size: 11px;



}







#gp_navcontainer li#active a {



    background: #c60;



    border: 1px solid #c60;



    color: #fff;



}







#gp_navcontainer li#visited a {



    color: #fff;



}



.box2_pane {



    width: 156px;



    background: #ffee88;



    clear: both;



    line-height: 12px;



    padding: 10px 10px 0px 14px;



    font: normal 10px verdana;



}







.box2_pane a {



    text-decoration: none;



    font-weight: bold;



    color: #003399;



    font-size: 10px;



}







.box2_pane a:visited {



    color: #996633;



}







.box2_pane a:hover {



    color: #FF9900;



    text-decoration: underline;



}







.box2_pane span {



    font: normal 10px verdana;



}







#box2_pane2, #box2_pane3 {



    display: none;



}







.boxitemME, .boxitemMV, .boxitemMC {



    padding-top: 5px;



    padding-bottom: 5px;



}



a#tab1 {



    width: 50px;



    color: #333;



    background: #ffee88;



    /*font-weight: bold;*/



}



a#tab2 {



    width: 80px;



    color: #ffffff;



    background: #FFC800;



    font-weight: normal;



}



a#tab3 {



    width: 50px;



    color: #ffffff;



    background: #FFC800;



    font-weight: normal;



}