html, body {margin: 0; padding: 0; width: 100%; height: 100%;}
body {background-color: #979b96; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;}

.outercontainers {border: solid 1px #333333; margin-left: auto; margin-right: auto;}
#container1 {width: 720px; min-height: 574px; margin-top: 20px; background-color: #19588a;}
#container2 {width: 716px; min-height: 570px; margin-top: 1px; position: relative;}

#satelliteimage {position: absolute; top: 3px; right: 3px;}

#layouttable {width: 100%; height: 570px; border: none;}
  #layouttable td {text-align: left; vertical-align: top; }
  #left {border-right: solid 1px #333333; width: 131px;}
    #parent_orgs {height: 46px; margin: 0; padding: 18px 0 0 0; color: #e0e0e0; font-size: 10px; font-weight: bold; text-align: center; background: url(/patmosx/images/page2/banner-left-bg.jpg) repeat-x; }
    #parent_orgs a {color: #e0e0e0; text-decoration: none;}

#contentContainer {background-color: #f6f6f6; width: 585px;}
  #title {width: 570px; height: 54px; margin: 0; padding: 10px 0 0 15px; background: url(/patmosx/images/page2/banner-right-bg.jpg) repeat-x; }
    #title h1 {font-size: 0px; background: url(/patmosx/images/page2/title.jpg) no-repeat; text-indent: -2000px; margin: 0; width: 224px; height: 47px;}
  #content {width: 555px; padding: 0 15px 55px 15px; margin-top: 25px;}

#navigation, #navigation li {margin: 0; padding: 0; list-style-type: none;}
#navigation {margin-top: 29px;}
#navigation li {width: 131px; height: 18px; margin-bottom: 12px; background: url(/patmosx/images/page2/button-bg.jpg) no-repeat; position: relative; right: -1px;}
#navigation li a {text-decoration: none; font-weight: bold; font-size: 14px; text-align: center; color: #0c2940; display: block; width: 100%; height: 100%; margin: 0; padding: 0;  padding-top: 1px;}

#footer {position: absolute; bottom: 3px; width: 555px; }
#date {float: left; margin-top: 20px; font-size: 12px;}
#logos {float: right; }

a:hover  {color: #FFFF00 !important;}
#content a:hover {color: #19588a !important;}
#navigation li a:hover {color: #FFFF00 !important;}
#navigation li:hover {background: url(/patmosx/images/page2/button-bg-rollover.jpg) no-repeat;}

h2 {font-size: 22px; text-align: center; margin-top: -15px !important; margin-bottom: 0; position: relative; z-index: 1000;}
h3 {font-size: 14px; color: #333333;}

/* for documentation pages */
#doc_index {margin-top: 1em; border: solid 1px #cccccc; border-left: none; border-right: none; padding: 3px 0 3px 0; text-align: center; font-size: 12px;}