* {margin : 0; padding :0}

body {
  font : 62.5%/2 Verdana, Arial, Helvetica, Tahoma, sans-serif;
  background : #fff;
  color : #222;
}

ul {list-style : none;}

a {
  text-decoration : none;
  color : #C10012;
  padding : 0 0 1px 0;
  border-bottom : 1px dotted #C10012;
}

a:hover {
  border-bottom : 1px solid #c10012;
}

a img {border : none;}

h1 {
  color : #005EA8;
  font-size : 1.5em;
}

#mainContainer {
  min-width : 960px;
}


#mainBanner {
  width : auto;
  height : 87px;
  background : #005ea8 url(tl_files/pokl/globe.jpg) 60% 0 no-repeat;
  border-bottom : 3px solid #b1b3b4;
  padding : 0 15px;
  position : relative;
} 

#mainBanner #mainLogo {
  border : solid #fff;
  border-width : 0 1px;
  position : absolute;
}

#mainBanner #topStars {
  position : absolute;
  top : 0;
  left : 400px;
}

#mainBanner #searchPanel {
  position : absolute;
  top : 0;
  right : 15px;
  height : 100%;
}

#mainBanner #searchPanel ul {
  margin : 5px 0 0 0;
}

#mainBanner #searchPanel ul li {
  float : left;
}

#mainBanner #searchPanel ul li a {
  padding : 0 15px;
  border : solid #fff;
  border-width : 0 1px 0 0;
  color : #fff;
}

#mainBanner #searchPanel ul li a.last {border : none;}

#mainBanner #searchPanel input {
  clear : both;
  position : absolute;
  bottom : 20px;
  right : 15px;
}





#leftPanel {
  margin : 50px 0 0 15px;
  width : 15%;
  float : left;
}

#leftPanel p.title {
  color : #fff;
  background : #005EA8;
  text-align : right;
  padding : 0 10px 0 0;
  text-transform : uppercase;
}

#leftPanel #mainNavigation {
  border-bottom : 3px solid #005EA8;
  padding : 0 0 10px 0;
  margin : 10px 0 0 0;
}

#leftPanel #mainNavigation li {
  border-left : 5px solid #D8D9D9;
  padding-left : 3px;
  margin-bottom : 3px;
}

#leftPanel #mainNavigation li a {
  background : #D8D9D9;
  padding : 5px 10px 5px 5px;
  display : block;
  text-align : right;
  color : #005EA8;
  border : none;
  text-transform : uppercase;
}

#leftPanel #mainNavigation li a:hover {
  font-weight : bold;
  background : #005EA8;
  color : #fff;
}

#leftPanel #links {
  margin : 40px 0;
}

#leftPanel #links li {
  margin : 0 0 10px 0;
}

#leftPanel #links li a {
  font-size : 1.2em;
  line-height : 1;
  display : block;
  padding : 5px;
  text-align : center;
}

#leftPanel #links li a:hover {font-weight : bold;}

#leftPanel #links li a.first {background : #FFD700; border : 3px solid #d8b703; color : #005EA8;}
#leftPanel #links li a.second {background : #2D7BB9; border : 3px solid #03538e; color : #fff;}
#leftPanel #links li a.third {background : #DE0013; border : 3px solid #C10012; color : #fff;}

#leftPanel #documents {
  text-align : right;
  margin : 0 0 10px 0;
}

#leftPanel #documents li a {
  color : #005EA8;
  text-align : right;
  border-bottom : 1px dotted #005ea8;
}

#leftPanel #documents li a:hover {border-bottom : 1px solid #005ea8;}
  

#rightPanel {
  background : url(tl_files/pokl/contentBg.jpg) 0 130px repeat-x;
  width : 80%;
  float : right;
  margin : 20px 15px 0 0;
  position : relative;
}

#rightPanel img.guy {
  position : absolute;
  top : 0;
  right : 0;
}

#rightPanel p.introduction {
  margin : 25px 0 0 0;
  width : 60%;
  line-height : 1.6;
  letter-spacing : .06em;
}

#rightPanel p.introduction span {
  color : #C10012;
  font-size : 1.3em;
  font-weight : bold;
  font-style : normal;
}

#rightPanel #mainContent {
  margin : 40px 10px;
  width : 69%;
  float : left;
}

#rightPanel #mainContent #tabs {
  background : #222;
  height : 140px;
  margin : 0 0 20px 0;
}

#rightPanel #mainContent #project {overflow : hidden;margin : 0 0 20px 0;}
#rightPanel #mainContent #project li {float : left;margin : 0 20px 0 0;}
#rightPanel #mainContent #project li a {border: none;}

#rightPanel #mainContent p.breadCrumb {margin : 0 0 10px 0;}
#rightPanel #mainContent p.breadCrumb span {text-transform : uppercase;}


#rightPanel table.docs {border-collapse : collapse;}
#rightPanel table.docs td {border : 1px solid #c9c9c9; padding : 5px 10px;}


#rightPanel #rightSide {
  margin : 70px 15px 0 10px;
  padding : 0;
  float : right;
  width : 25%;
  height : 100px;
}

#rightSide dl {
  margin : 0 0 20px 0;
}

#rightSide dl dt {
  background : #D9D9D9;
  color : #005EA8;
  font-weight : bold;
  text-transform : uppercase;
  padding : 3px 0 3px 10px;
}

#rightSide dl dd {
  border : solid #d9d9d9;
  border-width : 1px 1px 5px 1px;
  padding : 5px 10px 5px 5px;
}

#rightSide dl dd ul li {
  margin : 0 0 10px 0;
  padding : 0 0 0 15px;
  background : url(tl_files/pokl/arrow.png) 0 6px no-repeat;
}

#logosPanel { 
  margin : 20px 0 0 0;
  clear : both;
  display : block;
  border-top : 1px solid #c9c9c9;
  overflow : hidden;
  text-align : right;
  padding : 10px 0;
}

#logosPanel li {
  float : right;
  margin : 0 30px 0 0;
}

#logosPanel li a {
  border : none;
}

#footer {
  height : 88px;
  background : #005EA8;
  border-top : 4px solid #B2B3B5;
  position : relative;
}

#footer img {position : absolute;top :-51px;left : 15px;}