body {
    background-color: #6A6A6A;
    color: #000000;
    font-size: 10px;
    font-family: verdana, arial, sans-serif;
	margin : 0 0 0 0;
    padding:0px;
}

a { color : #FFFFFF; font-weight:bold; text-decoration: none;}
a:link,a:active { border-bottom: 1px dotted #FFFFFF; }
a:visited { border-bottom: 1px dotted #BBBBBB; }

img {
    border: 0px;
    }

table {
    empty-cells: show;
    }
td {
    color: black; 
    font-size: 12px;
    font-family: verdana, arial, sans-serif;
    }
h1 {
    font-weight: bold; 
    font-family: verdana, arial, sans-serif;
    }
h2 {
    font-weight: bold; 
    font-family: verdana, arial, sans-serif;
    }

ul {
    padding-left: 2px;
    margin: 2px;
    list-style: inside;
    list-style-type: disc;
}

ul ul {
    padding-left: 5px;
    margin: 2px;
    list-style: inside;
    list-style-type: circle;
}

ul ul ul {
    padding-left: 5px;
    margin: 2px;
    list-style: inside;
    list-style-type: square;
}


form {
    margin: 0px;
    }

.headertext {
    color: black;
    font-weight: bold;
}
.navtext {
    color: white;
    font-weight: bold;
}
.blocktitle {
    color: white;
    font-size: 10px;
    font-weight: bold;
    font-family: verdana, arial, sans-serif;
    background: #7A95AF;
    clear: both;
}
.footer {
    font-size: 10px;
    font-family: verdana, arial, sans-serif;
    background: #7A95AF;
    color: #FFFFFF;
}
.storytitle {
    font-size: 12px;
    font-weight: bold; 
    font-family: verdana, arial, sans-serif;
    color: white;
    background: #7A95AF;
    }
.storybyline {
    color: #B0967B; 
    font-size: 10px;
    font-weight: bold; 
    font-family: verdana, arial, sans-serif;
    }
.storyattributes {
    color: #B0967B; 
    font-size: 10px;
    font-weight: bold; 
    font-family: verdana, arial, sans-serif;
    }
.storyunderline{
    background: #000000; 
    }
.storyedit {
    background: #506A85;
    color: #FFFFFF;
    }
.warning {
    color: red; 
    font-size: 12px;
    font-weight: bold; 
    font-family: verdana, arial, sans-serif;
    }
.warningsmall {
    color: red; 
    font-size: 10px;
    font-family: verdana, arial, sans-serif;
    }
.commentbar1 {
    color: white; 
    background: #000000; 
    font-size: 12px;
    font-family: verdana, arial, sans-serif;
    }
.commentbar2 {
    background: #000000;
    font-size: 12px;
    font-family: verdana, arial, sans-serif;
    }
.commentbar3 {
    color: white; 
    background: #000000; 
    font-size: 10px;
    font-family: verdana, arial, sans-serif;
    }
.commenttitle {
    font-size: 12px;
    font-weight: bold; 
    background: #FFFFFF; 
    font-family: verdana, arial, sans-serif;
    }


/* CALENDAR START */
.cal-day {
    font-size: 14px;
    font-weight: bold;
    }
.cal-nullday {
    background: #EEEEEE;
    color: white;
    }
.cal-oldday {
    background: #DDDDDD;
    color: black;
    }
.cal-today {
    background: yellow;
    color: black;
    }
.cal-futureday {
    background: gray;
    color: black;
    }
.weekview-caltitle {
    background: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    }
.weekview-curday {
    background: yellow;
    }
.weekview-offday {
    background: #FFFFFF;
    }
.weekview-dayformat {
    font-weight: bold;
    }
.weekview-addevent {
    font-size: 9px;
    }
.weekview-daterange {
    font-size: 16px;
    font-weight: bold;
    }
.dayview-times {
    font-weight: bold;
    text-align: center;
    }
.dayview-datecol {
    font-weight: bold;
    background: #DDDDDD;
    font-size: 16px;
    }
.dayview-quickaddtitle {
    font-weight: bold;
    background: #FFFFFF;
    font-size: 14px;
    }
/* CALENDAR END */


div.spacer {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-style: none;
    font-size: xx-small;
    }
.cellborder {
    background: #000000;
    }
.featuredtext {
    font-weight: bold;
    }
.mailform {
    background: #D3D3D3;
    }
.invisible {
    display: none;
    }
.inactive {
	color: #888;
	}




#banner {
    margin-top: 0px;
    }

div.footercontent {
    clear: both;
    }
    div.footercontent span.left {
        float: left;
        text-align: left;
        width: 49%;
        }
    div.footercontent span.right {
        float: right;
        text-align: right;
        width: 49%;
        }
div.story {
    clear: both;
    border:1px solid #000000;
    border-bottom: 0px;
    padding: 0px;
    }
    div.story span.right {
        float: right;
        text-align: right;
        width: 20%;
        }
    div.story span.left {
        float: left;
        text-align: left;
        width: 80%;
        }
div.story-title {
    background-color: #7A95AF;
    border-bottom:1px solid #000000;
    padding: 2px;
    margin: 0px;
    }
div.story-content {
    border-bottom:1px solid #000000;
    margin: 0px;
    background-color: #506A85;
    }
/*

div.story-header {
    clear: both;
    }
    div.story-header span.left {
        text-align: left;
        }
    div.story-header span.right {
        float: right;
        text-align: right;
        width: 20%;
        }
*/
div.story-introtext {
    background-color: #506A85;
    border-bottom:1px solid #000000;
    }

    div.story-bodyhtml span.left {
        float: left;
        text-align: left;
        width: 49%;
        }
    div.story-bodyhtml span.right {
        float: right;
        text-align: right;
        width: 49%;
        }
/*
    div.story-bodyhtml span.story-storyedit {
        display: none;
        }

div.story-management {
    background-color: #506A85;
    }
*/

div.block-spacer {
    clear: both;
    height: 5px;
    }

div.block {
    background-color: #7A95AF;
    border:1px solid #000000;
    margin-top: 5px;
    clear: both;
/*
The background color of the block title is contained in the div.block section
This is done to avoid having to use a spacer div in the floating title / help icon
*/
    }

div.block-content {
    border-top:1px solid #000000;
    padding: 2px;
    color: white;
    background-color: #506A85;
    }


div.block-title {
    font-size: larger;
    font-weight: bold;
    color: white;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
/*
The background color of the block title is contained in the div.block section
This is done to avoid having to use a spacer div in the floating title / help icon
*/
    }
    div.block-title img {
        vertical-align: bottom;
    }
    div.block-title span.left {
        float: left;
        text-align: left;
/*            width: 90%; */
        }
    div.block-title span.right {
        float: right;
        text-align: right;
        width: 9%;
        }
div.logo-line {
    clear: both;
    height: 128px;
    background-color: #6A6A6A;
    }
div.logo-line a { border-bottom: 0px none; }

    div.logo-line span.left {
        float: left;
        text-align: left;
        width: 20%;
        }
    div.logo-line span.center {
        position: absolute;
        height: 128px;
        width: 100%;
        text-align: center;
        }
    div.logo-line span.right {
        float: right;
        text-align: right;
        width: 20%;
        }
div.menu-line {
    clear: both;
    text-align: center;
    background-color: #506A85;
    border:1px solid #000000;
    padding-bottom: 2px;
    }
div.welcome-line {
    background-color: #506A85;
    border-bottom:1px solid #000000;
    border-right:1px solid #000000;
    border-left:1px solid #000000;
    padding-bottom: 2px;
    }
    div.welcome-line span.left {
        float: left;
        text-align: left;
        width: 60%;
        }
    div.welcome-line span.right {
        float: right;
        text-align: right;
        width: 39%;
        }
.chgrad-01 {color: #000000;}
.chgrad-02 {color: #191919;}
.chgrad-03 {color: #333333;}
.chgrad-04 {color: #4C4C4C;}
.chgrad-05 {color: #666666;}
.chgrad-06 {color: #7F7F7F;}
.chgrad-07 {color: #999999;}
.chgrad-08 {color: #B2B2B2;}
.chgrad-09 {color: #CCCCCC;}
.chgrad-10 {color: #E5E5E5;}
.chgrad-11 {color: #FFFFFF;}

div.justify-to-line {
  clear: both;
  padding-top: 5px;
  }

div.justify-to-line span.left-100 {
  float: left;
  width: 100px;
  text-align: right;
  }

div.justify-to-line span.left-150 {
  float: left;
  width: 150px;
  text-align: right;
  }

div.justify-to-line span.left-200 {
  float: left;
  width: 200px;
  text-align: right;
  }

div.justify-to-line span.right {
  float: left;
  text-align: left;
  padding-left: 2px;
  } 

div.justify-to-line div.right {
  float: left;
  text-align: left;
  padding-left: 2px;
  } 

span.u {
    text-decoration : underline;
    }

li.inline {
  display: inline;
  padding-left: 3px;
  padding-right: 7px;
  border-right: 1px solid #000;
  }

li.inline-last {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
  border-right: 0px;
  }