* {
 margin: 0px;
 padding: 0px;
}

html {
  background: #4288C6 url(gfx/page_layout/background_html.jpg) repeat-x left top;
  }

body {
  margin: 0 175px 0 0;
  padding: 0px 0px 0px 0px;
  background: transparent url(gfx/page_layout/background_body.jpg) no-repeat 50% top;
  font: 70% Verdana,Sans-serif;
  line-height: 140%;
  text-align:center;
  color: black;
  min-width: 800px;
  height: 100%;
  }

/* Central container column */
#container
 {
  background: #A8C0E2 url(gfx/page_layout/footer_bg.gif) repeat-x left bottom;
  width: 650px;
  height: 100%;
  margin: 0 auto;
  border: 0px;
  border-width:0 1px;
  text-align:left;
  color: black;
  position:relative;
  padding: 0px 0px 120px 0px;
    
}
#header {
  background: #A8C0E2 url(gfx/page_layout/header_bg.gif) repeat-x left top;
}

/* Navigation bars */
#container a.main_nav,
#container h1.main_nav {
 display: block;
  background: #023966 url(gfx/page_layout/menu_item_bg.gif) repeat-x left 50%;
  color: #E9EDF3;
  padding: 7px 0px 7px 0px;
  text-decoration: none;
  font-size: 17px;
  font-family: Verdana,Sans-serif;
  font-weight: normal;
  line-height: 100%;
  margin: 0px;
}              
#container a.main_nav strong {
  background: transparent url(gfx/page_layout/menu_item_bullet_off.gif) no-repeat left 50%;
  padding: 0px 0px 0px 30px;
}
#container a:hover.main_nav {
  color: white;     
}
#container a:hover.main_nav strong,
#container h1.main_nav strong {
  background: transparent url(gfx/page_layout/menu_item_bullet_on.gif) no-repeat left 50%;
  color: white;
  padding: 0px 0px 0px 30px;   
}


/* Content Box navigation */
#container div.content_box {
  height: 340px; 
  width: 650px;
  font-size: 1.1em;
}
#container div.content_box.bottom_box {
  border-bottom: 2px solid #023864;
}

#container div.content_box div.lhs_menu {
  float: left;
  display: block;
  width: 100px;
}
#container div.content_box div.lhs_menu ul {
  list-style: none;
}
#container div.content_box div.lhs_menu ul li a {
  text-decoration: none;
  display: block;
  color: #023864;
  padding: 5px 2px 2px 2px;
  border-bottom: 1px solid black;
}
#container div.content_box div.lhs_menu ul li a:hover {
  color: #0071B9;
  border-bottom: 1px solid #0071B9;
}
#container div.content_box div.lhs_menu ul li.active a {
  color: white;
  border-bottom: 1px solid white;
}

/* Content Box */
#container div.content_box div.content {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  overflow: auto;     
  height: 320px; 
  width: 630px;
}
#container div.content_box div.content.menupadding {
  margin: 0px 0px 0px 100px;
  width: 530px;
}     
#container div.content_box div.content {
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
}
#container div.content_box.aviation {
 background: #e5f5f3;
}
#container div.content_box.bus {
 background: #f2e4f9;
}
#container div.content_box.coach {
 background: #f2e4f9;
}
#container div.content_box.taxi {
 background: #edf7ec;
}
#container div.content_box.community {
 background: #f3e6e4;
}
#container div.content_box.rail {
 background: #ebeded;
}
#container div.content_box.tram {
 background: #f2f4e7;
}
#container div.content_box.driver_training {
 background: #fbf4ee;
}
#container div.content_box.planning {
 background: #f6f0dc;
}
#container div.content_box.waterways {
 background: #4375ae;
}

#container div.content_box div.content h1,
#container div.content_box div.content h2,
#container div.content_box div.content h3,
#container div.content_box div.content h4 {
  color: #023864;
  margin: 15px 0px 10px 0px;
  font-size: 15px;
}
#container div.content_box div.content h1,
#container div.content_box div.content h2 {  
  font-size: 20px;
}
#container div.content_box.aviation div.content h1,
#container div.content_box.aviation div.content h2,
#container div.content_box.aviation div.content h3,
#container div.content_box.aviation div.content h4 {
 background: #e5f5f3;
 color: #008674
}
#container div.content_box.bus div.content h1,
#container div.content_box.bus div.content h2,
#container div.content_box.bus div.content h3,
#container div.content_box.bus div.content h4 {
 color: #75259e;
}
#container div.content_box.coach div.content h1,
#container div.content_box.coach div.content h2,
#container div.content_box.coach div.content h3,
#container div.content_box.coach div.content h4 {
 color: #75259e;
}
#container div.content_box.taxi div.content h1,
#container div.content_box.taxi div.content h2,
#container div.content_box.taxi div.content h3,
#container div.content_box.taxi div.content h4 {
 color: #208e14;
}
#container div.content_box.community div.content h1,
#container div.content_box.community div.content h2,
#container div.content_box.community div.content h3,
#container div.content_box.community div.content h4 {
 color: #e1300d;
}
#container div.content_box.rail div.content h1,
#container div.content_box.rail div.content h2,
#container div.content_box.rail div.content h3,
#container div.content_box.rail div.content h4 {
 color: #808383;
}
#container div.content_box.tram div.content h1,
#container div.content_box.tram div.content h2,
#container div.content_box.tram div.content h3,
#container div.content_box.tram div.content h4 {
 color: #98a63e;
}
#container div.content_box.driver_training div.content h1,
#container div.content_box.driver_training div.content h2,
#container div.content_box.driver_training div.content h3,
#container div.content_box.driver_training div.content h4 {
 color: #a24e0a;
}
#container div.content_box.planning div.content h1,
#container div.content_box.planning div.content h2,
#container div.content_box.planning div.content h3,
#container div.content_box.planning div.content h4 {
 color: #bc9418;
}
#container div.content_box.waterways div.content h1,
#container div.content_box.waterways div.content h2,
#container div.content_box.waterways div.content h3,
#container div.content_box.waterways div.content h4 {
 color: #d6e4f3;
}

#container div.content_box div.content p {
 margin: 15px 0px 10px 5px;
}

#container div.content_box div.content a {
  color: #023864;
}
#container div.content_box div.content ul {
 list-style: disc;
 margin: 0px 0px 0px 20px;
}
#container div.content_box div.content ul ul {
 list-style: circle;
}
#container div.content_box div.content ul ul ul {
 list-style: square;
}
#container div.content_box div.content ul ul ul ul {
 list-style: none;
}

#container div.content_box div.content a.path_back {
  float: right;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: black; 
  padding: 2px 0px 2px 15px;
  background: transparent url(gfx/page_layout/left_arrow_spot.png) no-repeat left 50%;
}
 div.content a:hover.path_back {
  text-decoration: underline;
}

/* Case study list */
#container div.content_box ul.case_study_list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#container div.content_box ul.case_study_list li {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  clear: both;              
  border-top: 1px dotted #023B68;     
}                                                        
#container div.content_box ul.case_study_list li a {
  margin: 0px;
  padding: 0px 0px 0px 0px;
}       
#container div.content_box ul.case_study_list li a img.vid_thumb {
  float: right;
  width: 128px;
  height: 96px;
  padding: 0px;
  margin: 0px 10px 10px 0px;   
  background: white;
  border: 1px solid #023B68;
}    
#container div.content_box ul.case_study_list li img.case_study_img {
  float: right;
  width: 128px;
  height: 96px;
  padding: 0px;
  margin: 0px 10px 10px 0px;   
  background: white;
  border: 1px solid #023B68;
}
/* Footer */
#footer {
  padding: 10px 0px 0px 10px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  text-align: center;
}
#footer ul {
 margin: auto;
 list-style: none;
}         
#footer ul li {
 display: inline;
 list-style: none; 
}

#footer ul li a {
 display: block;
 float: left;
 padding: 2px 10px 2px 0px;
  margin: 0px 10px 0px 0px;
  text-decoration: none;
  color: black;
  border-right: 1px solid #4288C6;
}
#footer ul li a:hover {
  text-decoration: underline;
}

/*
Right hand side information column
*/  
#info_column {
  background: #A8C0E2;
  margin: 0 auto;
  border: 0px;
  border-width:0 1px;
  text-align:left;
  color: #1F4434;
    padding: 0px;
  position: fixed;
  top: 0px;
  right: 0px;
  width: 170px;
  height: 100%;
}


#info_column a.goskills_logo {
 display: block;
 margin: 5px 0px 5px 0px;
 text-align: center;
}

#info_column a.goskills_logo img {
 border: 0px;
}

#info_column div.box {
 padding: 0px 0px 5px 0px;
}


#info_column div.box ul.about {
 margin: 0px 0px 0px 0px;
 list-style: none;
}
#info_column div.box ul.about li {
 margin: 0px 0px 0px 0px;
 padding: 2px 3px 3px 3px;
 list-style: none;
 line-height: 125%;
 border-bottom: 1px dotted #024171;
 text-align: center;
}
#info_column div.box ul.about li.bottom {
 border-bottom: 0px;
 padding: 2px 3px 0px 3px;
}
 
#info_column h2 {
 display: block;
  background: #023966 url(gfx/page_layout/menu_item_bg.gif) repeat-x left 50%;
  color: white;
  padding: 7px 3px 7px 3px;
  text-decoration: none;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  line-height: 100%;
} 
#info_column div.box p {
 padding: 0px 4px 5px 4px;
 text-align: justify;
}

#info_column div.cs_highlight {
 text-align: center;
}

#info_column div.cs_highlight strong {
 color: black;
}

#info_column div.cs_highlight a {
 text-decoration: none;
 margin: 0px 3px 0px 3px;
}
                                                                           
#info_column div.cs_highlight a img.vid_thumb {
  width: 128px;
  height: 96px;
  margin: 0px 0px 0px 0px;   
  background: white;
  border: 1px solid #023B68;
}      
                                     
#info_column div.box a.left_arrow {  
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: black; 
  text-align: left;
  margin: 0px 0px 0px 7px;
  padding: 2px 0px 2px 15px;
  background: transparent url(gfx/page_layout/left_arrow_spot.png) no-repeat left 50%;
}

.clear_button {
    border: none;
    padding: 0; 
    margin: 15px auto;
    display: block;
    background-color: #0068AC;
    color: white;
    font-size: 9px;
}
.bookmark_button {
    border: none;
    padding: 0; 
    margin: 5px auto;
    display: block;
    background-color: #0068AC;
    color: white;
    font-size: 11px;
}

.clear_single_bookmark {
    padding: 0;
    margin: 0 5px 0 0;
    display: block;
    clear: left;
    float: right;
    font-size: 12px;
    color: red;
    font-weight: bolder;
    text-decoration: none;
    background: #023966 url(gfx/page_layout/menu_item_bg.gif) repeat-x left 50%; 
}
.bookmark_link {
    display: block;
    
    border: none;
    padding: 2px 0 3px 10px; 
    margin: 2px;
    
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    background: #023966 url(gfx/page_layout/menu_item_bg.gif) repeat-x left 50%; 
    color: white; 
}

a.banner_advert {
    display: block;
    margin: 5px 6px 5px 6px;
    text-align: center;
    border: 0px;
    background: white;
    border: 1px solid black;
    padding: 2px 0px 2px 0px;
}
.banner_advert img {           
    border: 0px;
}
a:hover.banner_advert img {
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
}