/***************** Redefined tags *******************/

.smlink { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #FFFFFF;}
.smlink a:link, .smlink a:visited {text-decoration: none;}
.smlink a:hover {text-decoration: underline;}

.heading1, .heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #FDF3A3;
}

.heading2 {
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
	color: #FFFFFF;
}

.heading3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #000000;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #FFF;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}

a:link {
	color: #990000;
	text-decoration: underline;
}

a:visited {
	color: #707070;
	text-decoration: underline;
}

a:hover {
	color: #0000CC;
	text-decoration: underline;
}

h2 {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #990000;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 2px 0 2px 0;
}

h2 a:link, h2 a:visited { 
	color: #FFF;
	text-decoration:none;
}

h2 a:hover {
	background-color: #FFF;
	color: #990000;
	text-decoration: none;
}

h4 {
	color:#707070;
	font-size:12px;
	letter-spacing:0.05em;
	border-bottom: 1px solid #999999;
	margin: 0;
}

hr {
	color: #999;
}

/***************** Layout divs *********************/

#frame {
	position:relative;
	height: 80px;
	margin-top: 7px;
	border: 0;
	padding: 0;
}

#mast {
	position: relative;
	width: 880px;
	height: 62px;
	margin: 0;
	padding: 0;
	overflow: visible;
}

#content {
	position: relative;
	top: 3px;
	width: 880px;
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}

.leftcol {
	float:left;
	width: 470px;
	margin: 0 8px 5px 0;
	padding: 0;
	border: 0;
}

.widecol {
	float:left;
	width: 690px;
	margin: 0 8px 5px 0;
	padding: 0;
	border: 0;
}

.sectionBox {
	float:left;
	width: 565px;
	margin: 0 5px 5px 0;
	padding: 0;
	background-color: #FFF;
	border: 1px solid #990000;
	font-size: 12px;
	color: #000;
	font-weight: normal;
}

.storyBox {
	float: left;
	width: 680px;
	margin: 0 5px 5px 0;
	padding: 0;
	background-color: #FFF;
	border: 1px solid #990000;
	font-size: 14px;
	color: #000;
	font-weight: normal;
}

.wideBox {
	float:left;
	width: 750px;
	margin: 0 5px 5px 0;
	padding: 0;
	background-color: #FFF;
	border: 1px solid #990000;
	font-size: 12px;
	color: #000;
	font-weight: normal;
}

.rightcol {
	float:left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 224px;
}

.rightcol2 {
	float:left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 160px;
}

.rightcolsky {
	float:right;
	margin: 5px 0px 5px 0px;
	padding: 0;
	width: 120px;
}


.adscol {
	float: left;
	margin: 0 0 5px 8px;
	padding: 0;
	width: 165px;
}

.adscolright {
	float: right;
	margin: 0 0 5px 8px;
	padding: 0;
	width: 165px;
}


.topstoryBox {
	width: 470px;
	margin: 0;
	padding: 0;
	border: 1px solid #990000;
	background: #EAEAEA url(/newdesign/images/stripes.gif) repeat;
	font-size: 12px;
}

.specialBox {
	width: 690px;
	margin: 0;
	padding: 0;
	border: 1px solid #990000;
	background: #EAEAEA url(/newdesign/images/stripes.gif) repeat;
	font-size: 12px;
}

.otherSpecialBox {
	width: 100px;
	margin: 5px 0 0 0;
	padding: 0;
	border: 1px solid #990000;
	background: #EAEAEA url(/newdesign/images/stripes.gif) repeat;
	font-size: 13px;
	font-weight: bold;
}

.otherBox {
	width: 222px;
	margin: 5px 0 0 0;
	padding: 0;
	border: 1px solid #990000;
	background: #EAEAEA url(/newdesign/images/stripes.gif) repeat;
	font-size: 13px;
	font-weight: bold;
}

.previousBox { 
	width: 470px;
	margin: 5px 0 5px 0;
	padding: 0;
	border: 1px solid #990000;
}

.feedsBox {
	width: 222px;
	margin: 5px 0 0 0;
	padding: 0;
	border: 1px solid #990000;
	background: #EAEAEA url(/newdesign/images/stripes.gif) repeat;
	font-size: 13px;

}

.pollBox {
	width: 312px;
	border: 1px solid #707070;
	background-color: #EAEAEA;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: left;
}

.columnistsBox {
	width: 470px;
	border: 1px solid #990000;
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

.box-in {
	width: auto;
	padding: 3px;
	line-height: 1.15em;
}

/**************** Navbar styles *********************/

	#dmenu{                         /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0;                  /* space around the list container */
        padding: 0;                 /* space within the list container */
        position: absolute;         /* need this so that the z-index stuff works correctly */
		top: 74px;
        color: #000;                /* the default font color (not links) within the main menu container */
        z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
		font-size: 12px;
    }
	
    #dmenu li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
        border: 1px solid #707070;  /* border for each of the main menu items */
        background-color: #EAEAEA;  /* main menu item background color */
        color: #707070;             /* main menu item font color (not links) */
        margin: 0px;                /* spacing between main menu items */
        padding: 0px;               /* padding within main menu items */
        width: 165px;               /* the width of each main menu item */
        display: block;
		letter-spacing: 0.05em;
    }

    #dmenu ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        width: 165px;               /* should be the same as #dmenu li width */
        background-color: #EAEAEA;  /* sub-menu default background color */
        border: 1px solid #707070;     /* the border around the sub-menu list */
        color: #000;                /* sub-menu default font color (not links) */
        z-index: 99;                /* want to be sure this is above the rest of the menu */
    }

    #dmenu ul li{                   /* second-level or greater menu element links */
        background-color: #EAEAEA;     /* default background color for sub-menu container */
        color: #000;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 3px;               /* This is for padding between menu items in the drop-downs */
        width: 159px;               /* (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
    }

    #dmenu li a{                    /* top-level menu element links */
        text-align: center;         /* text alignment in main menu item links */
        width: 165px;               /* set this to #dmenu ul width */
        display: block;
		text-decoration: none;
		color: #707070;
    }
    
    #dmenu ul a {                   /* all the other level menu link elements */
		text-align: left;
        padding: 3px 0 3px 0;
        margin: 0px;
        width: 153px;               /* (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
        display: block;
		text-decoration: none;
    }

    #dmenu a:hover,                 /* top-level hovering properties */
    #dmenu li:hover{
        display: block;
        background-color: #CCCCCC;
        color: #707070;
    }
    
    #dmenu ul li:hover,             /* higher level hovering properties */
    #dmenu ul li a:hover{
        display: block;
        width: 159px;               /* should be set to the same value as #dmenu ul li width */
        background-color: #FFF;
        color: #990000;
    }

    #dmenu ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        margin-left: 141px;         /* this should be the width of #dmenu ul li */
        margin-top: -2em;           /* this will push the sub-menu up to the level of it's parent */
    }

    /* only non-MSIE browsers use this */
    #dmenu ul li>ul,
    #dmenu ul ul li>ul{
        margin-top: -2em;           /* should be set to the same as #dmenu ul ul margin-top */
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul{
        display:block;
    }

    li>ul {
        top: auto;
        left: auto;
    }

/***************** Inline classes ********************/

.floatright {float:right;margin: 0 0 2px 2px;}

.byttl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #990000;
}

.mainheadline {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
}

.byline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
}

.pixcredit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #707070;
	font-weight: normal;
	text-align: right;
}

.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: italic;
	font-weight: normal;
}

.timestamp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #990000;
}

.redbold {
	color: #990000;
	font-weight: bold;
}

.headline {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
}

.sizeTen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.sizeTwelve {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.breakingnews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px;
}

.breakingnews a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.breakingnews a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.breakingnews a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
    text-decoration:underline;
}


/******** PHOTOBOX STYLES *************/

.redstripe {
	width:auto;
	padding:2px;
	margin:0;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#FFF;
	background-color:#333333;
}

.photolinks {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none}
.photolinks a:link { color: #FFFFFF; font-weight: normal; font-size: 8pt; text-decoration: none;}
.photolinks a:visited { color: #FFFFFF; font-weight: normal; font-size: 8pt; text-decoration: none;}
.photolinks a:hover { display:inline;color: #FFFFFF; text-decoration: none; background-color: #990000;}

.buyphoto {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #990000; text-decoration: none}
.buyphoto a:link { color: #99000; font-weight: bold; font-size: 9pt; text-decoration: none;}
.buyphoto a:visited { color: #990000; font-weight: bold; font-size: 9pt; text-decoration: none;}
.buyphoto a:hover { display:inline;color: #990000; text-decoration: none; background-color: #ffffff;}



.photocredit {
	width:auto;
	padding:3px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic;
	font-weight:normal;
	color:#99000;
	text-align:right;
	background: #999 url(http://www.theeagle.com/images/photobar_grey.gif) repeat-x;
}

.tableBGcolor {background-color: #F3EFE5;
	margin-left: 8px;
	margin-bottom: 8px;}

.photobox-in {margin:4px; text-align:right;}
.topadsBox {
	position: relative;
	width: 158px;
	margin: 6px 0;
	padding: 0;
	border: 1px solid #666666;
	background: #E2E2C5 url(http://www.theeagle.com/images/calendar_bg.gif) repeat;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.13;
	overflow: hidden;
}

.topadsBox a:link {font-weight: 100; font-size: 10px; text-decoration:none; color: #990000;}
.topadsBox a:hover {text-decoration: underline; color: #FF0000;}
.topadsBox a:visited {text-decoration: none; color: #999999;}

.topadsBox p {margin-top: 0;}

.topadsBox a.bold {font-weight: 700; font-size: 11px;}
.wideBox2 {
	float:left;
	width: 835px;
	margin: 0px 5px 5px 0;
	padding: 0;
    background: #ffffff;
	font-size: 12px;
	color: #000;
	font-weight: normal;
}
.sizeEight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
}

a.navbar:link {
	color: #000000;
	text-decoration: none;
}

a.navbar:visited {
	color: #000000;
	text-decoration: none;
}

a.navbar:hover {
	color: #990000;
	text-decoration: none;
}

.navbarbox {
padding-bottom: 5px;
padding-top: 5px;
}