@charset "utf-8";
/* CSS Document for Makalu project */
.clear {  display:block; clear:both; float:none !important; height:0px !important; font-size:0px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important; }
:-moz-any-link:focus { outline: none; }
a {cursor: pointer; color: #0033AA;}
h4, h3 { margin:0; padding:0; }
body  {
    font-family:Verdana, sans-serif;
    font-size:11px;
    background-color:#0A1A3C;
    background-image:url(../images/mountain_background_v2.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: left;
    color: black;
}
img{border:none}
img.photo{ margin:0pt 15px 10px 0px; }
img.left_photo{ margin:0pt 15px 10px 0px; }
img.right_photo{ margin:0pt 0px 10px 15px; }
hr{margin-top: 5px; color:#ccc; background-color:#ccc; height:1px; border:none; }
hr.hr_v2 {color:#679fac; background-color:#679fac;}
.mandatory-text {color:#999999;}

#wrapper{
    width:768px;
    position:absolute;
    top:183px;
    left:109px;
}
#leftCol
{
    padding-bottom: 10px;
    float:left;
    width:103px;
    margin-top:118px;
}
h4.links {text-indent:-3000px; background-image:url(../images/links_title.gif); background-position:3px 0; background-repeat:no-repeat; margin:7px 0 2px 0;}

#links_logos{border: 1px solid #0583B6; height:21px; padding:5px 0 2px 5px; float: left;}
#links_logos a {margin:0px; margin-right: 5px; vertical-align: middle; float: left;}

#sponsor_logos img{margin:5px 0 0px 3px;}
#Content{float:right; width:650px;}
#header{height:69px; margin:0; position: relative;}	
#logo{ position: absolute; width:285px; height: 61px; left:31px; background:transparent url(../images/makalu2008.gif) no-repeat;}
#logo a {display: block; width: 285px; height: 61px;text-indent: -1500px;}
#armyLogos{ position: absolute; width:215px; z-index:100; height: 70px; right:19px; top:-1px;}

#mainContent
{
    background:transparent url(../images/transparent_img.png);
    background-position:top left;
    background-repeat:repeat;
    padding: 0 21px;min-height: 540px;_height: 540px;margin: 0px;
    margin: 0px; }

#mainContent h1{
    text-indent:-1500px;
    background-image:url(../images/logo_BritishServices.png);
    background-position: center 5px;
    background-repeat:no-repeat;
    height: 40px;
    margin:0;
}

#mainContent h2{
    text-indent:-1500px; 
    background-image:url(../images/latest-news.gif); 
    background-position: 0px center; 
    background-repeat:no-repeat; 
    height:20px; 
    margin-bottom:8px;}
    
#mainContent p{
    padding: 5px 0px 10px 0px;
    margin: 0px;
    font-size:11px;
    line-height:15px;
}

/* Curves */
#curveContent{width:649px; margin-left:0px; margin-top:0;}
#topCurve{background-image:url(../images/topcurve.png); background-position:0; background-repeat:no-repeat; height:17px;}
#bottomCurve{background-image:url(../images/bottomcurve.png); background-position:top left; background-repeat:no-repeat; padding: 0 -21px; height:15px;}

/* MENU */
ul{margin:0; padding:0; padding-left: 10px; list-style-type:none;}
#leftCol ul a{display:block; width:103px; height:26px;}
#leftCol li a{text-indent:-1500px;}
#leftCol li{background-position:top left; background-repeat:no-repeat; height:26px}
li.Objectives{background-image:url(../images/menu_objectives.jpg)}
li.Teams{background-image:url(../images/menu_teams.jpg)}
li.Training{background-image:url(../images/menu_training.jpg)}
li.Equipment{background-image:url(../images/menu_equipment.jpg)}
li.Gallery{background-image:url(../images/menu_gallery.jpg)}
li.Science{background-image:url(../images/menu_science.jpg)}
li.NewsBlogs{background-image:url(../images/menu_newsblogs.jpg)}
li.Contact{background-image:url(../images/menu_contactus.jpg)}
li.Sponsors{background-image:url(../images/menu_sponsors.jpg)}
li.Charities{background-image:url(../images/menu_charities.jpg)}
li.Guestbook{background-image:url(../images/menu_guestbook.jpg)}

/* #panels are on homepage only  */
#panels h3{ text-indent:-3500px; margin: 5px 0; }
#panels p{margin:0; text-align:left; line-height:13px}
#panels p a {font-size: 11px; color: #000; text-decoration: none;}
#panels a.team_img {float: left; text-decoration: none;}
#panels .team_data {min-height: 160px; _height: 160px;}
#panels .team_data p {padding: 0px;}
#panels .icons {margin-top: 5px; position:relative; bottom: 0px; padding: 0px;}
#panels a.write_blog {float: left;}
#panels a.view_blog_media {float: right; }

#panel0, #panel1, #panel2, #panel3
{
    position:relative;
    float:left; 
    width:127px; 
    margin:0 9px 10px 0; 
    padding: 5px 8px;
    text-align:center; 
    background-image:url(../images/panel_back.gif); 
    background-position:left top; 
    background-repeat:no-repeat; 
    height:190px;}
#panel3 {margin-right: 0px !important;}
#panel0 h3{background-image:url(../images/main-team.gif); background-position:left top; background-repeat:no-repeat; height:15px;}
#panel1 h3{background-image:url(../images/junior-team.gif); background-position:left top; background-repeat:no-repeat; height:15px;}
#panel2 h3{background-image:url(../images/ridge.gif); background-position:left top; background-repeat:no-repeat; height:15px;}
#panel3 h3{background-image:url(../images/hadt.gif); background-position:left top; background-repeat:no-repeat; height:15px;}


/* footer */
#footer{margin:10px 0 5px 118px;}
#footer p{text-align:center; margin:1px 0 5px 0;color:#679fac; font-size:10px; padding:0;}
#footer p.copyright {color:#C0C0C0; font-size:10px;}
#footer a{color:#d5d3d4;}

/* team navigation using tabs */
.contentNavigation { overflow:hidden; width: 585px; margin: 0px auto; position:relative; }
.contentNavigation ul {padding:0px;}
.contentNavigation li { float:left; margin-right:1px; }

/* content pages*/
#mainContent .content_page { margin: 0px 12px; border-bottom: solid 1px #CCC;}
#mainContent .content_page p.imgText {font-style:oblique;}
#mainContent .content_page a.top {color: #6AC1EC; text-decoration: underline; font-size: 11px; padding-left: 10px; background: transparent url(../images/ico_top.gif) no-repeat left center;}
#mainContent .content_page h3  
{
  color:#CC0000;
  font-size: 140%;
  font-weight: bold;
  border-bottom: solid 1px #CCCCCC;
  margin-bottom:10px;
  padding:20px 0px 3px;}
#mainContent .content_page h4 { color:#253756; font-size:120%; margin:8px 0 10px; }

.content_page_child_links {margin: 5px 0; line-height:15px;}

/* blog details */
.blog_details { float:left; margin:0px; margin-top:20px; padding: 0 30px 40px 15px; }
.blog_details * {margin:0px; padding: 0px;}
.blog_details .inner { float:left; border-left:solid 3px #67c0ea; padding-left: 15px; width: 560px; _width: auto;}/* is needed to overcome issue with bottom curve */
.blog_details a.download_link { font-weight: bold; font-size: 12px; color: #333399; text-decoration: underline;}
.blog_details a.archive_link {text-decoration: none; font-size:10px; color:#c00; 
  background: transparent url(../images/flag.gif) no-repeat left top; 
  padding-left: 15px; float: right;}
.blog_details h4 { color:#253756; font-size:15px; font-weight:bold; padding-bottom:21px; }
.blog_details .head {float: left; border-bottom:solid 1px #ccc; margin-bottom: 5px; padding-bottom: 5px; width: 100%;}
.blog_details .head h3 {float: left; color:#c00; font-size:15px; font-weight:bold;}
.blog_details .descr {padding-bottom: 30px;}
.blog_details .media_list {padding-bottom: 30px;}
.blog_details .media_list h4 {padding-bottom: 0px;}

/* guest book */
.guest_book { padding: 10px 0pt 0pt 10px; }
.guest_book .comments_list a.new_comment {margin-top: 10px; display: block; width: 150px; height: 23px; background: transparent url(../images/post.png) no-repeat; text-indent: -1500px;}
.guest_book .comments_list {padding: 0 0 15px 10px; font-size:10px; line-height:12px;} 
.guest_book .comments_list .comment { padding-bottom: 15px; border-bottom:solid 1px #c80708;}
.guest_book .comments_list .comment .description {padding: 15px 0;}
.guest_book .comments_list .paginator {padding-bottom: 10px;}

.post_comment .content_page { border-bottom: none !important;}

.contact_us_form .content_page { border-bottom: none !important;}

.paginator { text-align:center; color:#333; font-size:11px; }
.paginator .pages {padding-bottom:6px; }
.paginator .pages span.current {font-weight: bold;}
.paginator .pages a {color:#333; text-decoration: underline; }
.paginator .pages img {top: 2px; position: relative;}
.paginator .pages a.first_page, .paginator .pages a.prev_page {margin-left: 5px; text-decoration: none;}
.paginator .pages a.last_page, .paginator .pages a.next_page {margin-right: 5px; text-decoration: none;}
.paginator .pages .page_link, .paginator .pages .current {margin: 0px 5px;}
.paginator .tip {margin-top: 5px;}

/* blog archive */
.blog_archive {margin-top: 20px; }
.blog_archive * {margin:0px; padding:0px;}
.blog_archive .content_page {border-bottom: none !important;}
.blog_archive a.most_recent_blog {
    float: right;
    color:#c00; 
    background: transparent url(../images/flag1.gif) no-repeat left 2px; 
    text-decoration: none;
    padding-left: 15px;
    font-size:10px;
    line-height:12px;}
.blog_archive .agenda {padding: 10px 0px; width: 606px; float: left;}

/* agenda */
.agenda .hed { height:10px; background:url(../images/hed.gif) no-repeat left top; overflow:hidden; color:#fff; font-size:13px; font-weight:bold; padding: 15px 25px; text-align: center; }
.agenda .hed a {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
.agenda .hed .prev_month_link {float: left; padding-left: 10px; background: transparent url(../images/flag2.gif) no-repeat left center;}
.agenda .hed .next_month_link {float: right; padding-right: 10px; background: transparent url(../images/flag3.gif) no-repeat right center;}

.agenda .inner {background-color: #67C0EA; padding:0 9px 0 8px; font-size: 9px; }
.agenda .inner .table_wrapper {background-color: #fff; padding:0 15px; border-left: solid 1px #73AAC9; border-right: solid 1px #467CA0;}
.agenda .inner table {background-color: #fff; border-collapse: collapse;}
.agenda .inner table th, .agenda .inner table td{
  border-color: #253756;
  border-style: none solid solid none;
  border-width: medium 1px 1px medium;
}
.agenda .inner table th {color:#253756; font-size:12px; font-weight:bold; padding:5px 2px; text-align:center; width:77px;}
.agenda .inner table .last { border-right:none !important; }
.agenda .inner table .last_row { border-bottom:none !important; }
.agenda .inner table tr.num td {padding:0 6px 12px 0;text-align:right; font-size:11px; color:#253756; font-weight:bold; border-bottom:solid 1px #bababa; background:#DDD;}
.agenda .inner table tr.cont .agenda_cell {min-height: 50px; _height: 50px; padding:4px 3px;}
.agenda .inner table tr.cont .agenda_cell .data_types img {float: right;margin: 3px 0px 0px 3px;}
.agenda .inner table tr.cont .agenda_cell .data_types img.visual {}
.agenda .inner table tr.cont a { color:#999; font-size:12px; text-decoration:none; }
.agenda .inner table tr.cont .act { background:#67c0ea; }
.agenda .inner table tr.cont .act a { color:#fff !important; text-decoration:underline !important; }
.agenda .inner table tr.num td.non_act{color:#999999; font-weight:normal;}
.agenda .inner table tr.cont td.non_act .agenda_cell { background-color: #fff;}
.agenda .inner table tr.cont td.non_act .agenda_cell a {color:#999 !important; text-decoration:none !important;}
.agenda .inner table tr.last td {border-bottom: none;}
.agenda .bottom {background:url(../images/bottom.gif) no-repeat left top; height:30px; }

/* form */
.form { width: 300px; color: #003366; margin: 0px auto; }
.form input, .form textarea,.form select  {border: solid 1px #CCCCCC; padding: 0 3px; margin-bottom: 5px; width: 292px;}
.form label { font-weight:bold; }
.form textarea {overflow: auto;}
.form input.cb {float: left; width: auto; border: none;}
.form .buttons {width: 300px;}

.buttons {float: right; color: #6AC1EC; }
.buttons:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;}
.buttons input { float: right; border: solid 1px #CCCCCC; width: 80px; font-size: 0px; border: none; cursor: pointer; text-indent: -1500px;width: 74px; height: 23px;}
.buttons input.btn_send {
  background: transparent url(../images/btn_send.png) no-repeat right top; 
  }
.buttons input.btn_clear {
  background: transparent url(../images/btn_clear.png) no-repeat right top; 
  float: left;
  }
.buttons input.btn_save
{
  background: transparent url(../images/btn_save.png) no-repeat right top; }

.FieldError {color: #f00;}
.error {color: Red;}
.error-list
{
    margin:auto;
    margin-top:10px;
    margin-bottom:10px;
}

.error-list li 
{    
/*    font-size:1.1em;*/
    line-height:140%;
}

.error-list ul li
{
    list-style-position:outside;
    list-style-type: disc;
}

.error-list ol li
{
    list-style-position:outside;
    list-style-type: decimal;
}
.error-list ul, .fckoutput ol 
{
    margin-left: 3.5em; margin-top: 1em;
}