/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
http://developer.yahoo.com/yui/reset/
version: 2.3.1
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/* 	---------------------------------------------------------------
Copyright (c) 2007 August Ash Inc. (http://www.augustash.com)

Screen Style Sheet
Version: $Id: mission.css 14 2008-07-11 21:58:23Z cmartens $
	--------------------------------------------------------------- */

/* 	=================
	Colors:
	Blue	#39c;
	==================	*/

body {
	background:#fff;
	text-align:center;
	color:#000;
	font:normal 13px/17px Arial, Helvetica, sans-serif;
}

p, table {margin:1em 0;}
img {border:0;}
.access, hr {display:none;}
.clearer {clear:both; height:1%; line-height:1%; font-size:1%;}
.required, .error {font-weight:bold; color:#C30000;}
a:link, a:visited {color:#434F67; font-weight:bold; text-decoration:underline;}
a:hover, a:active {text-decoration:none; outline:none;}

/* TYPE
----------------------------------------------- */
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
pre, code {white-space:pre; font-family:'andale mono','lucida console',monospace; line-height:1.5;}

/* HEADINGS
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size:21px;}
h2 {font-size:19px;}
h3 {font-size:17px;}
h4 {font-size:15px;}
h5 {font-size:13px;}
h6 {font-size:11px;}

/* LISTS
----------------------------------------------- */
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ul, ol {list-style-position:outside; margin:1em 0 0 0; padding:0 0 0 2em;}
ul ul, ol ol, ul ol, ol ul{list-style-type:square; list-style-position:outside;}
ol, ol ol, ul ol{list-style-type:decimal;}
dl {margin:1em 0;}
dl dt {font-weight:bold;}
dl dd {margin:0 0 0 1.5em;}

/* BASE LAYOUT
----------------------------------------------- */
div#wrap {position:relative; width:960px; margin:20px auto 0; text-align:left; border:1px solid #aaa;}
div#header {position:relative; width:960px; height:218px;}
div#cwrap {width:960px; background:#fff;}
div#side {background:#f2f7f9; width:300px; min-height:600px; padding:20px 0; border-right:1px solid #aaa; float:left; display:inline;}
div#main {float:right; display:inline; width:600px; padding:20px;}
div#footer {clear:both; padding:10px 0; text-align:center; background:#666;}

/* SIDE LAYOUT
----------------------------------------------- */
/*div#side div#menu ul li {margin:0 0 0;}
div#side div#menu ul li a {
	display: block;
	padding: 0.5em 0 0 0;
	color:#666;
	text-decoration:none;
	font: 120% Arial, Helvetica, sans-serif;
	font-size: 28px;
	border-bottom: 1px solid #d2d9db;
	margin: 0 20px 0 0;
}*/

/* Second Level Navigation ---------- */
ul#nav-missions {padding:0; margin: 0;}
ul#nav-missions li {margin:0;}
ul#nav-missions li a {
	display: block;
	font: 120% Arial, Helvetica, sans-serif;
	padding: 10px 0 10px 20px;
	color:#666;
	border-bottom: 1px solid #d2d9db;
	text-decoration:none;
	width: auto;
}
	
ul#nav-missions li a:link, ul#nav-missions li a:visited {background: #eaf1f3;}
ul#nav-missions li a:hover, ul#nav-missions li a:active {background: #deecf0;}
ul#nav-missions li.sectionheader {padding:3px 22px; background:#aaa; color:#fff; font-weight:bold;}
ul#nav-missions li.sectionheader span {display:none;}
/* Third Level Navigation ---------- */
/*div#side div#menu ul li ul li ul {margin:0; padding:0 0 0 20px;}
div#side div#menu ul li ul li ul li {font-size:11px; padding:0;}
div#side div#menu ul li ul li ul li a {font-weight:normal; font-size:13px;}
div#side div#menu ul li ul li ul li a:hover, div#side div#menu ul li ul li ul li a:active {text-decoration:underline;}
*/
/* MAIN LAYOUT
----------------------------------------------- */
/* Tabs */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}


/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {

    list-style: none;
    margin: 0;
    padding: 0 0 0 2px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
/*==========================================================================*/
.ui-tabs-nav li {
    float: left;
    margin: 0;
    font-weight: bold;
	background: url(../img/tpl/tab_l.png) no-repeat top left;
	display:inline;
	padding-left:12px;
}

.ui-tabs-nav li a span {
	background: url(../img/tpl/tab_m.png) repeat-x top center;
	height:30px;
	display:block;
	padding-top:5px;
}
.ui-tabs-nav li a span.right {
	background: url(../img/tpl/tab_r.png) repeat-x top right;
	height:0;
	width:12px;
	font-size:1%;
	position: relative;
	top:0;
	right:0;
	display:block;
	margin-right:0;
	height:30px;
	overflow:hidden;
}
/*==========================================================================*/
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
}
.ui-tabs-nav a {
    /*margin: 5px 0 0;  position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #888;
	font: 120% Arial, Helvetica, sans-serif;
}
.ui-tabs-nav a:hover {
	color: #333;
	text-decoration: none;
}
.ui-tabs-selected a:link, .ui-tabs-selected a:visited {
	color: #444;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.ui-tabs-selected a:hover {
	color: #444;
	text-decoration: none;
}
.ui-tabs-nav .ui-tabs-selected a {
	background: none;
	text-decoration: none;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 27px;
    background-position: 0 0;
    line-height: 27px;
}
/*
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 1px;
    height: 27px;
    background-position: 0;
    line-height: 27px;
}*/
.ui-tabs-selected a span {
	padding: 0;
	margin: 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    padding: 20px 10px 30px 10px;
	background: #f2f7f9;
	margin: 0 0 0 4px;
	border: 1px solid #d2d9db;
}
div#main h2 {
	font: 200% Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	padding: 30px 0 15px 10px;
	color: #666;
}
.ui-tabs-panel h3 {
	border-bottom: 1px solid #ccc;
	padding: 10px 0 0 0;
	color: #666;
	font: 200% Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.ui-tabs-panel p {
	padding: 20px 10px 0 10px;
	color: #333;
}
#daily p:first-line {
	font: 120% Arial, Helvetica, sans-serif;
	font-style: italic;
}


input {
	margin-left:20px;}
	
input.fbsubmit {background-color:#11532D; border:medium none; color:#FFFFFF; margin-right:28px; padding:5px;}
	
textarea {
	margin-left:20px;}

.submit {float:right;}

div.kenyaEmail input {margin-left: 39px;}

div.kenyaName input {margin-left:44px;width:187px;}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* FOOTER LAYOUT
----------------------------------------------- */
div#footer ul {padding:0; margin:0;}
div#footer ul li {display:inline; padding:0 5px; border-right:1px solid #333;}
div#footer ul li.last {border-right:none;}
div#footer ul li a {color:#fff; font-weight:normal;}