@import url(/calendar.css);
@import url(/clfile/common.css);
@import url(/clfile/maps.css);


body {
    background-color: #660202;
    height: 100%;
    text-align: center;
    margin-top: 6px;
}

form {
	padding: 0;
	margin: 0;
}

body, td, th, p, span, div, dt, dd, ul, ol, a, h1, h2, h3, h4, h5 {
    font: 11px/16px verdana, "trebuchet MS", helvetica, sans-serif;
}
th, th a {
  font-weight: bold;
  text-align: left;
}

img {
   margin: 0px;
   border: 0px;
}
/* .link is defined in common.css */
.link {
  font-weight: normal;
}
a:link, a:visited {
   color: #333;
   text-decoration: none;
   border: 0px;
}
a:hover {
   color: #333;
   text-decoration: underline;
}
fieldset {
   margin: 5px;
}
legend {
   font-size: smaller;
   color: #000;
}
label {
	font-size: smaller;
	color: #333;
}
/* float resetter */
.separator {
   clear: both;
   font-size: 1px;
   line-height: 0px;
   height: 0px;
   padding: 0;
   margin: 0;
}

p.clear {
  clear: both;
}

/* Modified Calendar styles */
td.calDayHead,
td.calSundayHead {
  width: 100px;
}

/*  TEXT  */

h1 {
    margin-bottom: 7px;
    padding-bottom: 0px;
}

h2 {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

h3,h4,h5 {
    margin-bottom: 0px;
}

h1, h1 a {
    font-size: 14px;
    font-weight:  bold;
}

h2, h2 a {
    font-size: 13px;
    font-weight:  bold;
}

h3, h3 a, h4, h4 a {
    font-size: 11px;
    font-weight:  bold;
}

input {
     font: 11px/15px verdana, sans-serif;
}

textarea {
     font: 11px/15px verdana, sans-serif;
}

input.slimbutton, a.slimbutton {
    font-size:66%;
    font: 11px/15px verdana, sans-serif;
    font-weight: bold;
    text-decoration: none;
    border: none;
    color: white;
    background-color: red;
    background-image: url(/images/bg_buttons.gif);
    background-repeat: repeat-x;
}
a.slimbutton {
  padding: 2px;
}
a.slimbutton:link, a.slimbutton:visited {
  color: #fff;
}
a.slimbutton:hover {
   color: #fff;
   text-decoration: none;
}
div.pagectl {
    background-color: #e3e6e0;
    padding-top: 10px;
    padding-bottom: 5px;
}
span.pagectl {
	color: #000;
	font-size: 9px;
	padding-left: 1px;
	padding-right: 1px; 
	border: 1px solid black;
}

a.pagectl, a.pagectl:visited, a.pagectl:active, a.pagectl:hover {
	color: #000;
	text-decoration: none;
	font-size: 9px;
	padding-left: 1px;
	padding-right: 1px; 
	border: 1px solid black;
}

a.pagectl:hover { 
	background-color: #f69016;
	color: #000;
}

a.admin {
	background-color: #F00;
	color: #FFF;
	font-size: 9px;
	padding-left: 2px;
	padding-right: 2px; 
	margin-left: 2px; 
	margin-right: 2px; 
	text-decoration: none;
}

div.functionbox {
	width: 200px;
	border: 1px solid black;
	background-color: #ccc;
	padding: 5px;
}

div.infobox {
	width: 200px;
	border: 1px solid black;
	background-color: #fff;
	padding: 5px;
}

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

#outer {
  width: 968px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
#pageheader {
  width: 960px;
  margin-bottom: 7px;
}

/* Navigation menu at top of screen */
#navigation {
  margin-right: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 2px;
  vertical-align: middle;
  background-color: #d7d8d3;
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
}
#navigation-shadow {
  width: 960px;
  height: 8px;
  background-color: #660202;
  background-image: url(/images/skugga_s.png);
  background-position: left top;
  background-repeat: repeat-x;
}
#navigation ul
{
   margin: 0px;
   padding: 0px;
}
#navigation li
{
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  white-space: nowrap;
  list-style-type: none;
  padding-left: 4px;
  padding-right: 0px;
  color: #300202;
}
#navigation li a {
  color: #300202;
  font-weight: bold;
}
#navigation li a:hover {
  text-decoration: underline;
}
.content {
  width: 100%;
}

#albums-viewpiclarge .content {
  text-align: center;
  background-color: #d7d8d3;
  padding-top: 10px;
  padding-bottom: 20px;
}
.footer {
  margin-top: 10px;
  padding-right: 15px;
}
.footer td {
  font-size: 0.70em;
  color: #996666;
}
.footer a,
.footer a:link,
.footer a:visited {
  font-size: 0.9em;
  color: #996666;
}

table.twocolumn {
	height: auto;
}
td.twocolumn-gutter {
  padding-left: 0px !important;
}
td.twocolumn-right {
  height: auto;
  padding-right: 0px;
}

table.compact-list,
table.document-list {
  width: 100%;
  border-collapse: collapse;
}
table.document-list thead,
table.compact-list thead {
  background-color: #660202;
  background-image: url(/images/grad_title.png);
  background-position: top left;
  background-repeat: repeat-x;
}
table.document-list tbody,
table.compact-list tbody {
  background-color: #e3e6e0;
  border-left: 1px solid #d7d8d3;
}
#ingress tbody {
  background-color: #660202;
}
table.document-list th,
table.compact-list th {
  line-height: 20px;
  letter-spacing: 0.1em;
  color: #f3f3f3;
  padding-left: 4px;
  padding-top: 0px;
  padding-bottom: 2px;
  color: #eee;
}
table.document-list td {
  padding: 3px 6px 2px 5px;
}
table.compact-list td {
  padding: 1px 3px 2px 3px;
}
table.document-list a,
table.compact-list a {
  color: #000;
}
th.title {
  width: 99%;
  border-top: 1px solid #d7d8d3;
  border-left: 1px solid #d7d8d3;
}
th.icon {
  width: 1%;
  text-align: right;
  padding-right: 2px;
  vertical-align: middle;
  border-top: 1px solid #d7d8d3;
}
#ingress th.title,
#ingress th.icon {
  border-bottom: 1px solid #330000;
}
table.document-list h2,
table.document-list h2 a {
  margin-top: 0px;
  font-size: 1.0em;
}
th.skugga-no {
  width: 8px !important;
  overflow: hidden;
  padding: 0px;
  background-color: #660202;
  background-image: url(/images/skugga_no.png);
  background-position: left top;
  background-repeat: no-repeat;

}
td.skugga-o {
  width: 8px !important;
  overflow: hidden;
  padding: 0px;
  background-color: #660202;
  background-image: url(/images/skugga_o.png);
  background-position: left top;
  background-repeat: repeat-y;
}
td.skugga-so {
  width: 8px !important;
  line-height: 8px;
  overflow: hidden;
  padding: 0px;
  background-color: #660202;
  background-image: url(/images/skugga_so.png);
  background-position: left top;
  background-repeat: no-repeat;
}
td.skugga-s {
  width: 99.9%;
  line-height: 8px;
  padding: 0px;
  background-color: #660202;
  background-image: url(/images/skugga_s.png);
  background-position: left top;
  background-repeat: repeat-x;
}
td.skugga-sv {
  width: 8px !important;
  line-height: 8px;
  overflow: hidden;
  padding: 0px;
  background-color: #660202;
  background-image: url(/images/skugga_sv.png);
  background-position: right top;
  background-repeat: no-repeat;
}
tr.link:hover, 
td.link:hover { 
  background-color: #f0f2ec;
}
.document-list-entry p {
  margin:3px;
  padding: 0;
  padding-bottom: 10px;
  /*border-bottom: 1px dotted #666;*/
}
a.doctitle {
  font-weight: bold;
  margin-bottom: 5px;
}
a.readmore,
a.readmore:link,
a.readmore:visited {
  text-decoration: underline;
}
img.lang {
  border: none;
  float: right;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 6px;
}
.crumbs {
  color: #000;
  padding-bottom: 10px;
}
.crumbs a:link,
.crumbs a:visited {
  color: #000;
}
.crumbs span {
  color: #000;
  font-weight: bold;
}
td.poll {
  font-size: 0.7em;
  padding: 0px;
}
div.logga {
  width: 400px;
  padding-top: 20px;
  padding-bottom: 50px;
  text-align: center;
}
.compact-list input {
  background-color: #d7d8d3;
}

#ingress p,
#ingress a {
  color: #fff;
  font-weight: bold;
}
#ingress a {
  text-decoration: underline;
}
.text-separator {
  margin-left: 6px;
  margin-right: 6px;
}
.textpanel {
  padding: 5px 5px 10px 5px;
}
.textpanel p {
  margin: 3px 9px 5px 9px;
}
.textpanel img {
  vertical-align: top;
  margin: 5px;
}
#weather td {
  padding-top: 0px;
  padding-bottom: 1px;
}
img.document-list-img {
  float: left;
  margin-right: 5px;
  margin-bottom: 2px;
  border: 1px solid #333;
}
div.sponsors {
  margin-right: 8px;
  float: right;
}
div.sponsors img {
  border: 1px solid #000;
  margin-bottom: 3px;
}
.ads-marker {
  float: right;
  margin-right: 9px;
  margin-bottom: 2px;
}
.adsum {
  color: #333 !important;
}
.company-view {
    width: 100%;
    background-color: #fff;
}
.company-logo {
  float: right;
}
.company-info {
    float: left;
    font-size: 1.3em;
    line-height: 1.3em;
    margin-left: 3px;
}
.company-info a {
    font-size: 100%;
}
.company-view p {
    font-size: 1.2em;
    line-height: 1.3em;
    margin-left: 3px;
}