/* CSS Document */

body {
 text-align:center;
 background-color:#000000;
 padding:20px 0;
 margin:0;
 font-family:Arial, Verdana, sans-serif;
}
#container {
 width:980px;
 margin:0 auto;
 text-align:left;
 color:#FFFFFF;
}
 #masthead {
  width:980px;
  height:270px;
 }


/*
--------------------------------------------------------------------------------
Navigation 
--------------------------------------------------------------------------------
*/
 #navigation {
  width:978px;
  height:36px;
  padding-left:0px;
 }
  #navigation ul {
   margin:0;
   padding:0;
   height:36px;
   list-style:none;
  }
   #navigation li {
    margin:0;
    padding:0;
    height:36px;
    float:left;
   }
   #navigation li a {
    margin:0;
    padding:0;
    height:36px;
    display:block;
    float:left;
   }


/*
--------------------------------------------------------------------------------
Content
--------------------------------------------------------------------------------
*/
 #main { 
  width:980px;
  background:none;
  text-align:left;
  font-size:11px;
  }


/*
--------------------------------------------------------------------------------
Left
--------------------------------------------------------------------------------
*/
  #leftcolumn { 
   width:272px;
   border:1px solid #ffffff;
   margin:0;
   padding:0;
   height:auto;
   float:left;
   background-color:#333333;
   }
  #home #leftcolumn { 
   background-color:#233d81;
  }
   #home #leftcolumn img {
    width:239px;
    border-left:1px solid #ffffff;
    margin-left:32px;
   }
   #leftbox_content {
    width:272px;
    margin:0;
    padding:0;
   }


/*
--------------------------------------------------------------------------------
Left: Sub Nav
--------------------------------------------------------------------------------
*/
    #leftbox_nav {
     list-style:none;
     padding:4px 0;
     margin:0;
    }
     #leftbox_nav li {
      padding:0;
      margin:0;
     }
      #leftbox_nav li a {
       display:block;
       height:auto;
       padding:4px 0 4px 27px;
       font-size:11px;
       text-transform:uppercase;
       text-decoration:none;
       color: #fff;
      }
       #leftbox_nav li a:hover, 
       #leftbox_nav li.on a {
        display:block;
        color: #f4b407;
       }
        #leftbox_nav #leftbox_nav_sub {
          list-style:none;
          padding:0;
          margin:0;
         }
          #leftbox_nav #leftbox_nav_sub li {
           padding:0 20px 0 20px;
           margin:0;
          }
           #leftbox_nav #leftbox_nav_sub li a {
            display:block;
            padding:4px 0 4px 27px;
            font-size:11px;
            line-height:1.2em;
            text-transform:none;
            text-decoration:none;
            color:#ffffff;
           }
           #leftbox_nav #leftbox_nav_sub li a:hover,
           #leftbox_nav #leftbox_nav_sub li .on {
            color:#f4b407;
           }

/*
--------------------------------------------------------------------------------
Right Column
--------------------------------------------------------------------------------
*/
  #rightcolumn {
   width:654px;
   height:auto;
   padding:15px 25px;
   border:1px solid #ffffff;
   height:auto;
   background:#699119;
   margin-left:-1px;
   float:left;
  }
  #home #rightcolumn {
   background:#233d81;
  }
  #concept #rightcolumn {
   background:#699119;
  }
  #network #rightcolumn {
   background:#471444;
  }
  #apply #rightcolumn {
   background:#035367;
  }
  #news #rightcolumn,
  #gallery #rightcolumn {
   background:#88011E;
  }
  #about #rightcolumn {
   background:#D17906;
  }
  #rightcolumn a {
   color:#fff;
   text-decoration:underline;
  }
  #rightcolumn a:hover {
   color:#f4b407;
   text-decoration:none;
  }
  #rightcolumn .title {
   padding-bottom:16px;
  }
  #rightcolumn .text {
   font-size:11px;
   color:#ffffff;
   line-height:1.5em;
  } 
  #mailinglist #rightcolumn .title,
  #mailinglist #rightcolumn p,
  #mailinglist #rightcolumn .text,
  .form_layout #rightcolumn .title,
  .form_layout #rightcolumn p,
  .form_layout #rightcolumn .text {
   width:348px;
  }


/*
--------------------------------------------------------------------------------
Gallery
--------------------------------------------------------------------------------
*/
  #gallery #leftcolumn {
  }
  #gallery #rightcolumn {
   width:705px;
   padding:0;
  }
   #gallery #rightcolumn div#display_area4,
   #gallery #rightcolumn div.thumbnails {
    float:left;
   }
   #gallery #rightcolumn .right_top {
    width:341px;
    height:41px;
    padding:10px 18px;
    position:relative;
    float:right;
    }
   #gallery #rightcolumn .image {
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    width:429px;
    background:#000000;
    text-align:right;
    float:right;
    }
   #gallery #rightcolumn .right_top .gallery_paging {
    width:25px;
    height:12px;
    position:absolute;
    right:18px;
    top:10px;
    }
   #gallery #rightcolumn .right_top .gallery_paging .prev {
    width:9px;
    height:12px;
    float:left;
    }
   #gallery #rightcolumn .right_top .gallery_paging .next {
    width:9px;
    height:12px;
    float:right;
    }
   #gallery #rightcolumn .image_title {
    margin-right:35px;
    font-size:12px;
    line-height:12px;
    font-weight:bold;
   }
   #gallery #rightcolumn .get_hires {
    padding-top:9px;
    }
    #gallery #rightcolumn .get_hires a {
     color:#ffffff;
     font-size:11px; 
     text-decoration:none;
     }
     #gallery #rightcolumn .get_hires a:hover {
       text-decoration:underline;
      }
   #gallery #rightcolumn .thumbnailTable {
    background:white;
    margin:0 0 -1px 0;
   }
   #gallery #rightcolumn .thumbnailLeft, 
   #gallery #rightcolumn .thumbnailCenter, 
   #gallery #rightcolumn .thumbnailRight {
    padding:0 1px 1px 0;
   }


/*
--------------------------------------------------------------------------------
Articles/News/Events etc
--------------------------------------------------------------------------------
*/
   #rightcolumn .date {
    font-size:11px;
    font-weight:normal;
    line-height:16px;
    text-transform:uppercase;
   }
   #rightcolumn .year {
    clear:both;
    font-size:14px;
    line-height:14px;
    padding:8px 0;
    font-weight:bold;
   }
   #rightcolumn .event {
    font-size:11px;
   }
   #rightcolumn .event .when {
    text-transform:uppercase;
    width:115px;
    float:left;
    clear:both;
   }
   #rightcolumn .event .what {
    padding:0;
    margin:0;
    color:#ffffff;
    width:530px;
    float:left;
    padding-bottom:15px;
   }
    #rightcolumn .event .what p {
     padding:0;
     margin:0;
    }
  .clearer {
   clear:both;
   }


/*
--------------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------------
*/
 #footer {
  width:980px;
  height:50px;
  margin-top:10px;
  padding-top:10px;
  color: #fff;
  text-transform:uppercase;
  line-height:9px;
  font-size:9px;
  border-top: 1px #333333 solid;
 }
  #footer #official_partner {
   width:160px;
   float:left; 
   display:none;
   }
  #footer ul {
   list-style:none;
   padding:0;
   margin:0;
   height:10px;
   }
  #footer li {
   height:9px;
   margin:3px 4px 0 4px;
   padding:0;
   display:inline;
  }
  #footer ul.leftfoot {
   float:left;
   color:#333333;
  }
  #footer ul.leftfoot a {
   color:#333333;
   text-decoration: none;
  }
  #footer ul.leftfoot .on a,
  #footer ul.leftfoot a:hover {
   color:#666666;
  }
  #footer ul.rightfoot {
   float:right;
  }
  #footer ul.rightfoot a {
   color:#ffffff;
   text-decoration: none;
  }
  #footer ul.rightfoot .on a,
  #footer ul.rightfoot a:hover {
   color:#f4b407;
  }

  
/*
--------------------------------------------------------------------------------
Form Layout
--------------------------------------------------------------------------------
*/
.form_layout .application {
 padding-top:10px;
 padding-bottom:10px;
 }
.form_layout .application table.application_form {
 width:344px;
}
.form_layout .application .application_form #privacy {
 padding:10px 0;
}
.form_layout .application .application_form .field {
 margin-right:20px;
 }
.form_layout .application .application_form .full .field .sb_text {
 width:344px;
 font-size:11px;
 font-family:Arial, Helvetica, sans-serif;
 margin-bottom:10px;
 }
.form_layout .application .application_form .field .sb_text, 
.form_layout .application .application_form .field .sb_select {
 width:160px;
 font-size:11px;
 font-family:Arial, Helvetica, sans-serif;
 margin-bottom:10px;
 }


/*
--------------------------------------------------------------------------------
RTE and Textarea Styles
--------------------------------------------------------------------------------
*/
h1 {
 font-family:Arial, Helvetica, sans-serif;
 font-size:16px;
 font-weight:normal;
 color: white;
 }
h2 {
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:normal;
 color: white;
 text-transform:uppercase;
 }
h3 {
 font-size:12px;
}
h1, h2, h3 {
 font-family:Arial, Helvetica, sans-serif;
}




/* Quicklinks Drop-down menu */
.sb_menu {
 background:#666666;
 margin:0 0 0 31px;
 width: 161px;
 }
.sb_menu ul {
 list-style:none;
 margin:0;
 padding:0;
 }
.sb_menu li {
 text-align:left;
 margin:0;
 padding:0;
 }
.sb_menu A {
 display:block;
 width:154px;
 font-size:9px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-transform:uppercase;
 line-height:9px;
 color:#ffffff;
 padding:0 8px 10px 8px;
 text-decoration:none;
 }
.sb_menu a:hover, .sb_menu li.on a {
 color: #f4b407;
 }


/*
--------------------------------------------------------------------------------
Admin
--------------------------------------------------------------------------------
*/
#container #main #login_form {
 background:#CCCCCC;
 padding:25px;
 border:2px solid #ffffff;
 width:175px;
 margin:0px auto;
}