/**
* A CSS file for NewsRoomAmerica.com
*/

/* Reset to a cross-browser base situation */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,
kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;padding:0;border:0;outline:0;vertical-align: baseline;
	font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;
}
/*:focus{outline:0;}*/ /* uncomment when focus styles are defined! */
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* Reset complete, now start the actual stylesheet */
h1, h2 {
  margin-top:1em;
  font-weight: bold;
  font-family: georgia,serif;
  padding: 0.5em 0;
  padding-right:3em;
  color:#365616;
}

h1 {
  padding:0 0 0.5em;
  font-size:130%;
  line-height:140%;
}


p {
  font-family: sans-serif;
}

a, a:visited, a:hover {
  color:navy;
}

h2.title {
  padding: 0.5em 0 0 0;
  font-weight: bold;
  font-family: georgia,serif;
  color:#365616;
}

img.logo, a.logo {
  padding:1.7em 1.5em 1.4em;
  margin:0;
  border:0;
/*  position: fixed; */
  top: 1.75em;
  left: 0px;
}

a.partner {
  float: right;
  padding-right: 3em;
}

body {
  padding: 0;
  line-height:135%;
  min-width:58em;
}

#top_menu, #top_menu a, #top_menu a:hover, #top_menu a:visited {
  background-color:#365616;
  color: white;
  font-family: sans-serif;
  font-size: 85%;
  font-weight: bold;
  text-decoration:none;
}

#top_menu {
  background-color:#365616;
  height: 2.8em;
  width:100%;
  margin:0;
}

#top_menu ul {
  padding-left:1.5em;
}

#top_menu li {
  float:left;
  position:relative;
  padding:0.65em 2em 0;
  display: inline;
}


#cat_menu, #cat_menu a, #cat_menu a:hover, #cat_menu a:visited {
  background-color:white;
  color: #333;
  font-family: georgia,serif;
  font-weight: bold;
  font-size: 85%;
  text-decoration:none;
  z-index:10;
}

#cat_menu {
  width:100%;
  height:2.8em;
  display:block;
  border-top: 1px #c0c0c0 solid;
  border-bottom: 1px #c0c0c0 solid;
  z-index:10;
}

#cat_menu ul {
  padding-left:3em;
}

#cat_menu li {
  float:left;
  position:relative;
  display: inline;
  line-height:2.8em;
  padding: 0 0.6em;
  border-left: 1px #c0c0c0 solid;
/*  border-right: 1px #c0c0c0 solid; */
  border-collapse:collapse;
  z-index:10;
}



#top_header,
#main_page {
  position:relative;
  display:block;
}

#top_header {
  z-index:100;
}

#main_page {
  z-index:1;
}

#top_media {
  height: 6.5em;
  width:100%;
}


#top_advert {
  position:absolute;
  margin:0;
  right: 3em;
  top: 3.7em;
}

p.bottom_advert {
  padding:6em 3em 2em;
}

#content {
  display:block;
  position:relative;
  top:1em;
  left:3em;
  padding-right:1em;
  width:63%;
  min-width:37em;
  max-width:80em;
  min-height:76em;
  z-index:1;
}


#sideright {
  position:absolute;
  top:1em;
  right:1em;
  padding-left:1em;
  width:25%;
  min-width:18em;
  max-width:25em;
  z-index:1;
}

#sideright input.search_fld {
  border: 1px #d0d0d0 solid;
  height:2em;
  line-height:2em;
  font-size:100%;
  width:11.2em;
  padding:0 0 0 0.3em;
  margin:0;
  vertical-align:top;
  color:#a0a0a0;
}

#sideright input.search_btn {
  border: none;
  border: 1px #365616 solid;
  background-color:#365616;
  color:white;
  height:2.15em;
  font-size: 100%;
  padding:0;
  margin: 0;
  vertical-align:middle;
}

#sideright .sidebox {
  border: 1px #d0d0d0 solid;
  width:250px;
  min-height:14em;
  padding:0.3em;
}

#popular .sidebox,
#twitter .sidebox {
  background-color: #f2efef;
  line-height: 1.5em;
}

#categories a {
  font-size:95%;
  color: navy;
  padding-left: 2em;
}

#categories a:hover,
#categories a:visited {
  color: navy;
}

#categories a.first {
 padding-left: 1em;
}

#twitter ul.sidebox li {
  margin-left:1.5em;
  margin-right:0.1em;
  list-style: outside;
  list-style-image: url(/images/chirp.png);
  font-size:75%;
  font-family:sans-serif;
  line-height:130%;
  padding:0.25em 0.05em;
}

#popular ol.sidebox li {
  margin-left:2em;
  margin-right:0.1em;
  list-style: decimal outside;
  font-size:75%;
  font-family:sans-serif;
  line-height:120%;
  padding:0.3em 0.05em;
}

#popular ul.sidebox li a,
#twitter ul.sidebox li a {
  text-decoration:none;
}

table.stories {
  border-collapse:collapse;
  padding:0;
  margin:0;
}
table.stories tr {
  vertical-align:top;
}

table.stories tr td {
  width:50%;
  padding:0;
}

div.top_story {
  padding-top: 0;
  padding-bottom: 2em;
}

div.top_story p {
  font-size:115%;
  line-height:120%;
  padding: 0;
  padding-right:3em;
}

a.top_title {
  text-decoration:none;
  color:#365616;
}


h1 a.title, h2 a.title {
  text-decoration:none;
  color:#365616;
  margin:0;
}

.category_heading a {
  text-decoration:none;
  color:#365616;
}

div.list_story {
  padding: 1em 3em 3em 0;
  /* border:1px pink solid; */
}

div.list_story h2,
td h2 {
  background-color:inherit;
  font-size:100%;
  margin: 0;
  padding: 0.5em 0 0;
/*  border: 1px green dashed; */
}

div.list_story p {
  color:black;
  padding:0.2em 0;
  margin:0;
/*  border: 1px aqua dashed; */
}

div.list_story a.story_link {
  padding-left: 1em;
  font-size:80%;
}

div.list_story p.storycat {
  clear:both;
  font-size:75%;
  font-weight:bolder;
  color:black;
  font-family:sans-serif;
  margin:0;
}

div.list_story p.storycat span.storytime {
  clear:both;
  font-size:90%;
  color:#a0a0a0;
  font-family:sans-serif;
}

div.story {
  padding:0;
}

div.top_story p.author_name,
p.author_name {
  text-align:left;
  clear:both;
  font-size:90%;
  padding:0.5em 0 1em;
  margin:0;
}

p.author_name a {
  font-weight:bolder;
  color:#103008;
  font-family:sans-serif;
  margin:0;
}

div.story p {
  padding:0.3em;
}

div.bookmark_submit {
  float:left;
  padding:1em 0;
}

div.bookmark_submit img {
  border:none;
}

div.bookmark_submit a {
  padding: 0.3em;
}


table.categories td,
table.categories th {
  vertical-align:top;
  padding:1em 0;
}

table.categories th {
  text-align:left;
  font-weight:bold;
  color:#103008;
  font-family:georgia,serif;
}

ul.catlist,
ul.taglist {
  list-style-type:none;
  margin:0;
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
ul.catlist li,
ul.taglist li {
  float:left;
  position:relative;
  padding:0;
  display: inline;
}

ul.catlist li a,
ul.catlist li a:visited,
ul.taglist li a,
ul.taglist li a:visited {
  display:block;
  font-family: sans-serif;
/*  text-decoration:none;
  color:#365616; */
  height:1.2em;
  vertical-align:middle;
  border-width:0;
  padding: 0 0.5em;
  margin: 0;
}


div.list_story p.taglist {
  text-align:left;
  display: block;
}


div.list_story ul.taglist {
  float:left;
  position:relative;
  padding:0;
  display: inline;
  clear:none;
}

div.list_story table.taglist {
  padding: 0;
  padding-bottom:1em;
  /* border: 1px magenta dashed; */
}

div.list_story table.taglist td {
  width:inherit;
  padding:0.1em 0.3em 0.1em 0;
  font-family:georgia,serif;
  color:#365616;
  font-size:90%;
  vertical-align:top;
}

#page_bar {
  width:90%;
  border-collapse:collapse;
  margin:1.5em 0;
  padding-right:2em;
}

#page_bar td {
  text-align:center;
  border:1px solid #D0D0D0;
  vertical-align:middle;
  font-family:georgia,serif;
  font-weight:bold;
}

#page_bar td.newer_stories,
#page_bar td.older_stories {
  width:20%;
  font-size:90%;
  font-family:sans-serif;
  background-color:#365616;
  border:1px solid #365616;
  color:white;
  height:2.15em;
}

#page_bar td.newer_stories a,
#page_bar td.older_stories a {
  color:white;
  text-decoration:none;
}

/* Handle the menus, usually at the top of the screen */

/* Not actually using a div at this point */
/*div.menu {
  width:100%;
  display:block;
  height:1.5em;
  position: fixed;
  top: 0px;
  left: 0px;
}

ul.menu {
  width:100%;
  font-size:1em;
  display:block;
  z-index:100;
  padding:0;
  margin:0;
  list-style-type:none;
  display:block;
  height:1.75em;
  position: fixed;
  top: 0px;
  left: 128px;
  left: 0px;
  background-color: #c7d0d9;
}
*/

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
li.top_menu {
  float:left;
  position:relative;
  padding:0;
  display: inline;
}

/* style the links for the top level */
ul.categories_menu li.top_menu a,
ul.categories_menu li.top_menu a:visited {
  display:block;
  font-weight: bold;
  font-family: sans-serif;
  text-decoration:none;
  color:#365616;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
ul.sub_menu {
  visibility:hidden;
  position:absolute;
  text-decoration:none;
  list-style-type:none;
  display:block;
  z-index:100;
  height:0;
  top:2.8em;
  left:-3.1em;
  width:auto;
  background:#f2efef;
  border-right: 1px #d0d0d0 solid;
  z-index:10;
}

/* style the second level links */
#cat_menu ul.sub_menu li.sub_menu,
#cat_menu ul.sub_menu li.sub_menu a,
#cat_menu ul.sub_menu li.sub_menu a:visited {
  background:#f2efef;
  color:black;
  line-height:2em;
  padding:0 0.3em;
  white-space:nowrap;
  min-width:14em;
  border-collapse:collapse;
  z-index:10;
}

#cat_menu ul.sub_menu li.sub_menu {
  border-bottom: 1px #d0d0d0 solid;
  border-right: 1px #d0d0d0 solid;
}

#cat_menu ul.sub_menu li.sub_menu:hover,
#cat_menu ul.sub_menu li.sub_menu a:hover {
  color:#ffffff;
  background-color:#365616;
}

/* style the top level hover */
#cat_menu ul.categories_menu :hover > a,
#cat_menu ul.categories_menu li.top_menu:hover > a,
#cat_menu ul.categories_menu li.top_menu:hover,
#cat_menu ul.categories_menu li.top_menu a:hover {
  background-color:#365616;
  color:#ffffff;
  text-decoration:none;
}

/* make the second level visible when hover on first level list OR link */
ul.categories_menu li.top_menu:hover ul.sub_menu,
ul.categories_menu li.top_menu a:hover ul.sub_menu {
  visibility:visible;
  z-index:10;
}