@charset "utf-8";

/*
 * CSS Document by Jeffrey Ouma.
 * Copyright© 2008 artkenya.net Ltd. All rights reserved.
 * 
 * Description: Defines styles that apply to each page in the website regardless.
 * Note: Styles preceded by an asterisk(*) are specific to IE6. 
 * Styles are declared in order of appearance.
 */
/*
 * PAGE LAYOUT
 * ===========
 * These styles govern the structure of the page and the way it is placed in the browser window.
 * They also define styles that will be universal to the rest of the page such as the text color.
 */
html {
  background: #05589A url("../Images/body_bg.jpg") scroll repeat 50% 0%;
}

body {
  color: #013D65;
  margin: 0pt;
  text-align: center;
}

#doc {
  margin: 0 auto;
  text-align: left;
  width: 1000px;
}

#doc .doc-margin {
  margin: 0 auto;
  width: 980px
}

#doc .doc-margin .content {
  padding: 15px 40px;
}

/* End of Page Layout styles*/
/*
 * HEADER
 * ======
 * These styles are for the first third of the page layout, 
 * which is reserved for the banner and masthead.
 */
#hd {
  background: transparent url("../Images/hd_bg.png") scroll no-repeat 50% 0%;
}

#hd .doc-margin .content {
  padding: 22px 40px 0;
}

#masthead {
  height: 109px;
}

#masthead-right {
  float: right;
  padding-top: 15px;
  text-align: right;
  width: 420px;
}

#masthead-nav {
  font-size: 93%;
  text-transform: lowercase;
}

/*
 * MASTHEAD SEARCH BOX
 * ===================
 */
#masthead-searchbox {
  margin-top: 35px;
  *margin-top: 0px;
  *padding-top: 35px;
}

#search-label {
  background: transparent url("../Images/searchbox-sprite.gif") scroll no-repeat -9px -21px;
  height: 24px;
  float: right;
  margin-right: 10px;
  width: 50px;
}

#search {
  background: transparent url("../Images/searchbox-sprite.gif") scroll repeat-x 0 0;
  border: medium none;
  float: right;
  height: 18px;
  padding-top: 3px;
}

#searchbox-left {
  background: transparent url("../Images/searchbox-sprite.gif") scroll no-repeat 0 -21px;
  float: right;
  height: 21px;
  width: 6px;
}

#searchbox-right {
  background: transparent url("../Images/searchbox-sprite.gif") scroll no-repeat -6px -21px;
  float: right;
  height: 21px;
  width: 3px;
}

#searchbutton-container {
  float: right;
  height: 25px;
  margin: -3px 0 0 10px;
  width: 40px;
}

#searchbutton {
  padding-top: 12px;
  *padding-top: 0pt;
}

#searchbutton img {
  margin: 0px 10px 0px 10px;
}

.searchbutton-noscript {
  float: right;
  font-weight: bold;
  line-height: 21px;
  padding: 1px 5px;
  vertical-align: middle;
  *line-height: 18px;
}

#banner {
  overflow: hidden;
  /*margin-top:-16px*/
}

#banner img {
  margin: 0;
}

/*
 * TOP NAVIGATION BAR
 * ==================
 */
#navbartop {
  background: #FFFFFF url("../Images/navbartop_bg.png") repeat-x scroll left top;
  border-bottom: 1px solid #6F8FB2;
  color: #FFFFFF;
  font-size: 116%;
  font-weight: bold;
  height: 38px;
  margin: 4px 0 0;
  overflow: hidden;
  padding: 5px 0 0 0;
  *height: 36px;
  *margin: 0;
  *padding: 5px 0 3px 0;
  *width: 900px !important;
  *width: 909px;
}

.yui-skin-sam .yuimenubar {
  background: none !important;
  border: none !important;
  font-size: inherit !important;
  line-height: normal !important;
}

.yui-menubar ul {
  overflow: hidden;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritem {
  border-right: none !important;
}

.yui-skin-sam .yuimenubaritemlabel {
  border: none !important;
  margin: 0px !important;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {
  padding-right: 7px !important;
  *padding-left: 7px !important;
}

.yui-skin-sam .yuimenubaritemlabel {
  padding: 0 7px !important;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected {
  border-left-width: 0px !important;
  margin-left: 0px !important;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu {
  background: none !important;
}

#navbartop ul li {
  list-style-image: none;
}

#navbartop ul li.yuimenubaritem,#navbartop ul li.yuimenubaritem-selected {
  background: transparent url("../Images/navbar_separator.png") no-repeat scroll left 50% !important;
  line-height: 28px !important;
}

#navbartop ul li.yuimenubaritem.first-of-type,#navbartop ul li.yuimenubaritem-selected.first-of-type {
  background: none !important;
}

#navbartop a {
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
}

#navbartop a:hover,#navbartop .activemenuitem {
  color: #FFCC00 !important;
}

.yui-skin-sam .yuimenu .bd {
  border: 1px solid #6F8FB2 !important;
  /*opacity:0.95;*/
}

#navbartop ul li.yuimenuitem {
  margin: 5px 0;
}

#navbartop a.yuimenuitemlabel {
  color: #015B99 !important;
  font-size: 83% !important;
}

#navbartop a:hover.yuimenuitemlabel {
  color: #FFCC00 !important;
}

.yui-skin-sam .yuimenuitem-selected {
  background-color: #FFFFFF !important;
}

/* End of Top Navigation Bar styles */
/* End of Header styles */
/*
 * BODY
 * ====
 * The second third of the page layout, reserved for most of the main content 
 * as well as the navigation
 */
#bd {
  background: transparent url("../Images/bd_bg.png") scroll repeat-y 50% 0%;
}

#bd .doc-margin {
  background-color: #FFFFFF;
}

#doc #bd .doc-margin .content {
  padding: 0 40px 15px;
}

#breadcrumbs {
  border-bottom: 2px dotted #35589A;
  font-size: 85%;
  padding: 15px 0;
}

.maincontentarea p {
  font-size: 108%;
}

#header {
  margin: 15px 0;
}

#header h1 {
  left: -2000px;
  position: absolute;
}

.box .yui-g .yui-u .box-content {
  background: transparent url("../Images/box_bg.png") scroll repeat-x left top;
  color: #0F3157;
  padding: 10px 10px 20px;
  *background: transparent url("../Images/box_bg.png") scroll repeat-x left top !important;
  *background: none;
}

.box h2 {
  font-size: 116%;
  margin: 0pt;
}

.box h2 a {
  color: #0F3157;
  text-decoration: none;
}

.box h2 a:hover {
  color: #FFCC00;
}

.box p {
  color: #013D65;
  font-size: 93%;
}

.box img {
  margin: 10px 15px 5px 0pt;
}

/*
 * SIDEBAR RIGHT
 * =============
 */
#sidebarright {
  margin: 15px 0 0 auto;
  width: 250px;
}

#sidebarright .sidebarright-header {
  background-attachment: scroll;
  background-color: transparent;
  background-repeat: no-repeat;
  display: block;
  height: 30px;
  width: 250px;
}

#sidebarright-news .sidebarright-header {
  background-image: url("../Images/sidebar-sprite.gif");
  background-position: 0 0;
}

#sidebarright-calendar .sidebarright-header {
  background-image: url("../Images/sidebar-sprite.gif");
  background-position: 0 -30px;
}

#sidebarright-downloads .sidebarright-header {
  background-image: url("../Images/sidebar-sprite.gif");
  background-position: 0 -60px;
}

#sidebarright-schema .sidebarright-header {
  background-image: url("../Images/sidebar-sprite.gif");
  background-position: 0 -90px;
}

#sidebarright .sidebarright-box {
  margin-bottom: 12px;
}

#sidebarright .sidebarright-content {
  font-size: 93%;
  padding: 15px;
}

#sidebarright .sidebarright-content img[align="left"] {
  margin: 0 10px 5px 0;
}

/*#sidebarright .sidebarright-content ul li {
	margin-top:10px;
}*/
#sidebarright .sidebarright-bg {
  background: transparent url("../Images/box_bg.png") scroll repeat-x left top;
}

#sidebarright .sidebarright-border {
  border-bottom: 1px dotted;
}

#sidebarright h2 {
  font-size: 116%;
  font-weight: normal;
  margin: 0;
}

#sidebarright h2 a {
  text-decoration: none;
}

#sidebarright h2 a:hover {
  color: #FFCC00;
}

#sidebarright ul {
  margin-top: 0px;
}

/* End of Sidebar Right styles */
#bd-border {
  border-bottom: 2px dotted #35589A;
  margin-top: 15px;
}

/* End of Body styles */
#ft {
  background: transparent url("../Images/ft_bg.png") scroll no-repeat 50% 0%;
  font-size: 85%;
}

/*
 * COPYRIGHT
 * =========
 */
#copyright {
  float: left;
}

#copyright a {
  
}

/* End of Copyright styles*/
#gutter {
  padding: 25px 40px 15px;
}

#gutter img {
  margin: 0;
}

/*
 * HTML ELEMENTS
 * =============
 * These styles alter the characteristics of HTML elments such as headers, paragraph elements, etc.
 */
h1 {
  
}

h2 {
  
}

p {
  margin: 10px 0px 0px 0px;
}

strong,strong em {
  font-weight: bold;
}

em,em strong {
  font-style: italic;
}

a,a:active,a:link,a:visited {
  color: #013D65;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style-image: url("../Images/list_image.gif");
  margin-bottom: 10px;
}

th,td {
  border: none;
}

/* End of HTML Element styles*/
/*
 * DIALOGS
 * =======
 * 
 */
#dialog-modal .hd,.yui-skin-sam .yui-panel .hd {
  height: 32px;
  line-height: 32px;
  text-transform: uppercase;
}

#dialog-modal .hd,.yui-skin-sam .yui-panel .hd,.yui-skin-sam .yui-calcontainer .title {
  background: #CE3D0C url("../Images/dialog-sprite.gif") repeat-x scroll 0 0;
  border-style: none;
  color: #FFFFFF;
  font-size: 100%;
}

.yui-skin-sam .container-close,.yui-skin-sam .yui-calcontainer .calclose {
  background: transparent url("../Images/dialog-sprite.gif") no-repeat scroll 0 -84px;
  top: 8px;
  width: 28px;
}

/* End of Dialogs styles*/
/*
 * USER-DEFINED
 * ============
 * These styles are used in special instances to apply formatting and structural functions, 
 * e.g. clearing or hiding layers.
 */
.error {
  font-weight: bold;
}

.read-more {
  background: transparent url("../Images/list_image.gif") no-repeat scroll right 5px;
  padding-right: 10px;
}

/* End of User-defined styles*/
/* 
 * PHOTO GALLERY
 * =============
 */
#sidebarright-thumbnails {
  margin-top: 105px;
}

#sidebarright-thumbnails .scroll-box {
  border: 1px solid #E7E7E7;
  height: 390px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 2px 0 0 2px;
}

#sidebarright-thumbnails .thumbnail-container {
  float: left;
  height: 96px;
  margin: 1px 0px 0px 1px;
  width: 112px;
}

#sidebarright-thumbnails .selected-picture .thumbnail-container {
  background-color: #00BBEE;
}

#sidebarright-thumbnails .thumbnail-container .thumbnail-wrapper {
  display: block;
  height: 98px;
  margin: 0pt auto;
  width: 98px;
}

#sidebarright-thumbnails .scroll-box .thumbnail {
  border: none;
  display: table-cell;
  height: 96px;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  width: 96px;
}

#sidebarright-thumbnails .scroll-box .thumbnail img {
  margin: 0 auto;
}

#photogallery .picture-container .picture-wrapper {
  background: transparent url("../Images/loading.gif") scroll no-repeat 50% 50%;
  text-align: center;
}

#photogallery .picture-container .picture-wrapper img {
  border: 1px solid #E7E7E7;
  margin: 0 auto;
}

#photogallery-count {
  margin: 20px 0 10px 0;
  text-align: center;
}

#photogallery-caption {
  border-top: 1px solid #E7E7E7;
  margin-top: 10px;
  padding-top: 10px;
  text-align: center;
}

table.personal td {
  padding: 20px;
}