body {
   font-family: Arial, Verdana, sans-serif;
   font-size: 81.25%;
   background-color: #edecee;
   margin: 0px;
   padding: 0px;
   height: 100%;
}

html, body {
   height: 100%;
}

img {
   border: none;
}

H1 {
   color: #0054a5;
   font-size: 1.1em;
   margin-top: 10px;
   margin-bottom: 0px;
}

H2 {
   color: #0054a5;
   font-size: 1.1em;
   margin-top: 10px;
   margin-bottom: 0px;
}

div.TopMenu H2 {
   font-size: 0.9em;
   text-transform: uppercase;
}

H3 {
   margin-bottom: 5px;
}

a {   
  text-decoration: none;
  color: black;
}

a:hover {   
  text-decoration: underline;   
}

H2 a {
   color: #0054a5;  
}

p {
   margin-top: 3px;
   margin-bottom: 3px;
}

p.NewsTitle {
   font-weight: bold;
   margin-top: 10px;
}

p.NewsSubTitle {
   font-size: 0.8em;
}

div.Paper {
   width: 1000px;
   margin-left: 55px;
   min-height: 100%;
   border-left-color:  black;
   border-left-width: 1px;
   border-left-style: solid;
   border-right-color:  black;
   border-right-width: 1px;
   border-right-style: solid;
   background-color: white;
   margin: 0 auto;
   position:relative;
}

div.TopMenu {
   margin-top: 0px;
   margin-bottom: 15px;
   padding-left: 10px;
   background-color: #e5eaf8; 
}

div.TopMenu a {
   margin-left: 7px;
   margin-right: 7px;
}

hr {
   color: #e5eaf8;    
   background-color: #e5eaf8;   
   height: 2px;
   border: none; 
}

div.ModDownload {
   margin-top: 15px;
   text-align: center;   
   font-weight: bold;
}

div.ModDownload p.BigElement {
   font-size:1.2em;
}

div.TopMenu h2 {
   margin-top: 0px;
   padding-top: 5px;
   padding-bottom: 5px;
}

div.Logo {
   width: 100%;
   height: 170px;
   background-image: url(../LogoMainPage.png);
   position: relative;
}

div.Logo img#Cheetah {
   position: absolute;
   left:490px;
   top:60px;
}

div.Logo a {
   visibility: hidden;
}

div.Logo img#button1 {
   position: absolute;
   left:710px;
   top:75px;
   border: none;
}

div.Logo img#button2 {
   position: absolute;
   left:710px;
   top:5px;
   border: none;
}

div.LogoSmall {
   height: 99px;
   position: relative;
}

div.LogoSmall img {
   position: absolute;
   left:510px;
   top:20px;
}

div#LogoFreePascal {
   background-image: url(../LogoFreepascalPage.png);
}

div#LogoLazarus {
   background-image: url(../LogoLazarusPage.png);
}

div#LogoLazarus_FreePascal {
   background-image: url(../LogoLazarusFreepascalPage.png);
}

div.BreadCrumb {
   background-color: #e5eaf8; 
   padding: 5px;
   margin-bottom: 5px;
}

div.ContentLeft {
   float: left;
   padding-left:10px;
   width: 670px;
   border-right-color:  #0054a5;
   border-right-width: 1px;
   border-right-style: solid;
   padding-right: 10px;
   height: 100%;
}

div.ContentRight {
   float: right;
   margin-right:10px;
   width: 290px;
}

div.ContentRight a, div.ContentLeft a {
   color: #0054a5;
}

div.FloatClear {
   clear: both;   
}

div.FooterMenu {
   background-color: #e5eaf8;   
}

div.FooterMenuCategory {
   float: left;
   margin-left: 15px;
   margin-right: 5px;
}

div.FooterMenuCategory ul {
   padding-left: 20px;
   margin-top: 2px;
   margin-bottom: 4px;
}

div.LogoFooter {
   font-size: 0.8em;
}

div.FooterLeft {
   margin-left: 4px;
   float: left;
}

div.FooterRight {
   float: right;
   text-align: right;
   margin-right: 4px;
}

div.DownlListLeft {
   float: left;
   width:230px;
}

div.DownlListRight {
   float: left;
   margin-left: 15px;
   width:380px;
}

div#SelectDownlOS li {
   padding-top:3px;
   padding-bottom:3px;
   list-style: none;
}

div#Testimonial {
   position:relative;
   margin-top:10px;
}

div#BalloonText {
   position: absolute;
   top: 10px;
   left: 10px;
}

div#BalloonText a {
   color: black;
}

div.ModSVN p.NewsTitle {
  margin-top: 0px;
}

div.ModSVN ul {
   padding-left: 17px;
   margin-top: 3px;
}

div#accordion {
   margin-top: 7px;
}
div#accordion p {
   margin-top: 0px;
   margin-bottom: 0px;
}

span.expert {
   color: red;
}

span.warning {
   color: red;
}

div.Button {
   background:transparent url(../ButtonBackground.png) 0 0 no-repeat;
   height: 24px;
}

div.Button:hover {
   background-position: 0px -34px;
}
div.Button {
   color: white;
   width: 140px;
   text-align: center;
   padding-top: 5px;
}


div.col1 {
   float: left;
   width: 355px;
   padding-top: 5px;
}
div.col2 {
   float: left;
   width: 100px;
   padding-top: 5px;
}
div.col3 {
   float: left;
   width: 140px;
   padding-top: 5px;
   text-align: center;
}

div#DownlHeader {
	font-weight:bold;
}

div.DownlLine {
  height: 24px;
  vertical-align: middle;
}

p.DownloadQuestion {
  font-weight: bold;
  padding-top: 4px;
}

#header {

}
#body {
   padding-bottom:165px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:165px;   /* Height of the footer */
   background-color: white;
}

div.FeatureMatrix {
   background:transparent url(../AdvMatrix.png) 0 0 no-repeat;
}

table.FeatureMatrix {
  padding-top: 92px;
  padding-left:8px;
  padding-bottom:5px;
}
table.FeatureMatrix tr {
  height: 56px;
  vertical-alig: middle;
}
div#PublicBtn
{
  float: left;
  padding-left: 243px;
  width: 114px;
  height: 73px;
}
div#SupportBtn, div#ProBtn
{
  float: left;
  padding-left: 4px;
  width: 114px;
  height: 73px;
}
div#SupportBtn a, div#ProBtn a, div#PublicBtn a
{
  margin-top: 33px;
  margin-left: 50px;
  padding-left: 6px;
  padding-top: 2px;
  display: block;
  height: 28px;
  width: 45px;
  color: white;
  font-size: 20px;
  font-weight: bold;
}

ul.contentlist {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 0px;
  margin-top: 0px;
}

ul.webloglist {
  list-style: square outside none;
  padding-left:0.8em;
  margin-left: 0.8em;
}