/*Mapes Style Sheet*/

        .SmallSectionTitle {
            text-align:center;
            border: 1px solid black;
            background-color: #9999CC;
            margin-top: 0.5em;
        }
        .SmallSectionTitle img {
            margin: 0px;
            padding: 0px;
            margin-bottom: -4px; /*fixes odd space on resource page*/
        }
        .SmallSectionPreview {
            background-color: #cccccc;
            border-left: 1px solid black;
            border-right: 1px solid black;
            padding: 0;
            margin: 0;
            width:100%;
        }
        .SmallSectionPreview img {
            float:left;
            clear:both;
            margin: 0px;
            padding: 0px;
        }

        .SmallSectionText {
            border: 1px solid black;
            background-color: #9999CC;
            border-top: 0;
            padding-left:2px;
        }
        .SmallSectionText img {
            clear: both;
            margin: 0px;
            padding: 0px;
            margin-left: -2px; /* undo padding set in  */
        }


        .LargeSectionTitle {
            border: 1px solid black;
            background-color: #9999CC;
            background-image: url('/img/layout/blue-purple.png');
            background-repeat:repeat-x;            
            background-position: top;
            margin-top: 0.5em;
            min-height: 24px;
        }
        .LargeSectionTitle h1 {
            font-size: 18px;
            text-transform: capitalize;
            margin-top: 2px;
            margin-left: 5px;
            padding: 0;
        }
        .LargeSectionTitle a {
            color: #000000;
            text-decoration:underline;
        }
        .LargeSectionTitle a:hover {
            color: #FF0000;
            text-decoration:underline;
        }
        .LargeSectionPreview {
            background: #cccccc;
            border-left: 1px solid black;
            border-right: 1px solid black;
            padding: 0;
            padding-left: 5px;
            padding-right: 5px;
            padding-bottom: 2px;
            margin: 0;
            overflow: auto;
        }
        .LargeSectionPreview img {
            float:left;
            clear:both;
            margin: 0;
            margin-left: -5px;
            padding: 0;
            margin-right: 5px;
        }

        .LargeSectionText {
            border: 1px solid black;
            background-color: #9999CC;
            background-image: url('img/layout/purple-blue.png');
            background-repeat:repeat-x;            
            background-position: bottom;
            min-height: 24px;
        }

        .LargeSectionText h3 {
            padding: 0px;
            margin: 0px;
            margin-top: 4px;
            margin-left: 5px;
            font-size: 0.8em;
            font-weight: normal;

        }

        #header img {
            margin: 0;
            padding: 0;
        }
        .ImagePreviewHolder {
            float: left;
            width: 20%;
            height: 150px;
            overflow: hidden;
            font-size: 0.85em;
        }
        .ImagePreview {
            text-align: center;
            float: left;
            width: 100%;
            height: 145px;
        }
        .ImagePreview img{
            float: none;
        }

        #footer p {
            color: #FFFFFF;
            text-align: center;
            font-size: 0.8em;
        }

        /* Announcement Pane */

        #announceMenu {
            min-height: 18px;
        }

        #announce div h1 {
            margin-top:0;
        }

        /* Hide all the announcement panes */
        #announce div, #announceMenu span {
            display: none;
        }
        #announceMenu span {
            display: inline;
            margin: 0px;
            padding: 0px;
            padding-left: 5px;
            padding-right: 5px;
            border: 1px solid #000000;
            border-top: 0;
            font-weight: bold;
        }
        #announceMenu span:hover {
            cursor:pointer;
            background-color: #CCCCCC;
        }
        /* Display the first pane */
        #announce #announce1 {
            display: block;
        }
        /* Alternate the background colours in all browser except IE */
/*
        #announceMenu span:nth-child(odd) {
            background-color: #9999ff;
        }
*/
        /* IE HACK */
/*
        #announceMenu1,#announceMenu3,#announceMenu5,#announceMenu7,#announceMenu9,#announceMenu11,#announceMenu13
        {
            background-color: #9999ff !important;
        }
*/
        /* Announcement Pane */

        /* News Category Images */
        img.newscategory {
            border: 0px;
            width: 178px;
            height: 110px;
        }
        img.shareicon {
            padding: 0px;
            margin: 0px;
            border: 0px;
            width: 15px;
            height: 15px;
            clear: both;
        }
        img.shareicon:hover {
            cursor:pointer;
        }

        img.star {
            padding: 0px;
            margin: 0px;
            border: 0px;
            width: 20px;
            height: 20px;
            clear: both;
        }
        .small08 {
            font-size: 0.8em;
            margin: 0;
            padding: 0;
            margin-left: 22px;
            margin-right: 3px;
        }
        .txt08 {
            font-size: 0.8em;
        }
        .fH200 {
            height: 200px;
            overflow: scroll;
        }

        .newsTagIndex {
            border: 1px solid;
            padding: 1px;
            padding-left:5px;
            padding-right:5px;
        }

        .hidden {
            display:none;
        }
        .show {
            display:block;
        }

        #characterlist {
            border: 1px solid #000000;
            padding: 0px;
            margin: 0px;
            margin-top:7px;
            margin-bottom:7px;
            border-collapse: collapse;
            border-spacing:0;
        }
        #characterlist thead tr td{
            font-weight: bold;
            text-transform: capitalize;
            font-size: 1.2em;
            border: 1px solid #000000;
        }
        #characterlist tbody tr td{
            border-left:1px solid #000000;
            border-right:1px solid #000000;
        }
        #characterlist tbody tr td img{
            margin-left: 1px;
        }
        #characterlist tfoot tr td{
            font-size: 0.8em;
            border:1px solid #000000;
            font-style: italic;
        }