﻿body
{
	color: #000000;
    font-family: Verdana, Sans-Serif;
    font-size: 13px;
    background-color: #41a5e1;
    background-image: url('Images/BodyBackground.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    margin: 0px;
}

h1
{
    font-size: 18px;
    font-weight: bold;
    border-left: 10px solid #5aacc4;
    padding-left: 10px;
}

h2
{
    font-size: 18px;
    font-weight: normal;
    border-left: 10px solid #7dcd0c;
    padding-left: 10px;
}

p
{
    text-align: justify;
}

td, td, table
{
    vertical-align: top;
}

a
{
    color: #41a5e1;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}


ol, ul
{
    margin-left: 10px;
    padding-left: 10px;
}

li
{
}

span
{
    margin: 0px;
    padding: 0px;
}

.PageWrapper
{
    background-image: url('Images/MainPanelBackground.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 20px;
    min-height: 800px;
    width: 1300px;
}

/* Header */
.Header
{
    width: 900px;
    min-height: 55px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #ffffff;
}

.Logo
{
    width: 140px; /* old: 167 */
    padding-left: 5px; /* old: 40 */
    padding-right: 10px; / old: 10 */
    min-height: 50px;
    float: left;
    text-align: right;
}

.Logo img
{
	height: 50px;
}

.Title
{
    font-size: 13px;
    font-weight: bold;
    width: 320px; /* old 340 */
    min-height: 50px;
    margin-left: 3px;
    float: left;
}

.AdditionalLogo
{
    width: 180px;
    min-height: 50px;
    margin-left: 10px;
    float: left;
}

.AdditionalLogo img
{
	height: 50px;
}

.Address
{
    width: 200px; /* old 220 */
    min-height: 50px;
    margin-left: 5px; /* old 10 */
    float: left;
}

/* Top menu */

.TopMenu
{
    padding-left: 3px;
    padding-right: 3px;
    background-color: #5aacc4;
    background-image: url('Images/TopMenuBackground.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    width: 900px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

.TopMenuItem
{
    color: #ffffff;
    width: auto;
    height: 65px;
    padding-top: 7px;
    font-weight: bold;
    min-height: 70px;
    padding-right: 10px;
}

.TopMenuItemSelected
{
    background-color: #5aacc4;
    background-image: url('Images/TopMenuItemSelectedBackground.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    color: #000000;
    width: auto;
    height: 65px;
}

/* Middle */

.Middle
{
    padding-left: 3px;
    padding-right: 3px;
    background-color: #ffffff;
    width: 900px;
    min-height: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3px;
    padding-bottom: 3px;
}

.MiddleMenu
{
    padding-left: 0px;
    padding-top: 10px;
    background-color: #0d88e5;
    background-image: url('Images/MiddleMenuBackground.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    width: 237px;
    min-height: 290px;
    float: left;
}

.MiddleMenuItem
{
    background-image: url('Images/mnuarrow.png');
    background-repeat: no-repeat;
    background-position: middle left;
    text-align: left;
    height: 18px;
    padding-left: 30px;
    padding-top: 0px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    margin: 0px;
    margin-left: 10px;
    margin-bottom: 4px;
}

.MiddleImage
{
    background-color: #BBBBBB;
    width: 660px;
    min-height: 300px;
    margin-left: 3px;
    float: left;
}

/* Groups */

.Groups
{
    padding-left: 3px;
    padding-right: 3px;
    background-color: #FFFFFF;
    width: 900px;
    min-height: 5px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3px;
}

.Group1
{
    background-color: #e51642;
    background-image: url('Images/Group1Background.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    width: 298px;
    min-height: 5px;
    float: left;
}
.Group2
{
    background-color: #f7660b;
    background-image: url('Images/Group2Background.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    width: 298px;
    margin-left: 3px;
    min-height: 5px;
    float: left;
}
.Group3
{
    background-color: #7dcd0c;
    background-image: url('Images/Group3Background.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    width: 298px; /* 2 px longer */
    margin-left: 3px;
    min-height: 5px;
    float: left;
}

/* Content */

.Content
{
    padding-left: 3px;
    padding-right: 3px;
    background-color: #ffffff;
    width: 900px;
    min-height: 150px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3px;
}

.AdditionalContent
{
    width: 237px;
    min-height: 150px;
    float: left;
}

.MainContent
{
	color: #000000;
    width: 650px; /* width: 900px; */
    min-height: 150px;
    margin-left: 3px;
    padding-right: 10px;
    float: left;
}

/* Footer */
.Footer
{
    /* border-top: 1px solid #eaf7fe;*/
    color: #9DC0DB;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    width: 900px;
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 1px;
    margin-left: auto;
    margin-right: auto;
}

.FooterGroup1
{
    padding-left: 0px;
    width: 237px;
    min-height: 1px;
    float: left;
}

.FooterGroup2
{
    margin-left: 3px;
    min-height: 1px;
    float: left;
    width: 289px;
    border-right: 1px solid #9DC0DB;
    text-align: right;
    padding-right: 20px;
}

.FooterGroup3
{
    padding-left: 20px;
    padding-right: 0px;
    margin-left: 3px;
    min-height: 1px;
    float: left;
    width: 80px;
    border-right: 1px solid #9DC0DB;
}
.FooterGroup4
{
    padding-left: 20px;
    padding-right: 0px;
    margin-left: 3px;
    min-height: 1px;
    float: left;
    width: 223px;
}

.FooterLink
{
    color: #9DC0DB;
    text-decoration: none;
}

.FooterLink:hover
{
    color: #9DC0DB;
    text-decoration: underline;
}

.DocumentWrapper
{
    min-height: 70px;
    width: 300px;
    float: left;
}
.DocumentItemName
{
    min-height: 70px;
    font-weight: bold;
    text-align: left;
    width: 200px;
    float: left;
}

.DocumentItemDate
{
    color: Red;
    text-align: right;
    width: 75px;
    float: left;
    border: 1px solid black;
}

.DocumentItemIcon
{
    min-height: 70px;
    width: 70px;
    float: left;
}

.DocumentItemIconImage
{
    border-style: none;
    border-width: 0px;
}

.Login
{
    padding-left: 200px;
    padding-top: 100px;
}

.Clear
{
    clear: both;
}



.BigNewsItem
{
	min-height: 1px;
	color: #000000;
    font-size: 13px;
    padding-bottom: 10px;
    border-top: solid 1px #41a5e1;
}

.BigNewsHeader
{
	padding-top: 5px;
    font-size: 13px;
    padding-left:0px;
}
.BigNewsDate
{
	font-size: 13px;
}
.BigNewsBody
{
    padding-left: 0px;
    margin-top: 0px;
    
}


.BigNewsLink 
{
    /*padding: top 10px left 5px; */
    margin-top : 10px;
    margin-left: 0px;
}


.NewsMainHeader
{
    border-left-color: #7dcd0c;
    border-left-width: 8px;
    border-left-style: solid;
    padding-left: 10px;
    font-size: large;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 10px;
}

.NewsItem
{
	height: auto;
    font-size: 13px;
    background-color: Transparent;
    /* padding-left : -10px; */
    
}

.NewsHeader
{
    color: #000000;
    font-weight: bold;
}

.NewsControl
{
  /*  background-color: #00EE00; */
    background-color: #ffffff; 
    margin-right: 10px;
    padding-top: 10px;
    padding-right: 10px;
    margin-left: 25px;
}

#ArticleEditHeader 
{
    margin-top:10px;
    margin-bottom : 10px;
}

#ArticleEditBody 
{
    margin-top:10px;
    margin-bottom : 10px;
}
