body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: bababa;
	font-family: Arial, Helvetica, sans-serif;
}

a:link		{
	color: #646464;
	text-decoration: none;
	padding-bottom: 0px;
	font-weight: bolder;
}

a			{ }
a:visited	{
	color: #646464;
	text-decoration: none;
	padding-bottom: 0px;
	font-weight: bolder;
}
a:active	{
	color: #000000;
	text-decoration: none;
	padding-bottom: 0px;
	font-weight: bolder;
}
a:hover		{
	color: #00000;
	text-decoration: underline;
	padding-bottom: 0px;
	font-weight: bolder;
}

.style1 {
	font: bold 14px;
}
.style2 {
	font-size: 12px;
	font-weight: bold;
}

.titling1		{
			font-size: 11px;
			text-align: left;
			margin-top: 0px;
			font-family: Arial, Helvetica, sans-serif;
			text-transform: none;
			letter-spacing: 0;
			font-weight: bold;
			color: #646464;
			}
			
.titling2		{
			font-size: 14px;
			text-align: left;
			margin-top: 0px;
			font-family: Arial, Helvetica, sans-serif;
			text-transform: none;
			letter-spacing: 0;
			font-weight: bold;
			color: #646464;
			}
			
.titling3		{
			font-size: 11px;
			text-align: left;
			margin-top: 0px;
			font-family: Arial, Helvetica, sans-serif;
			text-transform: none;
			letter-spacing: 0;
			font-weight: normal;
			color: #646464;
			}
						
.titling4		{
			font-size: 14px;
			text-align: left;
			margin-top: 0px;
			font-family: Arial, Helvetica, sans-serif;
			text-transform: none;
			text-decoration: underline;
			letter-spacing: 0;
			font-weight: bold;
			color: #646464;
			}

.normaltext		{
			font-size: 11px;
			text-align: left;
			margin-top: 0px;
			font-family: Arial, Helvetica, sans-serif;
			text-transform: none;
			letter-spacing: 0;
			font-weight: bold;
			color: #646464;
			line-height: 15px;
			}
			
.linktext		{
			font-size: 11px;
			text-align: left;
			margin-top: 0px;
			font-family: Arial, Helvetica, sans-serif;
			text-transform: none;
			text-decoration: underline;
			letter-spacing: 0;
			font-weight: bold;
			color: #646464;
			line-height: 15px;
			}
.hotlinktext		{
			font-size: 11px;
			text-align: left;
			margin-top: 0px;
			font-family: Arial, Helvetica, sans-serif;
			text-transform: none;
			text-decoration: underline;
			letter-spacing: 0;
			font-weight: bold;
			color: #9D0C09;
			line-height: 15px;
			}			
			
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #bababa;
}


.ad_background {
	background: url(http://www.guestinformant.com/books/images/ad_bkg.jpg) repeat-x left top;
}

.page_background {
	background: #BABABA url(http://www.guestinformant.com/books/images/bkg_gradient.jpg) repeat-x;
}
.header_background {
	background: #990000 url(http://www.bestreadguide.com/images/mythras/header_bg.jpg) repeat-x left top;
}
.nav_background {
	background: #FFFFFF url(http://www.guestinformant.com/books/images/headers/nav_bkg.jpg) repeat-x left top;
}

.footer_background {
	background: #FFFFFF url(http://www.guestinformant.com/books/images/footer_bkg.jpg) repeat-x left bottom;
}
.line_background {
	background: #CBCBCB;
}
.content_background {
	background: #bababa;
}



/*******************************************************************************
Begin ID selectors
*******************************************************************************/

/*******************************************************************************
This is the main content area box. Practically everything visible on the page 
will exist inside the #content box. Occasionally, some things won't, such
as network navigation rows, etc. */
#content {
	background: #f4f2ea;														/*VAR:content-bg*/
	margin: 8px auto;															/*VAR:body-align*/
	text-align: left;
	width: 768px;
}
/* End main content
*******************************************************************************/

/*******************************************************************************
This is the masthead.*/
#masthead {
	background: url("/images/bg/masthead.jpg") no-repeat;
	height: 125px;
}

/*The top rail of the masthead, usually a solid color*/
#masthead .top {
	background: #900;															/*VAR:mast-top-background*/
	color: #fff;																/*VAR:mast-top-color*/
	font: 11px Arial,Sans-Serif;
	line-height: 25px;
}

/*Link for the top rail, since the top is usually a different background color 
than the rest of the site*/
#masthead .top a {
	color: #fff;
}

/*Services is a seperate sub-group contained inside .top. This is so the entire
section can be floated to the right if necessary*/
#masthead .top .services {
	color: #d6d0bf;																/*VAR:services-color*/
	float: right;
	padding: 0 15px !important;													/*Use padding instead of margin b/c we're floating*/
	padding-right: 15px;														/*VAR:services-bleed*/ /*This is because some mastheads will
																				allow images to bleed up into the .services area*/
}

#masthead .top .services a {
	background: url("/images/icons/mast_serv_divider.gif") no-repeat right;		/*VAR*/
	color: #d6d0bf;																/*VAR:services-color*/
	display: block;
	float: left;
	padding: 0 12px;
	text-transform: lowercase;
}
#masthead .top .services a:hover {
	color: #fff;
}


/*Search form elements*/
#masthead .top .search {
	display: block;
	float: right;
	margin: 0 12px 0 0 !important;
	margin: 3px 6px 0 0;
	text-transform: lowercase;
}

#masthead .top .search input { 
	background: #d1cbbb;														/*VAR:input-bg*/
	border: 1px solid #000;														/*VAR:input-border*/
	font-size: 9px;
	height: 12px !important;
	height: 14px;
	margin: 0 0 0 10px;
	padding: 0;
	width: 90px;
}
#masthead .top .search input:hover { 
	background: #f4f2ea;														/*VAR:content-bg*/
}

/*Go is the search button link next to the search input box*/
#masthead .top .search .go {
	background: none;
	color: #fff;																/*VAR:mast-top-color*/
	font-weight: bold;
	padding: 0 5px;
	text-decoration: none;
	text-transform: uppercase;
}

/*This controls the look of the dateline, usually stronger than the rest
of the surrounding text*/
#masthead .top .dateline {
	border-right: 1px solid #fff;
	font-weight: bold;
	padding: 0 15px;
	text-transform: uppercase;
}

/*Controls the way the weather text looks*/
#masthead .top .weather {
	margin: 0 15px;
}
#masthead .top .weather img {
    margin: 4px 0 5px 0;
    vertical-align: middle;
}

/*.home is the link definition to go back home. Since the masthead images is
really just a background, there needs to be something to click on to go back.
This allows a non-breaking space ( ) to serve this purpose.*/
#masthead .home {
	display:block;
	height: 77px;
	text-decoration: none;
	width:250px;
}

/*The main navigation row of links at the bottom of the masthead.*/
#masthead .nav {
	color: #000;
	font-family: Arial,Sans-Serif;
	font-weight: bold;
	padding: 0 15px;
	padding-left: 12px;
	line-height: 22px;
}

/*These define how the links in the masthead navigation row appear.*/
#masthead .nav a {
	background: url("/images/icons/mast_nav_divider.gif") no-repeat;
	color: #000;
	display: block;
	float: left;
	padding: 0 15px;
	text-decoration: none;
}
#masthead .nav a:hover,
#masthead .nav a.selected {
	background: #b3a47a url("/images/icons/mast_nav_divider.gif") no-repeat;
	color: #fff;
}

/*This controls the main table that controls the top portions of the front 
page.*/
#top-modules {
	width: 768px;
}
#top-modules td {
	vertical-align: top;
}


/* This controls the main story on the page. Most likely, this is only needed
for the front page of the site. But it's available site-wide if needed. Might
be good for some section index pages. */
#main-story {
	background: #fff url("/images/bg/main_story.gif") bottom;
}
#main-story .content {
	padding: 12px;																/*VAR:main-story-pad*/
}
#main-story .content p {
	line-height: 14px;
	margin: 0;
	
}
#main-story .content .photo, 
#top-story .photo {
	border: 1px solid #000;														/*VAR:photo-border*/
	float: left;
	margin: 0 8px 4px 0;
}
/* Main story headline */
#main-story h1 {
	font-size: 21px;
	line-height: 21px;
	margin: 0 0 6px;
}
#main-story .ad-180 {
	display: block;
	float: right;
	margin: -4px 0 0px 7px;
	width: 180px;
}


#top-story-1 { display: block; }
#top-story-2 { display: none; }
#top-story-3 { display: none; }
#top-story-4 { display: none; }
#top-story-5 { display: none; }




/* This controls the appearance and behavior of the large tabs. This may very
well appear on the front page, but is available site-wide. Perhaps section 
index pages could use it. */
#tabs {
	margin: 0;
	padding: 0;
	width: 576px;
}
#tabs .tab {
	background: url("/images/bg/tabs/left.gif") top left no-repeat;
	padding: 0 0 0 20px;
}
#tabs .tab a {
	background: url("/images/bg/tabs/right.gif") top right no-repeat;
	color: #585344;																/* VAR:tab-a-color */
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding: 7px 50px 0 0;
	text-decoration: none;
	width: auto !important;
	width: 100%; /* This is a fix for an IE bug with block link elements */
}
#tabs .tab a:hover {
	color: #900;																/*VAR:a-color*/
}
/* Stack the selected class with the tab class to make the appearance of the 
current tab noticeable. */
#tabs .selected {
	background: url("/images/bg/tabs/left_sel.gif") top left no-repeat;
}
#tabs .selected a {
	background: url("/images/bg/tabs/right_sel.gif") top right no-repeat;
	color: #ac3838;																/* VAR:tab-a-color-sel */
}

/* Yello-pages search area. This can be fairly universal, so this should be 
left alone. */
#yellow-search {
	border: 1px solid #000;
	color: #000;																/*VAR:foreground-color*/
	font-family: Arial,Sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 21px;
	height: 21px;
	margin: 0 6px;
}
#yellow-search span {
	margin: 0 4px;
}
#yellow-search input {
	border: 1px solid #bfb9a6;
	font-size: 11px;
	height: 15px;
	margin: 0px 2px 1px 0;
	padding: 0;
	width: 135px;
}






#boilerplate {
	font-family: Arial,Sans-serif;
	font-size: 9px;
	line-height: 16px;
	padding: 0px 6px 12px;
	text-align: center;
}
#boilerplate .links {
	color: #76705e;																/*VAR:body-text-color*/
	text-transform: uppercase;
}
#boilerplate .links a {
	color: #76705e;																/*VAR:body-text-color*/
	padding: 0 1px;
}
.buttons {
	margin: auto;
	padding: 6px 0;
	text-align: right;
	width: 768px;
}


/* This controls the featured module table cell in the main top-modules table.
It is usually something like Top Jobs or another important revenue generator. */
#featured-module {
	background: url("/images/bg/featured_module.gif") bottom left no-repeat;
}
#featured-module h2 {
	background: url("/images/bg/featured_module_h2.gif") no-repeat;
	color: #000;																/*VAR:foreground-color*/
	font-family: Arial, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 36px;
	margin: 0;
	padding: 0 20px;
	text-transform: uppercase;
}
#featured-module ul {
	margin: 4px 15px 2px;
	padding: 0;
}
#featured-module li {
	background: url("/images/bg/list_1.gif") 0 2px no-repeat;
	line-height: 13px;
	list-style: none;
	margin: 0 0 6px 0;
	padding: 0 0 0 15px;
}
#featured-module .other {
	margin: 6px 20px 13px 14px;
	padding: 2px 5px;
}
#featured-module .other ul {
	color: #900;																/*VAR:a-color*/
	margin: 4px 6px;
}
#featured-module .other li {
	line-height: 10px;
}
#featured-module .other .top {
	background: url("/images/bg/list_2.gif") 0 2px no-repeat;
	color: #000;																/*VAR:foreground-color*/
	font-weight: bold;
}
#featured-module .other .top a {
	color: #000;																/*VAR:foreground-color*/
}


#breaking {
	background: #f4f2ea;														/*VAR:content-bg*/
	border: 1px solid #e0C0b2;													/*VAR:breaking-border*/
	line-height: 22px;
	padding: 0px 4px;
	clear: both;
}
#breaking .more {
	margin-left: 6px;
}
#breaking b.head {
	background: url("/images/bg/more.gif") 0 4px no-repeat;						/*VAR:more-bg*/
	color: #900;																/*VAR:a-color*/
	padding: 0 4px 0 12px;
}


.sub-nav {
	background: #f4f2ea;
	border: 1px solid #b3a47a;
	border-top: none;
	display: none;
	padding: 0 0 2px;
	position: absolute;
	width: 150px;

	/*Opacity controls. ONLY works in IE and Mozilla browsers.
	I realize that this will cause this CSS file to not validate, but in this
	particular case, I'm willing to live with it. -Tobby
	*/
	-moz-opacity: 0.95;															/*Mozilla-specific opacity*/
	filter: alpha(Opacity=95);													/*IE-specific opacity*/
}

.sub-nav a {
	display: block;
	padding: 1px 5px;
	text-decoration: none;
	font-size: 11px;

}
.sub-nav a:hover,
.sub-nav a.selected {
	background: #b3a47a;
}
#sub-0 { margin-left: 0px; }
#sub-1 { margin-left: 350px; }
#sub-2 { margin-left: 417px; }
#sub-3 { margin-left: 499px; }
#sub-4 { margin-left: 607px; }
#sub-5 { margin-left: 616px; }


/* End Masthead
*******************************************************************************/


/*******************************************************************************
Begin Standard Class Selectors
*******************************************************************************/
.right { 																		/*This is used as a stackable class to right-align inline items*/
	display: inline;
	float: right;
}

.ad-full-banner {
	background: url("/images/bg/ad_label_banner.gif") no-repeat;
	margin: 0 0 0 13px;
	padding: 6px 6px 6px 15px;
	/*width: auto;*/

}
.more {
	background: url("/images/bg/more.gif") 0 4px no-repeat;						/*VAR:more-bg*/
	padding: 0 12px;
}
.other {
	background: #f4f2ea;														/*VAR:content-bg*/
	border: 1px solid #e5e2d8;													/*VAR:other-border*/
}

/*******************************************************************************
End Standard Selectors
*******************************************************************************/








/* These control how the inside (section and story) pages will appear. This 
gives the inner-background images, etc.
*/
#inside {
	background: url("/images/bg/section.gif") no-repeat bottom;
	padding: 0 8px 10px 10px;
}
#inside td {
	vertical-align: top;
}
#inside h1 {
	background: url("/images/bg/inside_h1.gif") no-repeat 10px 10px;
	color: #000;																/*VAR:foreground-color*/
	font-size: 26px;
	margin: 0;
	padding: 0 10px 0 30px;
}
#inside h2 {
	background: url("/images/bg/inside_h2.gif") no-repeat 6px 4px;
	border-bottom: 1px solid #76705e;											/*VAR:body-text-color*/
	color: #000;																/*VAR:foreground-color*/
	font-family: Arial,Sans-Serif;
	font-size: 12px;
	margin: 4px 6px 16px;
	padding: 0 10px 2px 18px;
	text-transform: uppercase;
}
#inside .content {
	margin: 0 10px 10px;
}

.breadcrumbs {
	border-bottom: 1px solid #76705e;											/*VAR:body-text-color*/
	font-family: Arial,Sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0 8px;
	padding: 0 0 4px 2px;
}

#inside .ad-180 {
	margin: 38px 0 10px;
}
#inside .ad-full-banner {
	background: url("/images/bg/ad_label_banner.gif") no-repeat;
	margin: 0 0 0 4px;
	padding: 6px 6px 6px 10px;
}
#inside  #top-story {
	margin: 6px 8px 0;
}
#inside  #top-story h2 {
	border: none;
	color: #76705e;																/*VAR:body-text-color*/
	font-size: 21px;
	margin: 0;
	text-transform: none;
}
#inside  #top-story p {
	margin: 0 0 12px;
}




#inside #story {
	padding: 6px 2px;
}
#inside #story p {
	margin: 0 0 10px;
}
#inside #story h2 {
	background: none;
	border: none;
	color: #76705e;																/*VAR:body-text-color*/
	font-size: 21px;
	margin: 0;
	padding: 0;
	text-transform: none;
}
#inside #story h3 {
	background: none;
	border: none;
	color: #76705e;																/*VAR:body-text-color*/
	font-size: 18px;
	margin-top: 4px;
	padding: 0;
	text-transform: none;
}

.story-ad {
	width: 310px;												
	float: left;
	margin: 0 10px 10px 0;
	padding: 0px;
}
.story-ad img {
	border-top: 1px solid #76705e;												/*VAR:body-text-color*/
	float: left;
	margin: 0 10px 10px 0;
	padding-top: 10px;
}
.story-ad div {
	margin-bottom: -8px;
	padding-right: 10px;
	text-align: center;
}
.story-ad div b {
	background: #f4f2ea;														/*VAR:content-bg*/
	padding: 0 10px;
}

#story-photos {
	
}
#story-photos #captions {
	background: #fff;															/*VAR:background-color*/
	border: 1px solid #e5e2d8;													/*VAR:other-border*/
	margin: 4px 6px 6px 0;
}
#story-photos #captions img {
	margin: 4px 1px 4px 2px;
}
#story-photos #captions .caption-text {
	display: none;
	margin: 2px;
}




/* These control how the different digests will appear on section index pages */
.digest {
    clear: both;
	margin: 0 16px 2px;
	display: block;
}
.digest p {
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 10px;
}
.digest .headline {
	font-weight: bold;
	line-height: 13px;
}
.digest .photo {
	clear: both;
	float: left;
	margin: 0 8px 6px 0;
}



























/*
/ * This controls the modules at the bottom of the front page. These should be
interchangeable. * /
*/
#inside #modules .module {
	margin: 0;
	padding: 0 6px 1px 0;
}
#inside #modules .module .content {
    padding: 0 12px 0 0;
}
#inside #modules .module-ad {
	margin: 0 0 8px 0px;
}













/*******************************************************************************
Begin Module Selectors
These definitions are specific to individual modules.
*******************************************************************************/
#modules {
	margin: 0 0px 6px 8px;
	width: 760px;
}
#modules td {
	width: 190px;
}
#inside #modules {
	padding-left: 8px;
	width: auto;
}
#modules .module {
	background: url("/images/bg/module.gif") left bottom no-repeat;		/*VAR:modules-bg*/
	padding: 0 6px 0 0;
	vertical-align: top;
}
#modules h2 {
	background: url("/images/bg/module_h2.gif") bottom left no-repeat;
	border: none;
	color: #000;																/*VAR:foreground-color*/
	font-family: Arial,Sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 7px 20px 11px;
	text-transform: uppercase;
}
#modules .module .content {
    margin: 6px 0 12px 16px;
    padding: 0;
}
#modules .module-ad {
	background: url("/images/bg/module_ad.gif") bottom left repeat-y;			/*VAR:modules-ad-bg*/
	color: #000;																/*VAR:foreground-color*/
	font-family: Arial,Sans-serif;
	font-size: 9px;
	padding: 0 12px 6px 4px;
	text-align: center;
	text-transform: uppercase;
}

#modules ul {
	margin: 4px 18px 2px 10px;
	padding: 0;
}
#modules li {
	background: url("/images/bg/list_1.gif") 0 2px no-repeat;
	line-height: 13px;
	list-style: none;
	margin: 0 0 6px 0;
	padding: 0 0 0 15px;
}
#modules .other {
	margin: 6px 20px 13px 14px;
	padding: 2px 5px;
}
#modules .other ul {
	color: #900;																/*VAR:a-color*/
	margin: 4px 6px;
}
#modules .other li {
	line-height: 10px;
}
#modules .other .top {
	background: url("/images/bg/list_2.gif") 0 2px no-repeat;
	color: #000;																/*VAR:foreground-color*/
	font-weight: bold;
}
#modules .other .top a {
	color: #000;																/*VAR:foreground-color*/
}


#modules .module .button {
	background: #d6d0bf;
	border: 1px solid #76705e;                                                  /*VAR:body-text-color*/
    font-size: 11px;
    font-weight: bold;
    margin: 6px 16px 2px 0;
    padding: 0 12px;
}




.polls {
    margin: 6px 0 12px 16px;
}
.polls img.photo {
	float: left;
	margin: 0 6px 6px 0;
}
.polls h3 {
    color: #ac3838;
    font-size: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
}
.polls h4 {
	color: #76705e;																/*VAR:body-text-color*/
    line-height: 16px;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.gallery select {
    margin: 12px 0 4px;
    width: 150px;
}
.gallery .photo {
    border: 1px solid #000;
}

.talk-back h3 {
    background: url("/images/icons/talk_back_h3.gif") no-repeat;
    color: #ac3838;
    font-size: 18px;
    margin: 0;
    padding: 0 0 0 20px;
}
.talk-back p {
    margin: 0 14px 10px 0;
}
#modules .module .talk-back ul {
    margin: 0;
}
#modules .module .talk-back li {
    background: url("/images/icons/talk_back_li.gif") 0 2px no-repeat;
}
#modules .module .gallery .button {
    padding: 0 4px;
}

.calendar {
    margin: 0 16px 0 0;
}
.calendar h3 {
    color: #ac3838;
    font-size: 18px;
    margin: 0;
    padding: 0 18px 0 0;
}
#modules .module .calendar ul,
#modules .module .calendar .other {
    margin: 6px 18px 6px 0;
}
#inside .module .related-stories ul {
    margin: 0 0 16px;
}
#inside .module .related-stories li {
    background: none;
    padding: 0;
}
/*
#inside .module {
    padding: 0 0 1px 0;
}
*/
/*******************************************************************************
End Module Selectors
*******************************************************************************/






.options {
	background: #d6d0bf;
    clear: both;
	margin: 0 8px 1px;
	padding: 1px 6px;
}
.keywords {
    margin: 10px 10px 20px;
}
.keywords h4 {
    margin: 0;
    font-size: 12px;
}