body
{margin: 0px;padding: 0px;background: #0053a8 url(images/bgsobbayi.jpg) no-repeat scroll center top;font:normal 14px tahoma, verdana, Geneva, Arial, sans-serif;color:#ffffff;}	
h2
{color:#F3F4F4;font:bold 18px Arial,Helvetica,sans-serif;line-height:1.2em;margin:0;padding:5px 5px;}
h1
{color:#F3F4F4;font:bold 20px Arial,Helvetica,sans-serif;line-height:1.2em;margin:0;padding:5px 5px;}
.space-ten
{height:10px;}	
.nav
{background: url(images/menuback.gif) no-repeat scroll center top;height:45px;width:986px;margin: 0px auto;margin-bottom: 10px;}
.nav ul
{list-style-type: none; list-style-image: none; margin: 1px 0px; padding: 0; display: inline-block; float: left;}
.nav ul li
{float: left; display: inline; margin: 1px 0; padding: 0;}
.nav ul li a
{text-decoration:none;display: block; float: left; font:bolder 11px tahoma, Geneva, Arial, sans-serif;padding: 12px 22px 15px 22px; border-right: 1px solid #cccccc; border-left: 1px solid #efefef;text-transform:uppercase;color:#000000;}
.nav ul li a:hover
{color:#afafaf;background:#cccccc;}
.nav ul li #main-logo-li
{display: block; float: left; padding: 9px 22px 9px 22px; border-right: 1px solid #cccccc;border-left:none;}
.nav ul li #main-logo-li:hover
{background:none;}
.main-logo
{border: 0px;}
#foot-wrap
{height:150px;width:100%;background: #0053a8 url(images/footgrad.png) repeat-x;clear:left;}
#foot-wrap #text-div
{color:white;width:986px;text-align:right;margin:20px auto;padding: 20px 4px 20px 0px;font:normal 11px Geneva, Arial, sans-serif;}
#foot-wrap #text-div a
{color:#0098F1;text-decoration:none;margin-left:20px;}
#black-strip
{width:986px;height:150px;margin: 10px auto;background: url(images/blackboard.png) no-repeat;clear:left;}
#black-strip .third-bit
{border-right:1px solid #3E3E3E;float:left;margin:15px 10px;padding:0 10px;width:283px !important;height: 120px;}
#black-strip .third-bit h2 
{color:#F3F4F4;font:bold 20px Arial,Helvetica,sans-serif;line-height:1.2em;margin:0;padding:5px 5px;}
#black-strip .third-bit p 
{color:#AFAFAF;font:normal 11px Arial,Helvetica,sans-serif;line-height:1.8em;margin:0;padding:4px;}
#black-strip .third-bit ul 
{list-style-image:none;list-style-position:outside;list-style-type:none;margin:2px 0;padding:0;}
#black-strip .third-bit li 
{background:transparent url(images/black_ulli.gif) no-repeat scroll left center;
color:#AFAFAF;font:normal 11px Arial,Helvetica,sans-serif;margin:0;padding:2px 15px;}
#black-strip .no-border 
{border:0 none;}



#game-pad
{width:986px;height:335px;margin: 0 auto;background: url(images/gameplay.png) no-repeat;padding-top:5px;}
#main-wrap
{width: 986px; margin: 0 auto;}
#content-wrap
{float: left;width: 100%;}
#content
{margin-right: 320px;}
#right-column
{float: left;width: 320px;margin-left: -320px;margin-bottom: 10px;}
.divpad
{margin: 5px;}
.divpadbig
{margin: 10px;}
form label 
{margin: 0 12px 0 5px;}
 .contact-form fieldset 
{border:none;margin: 10px 0px;padding: 20px 26px 20px 26px;}
 .contact-form legend 
{font-size: 1.5em;color: #ffffff;padding: 0 4px;}
form fieldset p 
{margin: 20px 0px 0px 0px;color:#ffffff;}
 form fieldset label/* NN6 would not recognize the width of the label element properly */ 
 {margin: 2px 0px 0px 0px;width: 150px;display: block;	float: left;text-align: left;}
 form fieldset input, 
 form fieldset select,
 form fieldset textarea 
 {margin: 0px 0px 6px 150px;padding: 2px 0px;display: block;width: 270px;border: 1px solid #a8a6ab;}
 form fieldset select
 {width: 272px;}
 form fieldset textarea
 {height: 70px;}
 form fieldset input.zip
 {width: 120px;}
 form fieldset div 
 {display: block;	}
 form fieldset input.phone
 {margin: 0px 6px 6px 0px;width: 35px;display: inline;}
 form fieldset input.submit
 {margin: 6px 5px 6px 0px;padding: 0px;width: 55px;height: 19px;display: block;	float: right;border-width: 0px;}

#bmi-calculator
{width: 100%}
#bmi-calculator p 
{margin: 20px 0px 0px 0px;color:#ffffff;}
#bmi-calculator label/* NN6 would not recognize the width of the label element properly */ 
 {margin: 2px 0px 0px 0px;width: 150px;display: block;	float: left;text-align: left;}
#bmi-calculator input, #bmi-calculator select
 {margin: 0px 0px 6px 150px;padding: 2px 0px;display: block;width: 120px;border: 1px solid #a8a6ab;}
 
#bmi-calculator div 
 {display: block;	}
#bmi-calculator label 
{margin: 0 12px 0 5px;}


#legal
{width: 976px; margin: 10px auto;}	
.blue-strip_top 
{background:transparent url(images/blue_top.gif) no-repeat scroll center top;
width:986px;height:16px;clear:left;margin:0 auto;}
.blue-strip_bottom 
{background:transparent url(images/blue_bottom.gif) no-repeat scroll center bottom;
margin:0;width:986px;height:15px;clear:left;margin:0 auto;}
#page-wrap
{width: 986px; /*Width of main container*/margin: 0 auto;}
#div-wrapper
{float: left;width: 100%;background:transparent url(images/blue_bg.gif) repeat-y scroll center top;}
#content-div
{margin-right: 340px; /*Set right margin to RightColumnWidth*/}
#right-div
{float: left;width: 340px; /*Width of right column*/margin-left: -340px; /*Set left margin to -(RightColumnWidth) */}
.content-pad
{margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/margin-top: 0;}
.content-pad a
{color: #ffffff; }
.si-good
{color:#ffffff;font-weight:bold;background:#009900;padding:7px; margin:5px;border:1px solid #ffffff;}
.si-warning
{color:#ffffff;font-weight:bold;background:#ff9900;padding:7px; margin:5px;border:1px solid #ffffff;}
.si-error
{color:#ffffff;font-weight:bold;background:#ff0000;padding:7px; margin:5px;border:1px solid #ffffff;}
#contact-details
{font:normal 11px Geneva, Arial, sans-serif;}
.conversion-calcs form .radio
{width: 14px;display:inline;padding: 10px 2px 0px 10px;margin-left: 12px;border:none;cursor:pointer}
.conversion-calcs form fieldset
{border: 3px solid #0094ea;margin-top:15px;padding: 15px 7px 15px 7px;}
.conversion-calcs form legend
{font-weight: bold;color:#ffffff	}
.calculator
{width:100%;padding:10px;margin-top: 15px; margin-bottom:15px;display:none;}
.calculator form label
{width:180px;}
#answer-pad
{border:3px solid #0094ea;background:#2b336b;padding: 15px 7px 15px 7px;margin-top:15px;margin-bottom:15px;display:none;}
#answer-pad #answer-text
{font-weight:bold;font-size:36px;text-align:center;color:#efefef;width:100%;}
.ok-button
{background:#0094ea;color:#ffffff;font:bold 12px Arial,Helvetica,sans-serif;cursor:pointer}
#lab-links
{background:#0094ea;padding: 15px 7px 15px 7px;border:1px solid #000000;}
#multi-table-form
{border:3px solid #0094ea;background:#2b336b;padding: 15px 7px 15px 7px;margin-top:15px;}

.dcontentwrapper
{float: left;width: 100%;}
.dcontentcolumn
{margin: 0 150px 0 160px;}
.dleftcolumn
{float: left;width: 160px;margin-left: -625px; }
.drightcolumn
{float: left;width: 150px; margin-left: -150px; }
.dfooter
{clear: left;width: 100%;color: #FFF;text-align: center;padding: 4px 0;}
.dinnertube
{margin: 10px; margin-top: 0;}
.total-downloads
{font:normal 11px Arial,Helvetica,sans-serif;text-align:center;}
.total-downloads-figures
{font:bold 11px Arial,Helvetica,sans-serif;}
.title
{font-weight:bold;}
.preview
{color:#cfcfcf;font:normal 11px Arial,Helvetica,sans-serif;line-height:1.8em;margin:0;padding:4px;}

#reflex-pane
{border:3px solid #0094ea;background:#2b336b;padding: 15px 7px 15px 7px;margin-top:15px;}
#reflex-bar-color
{width:94%; height: 30px; border:3px solid #0094ea;margin: 0 auto;margin-top:-43px;margin-bottom:10px;display:none;}
#reflex-bar-label
{color:white; margin: 0 auto;font:bold 18px Arial,Helvetica,sans-serif;line-height:1.8em;}
#reflex-play-area
{cursor:pointer;}
.reflex-buttons
{width:150px;background:#0094ea;color:#ffffff;font:bold 12px Arial,Helvetica,sans-serif;cursor:pointer;margin-top:7px;}
#tblstl
{background:#0094ea;color:#ffffff;font:bold 12px Arial,Helvetica,sans-serif;cursor:pointer}
#reflex-compare
{display: none;}
#reflex-help a
{color:#ffffff;}
#reflex-help
{display:none;}

#reflex-play-area
{background-color:#000000;width:100%;height:100px;display:none;}
#reflex-bar-underlay
{width:570px; height: 30px; border:none;margin: 0 auto;margin-top:10px;margin-bottom:10px;margin-left:18px;background-color:#cc0000;display:none;}
#refex-compare-results
{text-align:center;background:#00cc00;color:#000000}

#play-land
{width:650px;height:320px; background:#000000;}
#play-land-list
{width:650px;height:120px; background:#000000;margin-top:20px;}
.social
{margin-right:2px;}
#span-copy
{margin-top:-5px;}



#tabs 
{float:left;width:100%;	font-size:93%;	line-height:normal;	border-bottom:none;
margin-bottom:-2px;overflow:hidden;}
#tabs ul 
{margin:0;padding:10px 10px 0 0px;list-style:none;}
#tabs li 
{display:inline;	margin:0;padding:0;}
#tabs a 
{float:left;background:url("images/left.png") no-repeat left top;margin:0;padding:0 0 0 6px;text-decoration:none;}
#tabs a span 
{float:left;display:block;background:url("images/right.png") no-repeat right top;padding:6px 15px 4px 6px;margin-right:2px;color:#ffffff;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span 
{float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {	}
#tabs a:hover 
{background-position:0% -42px;}
#tabs a:hover span 
{background-position:100% -42px;}
.white-links
{color:#efefef;}
#portfolio-wrapper
{border:2px solid #ffffff;clear:left;background:#3381d0;padding: 14px 7px 12px 7px;}

#yourBmi
{color:#ffffff;text-align:center;margin-top:5px;margin-top:15px;font:bold 24px Arial,Helvetica,sans-serif;padding:7px;border:1px solid #ffffff;display:none}
#bmi-label
{font-weight:bold;padding-left:12px;}
#bmi-under
{background:#009999;padding:5px;padding-left:12px;font-weight:bold;}
#bmi-normal
{background:#009900;padding:5px;padding-left:12px;font-weight:bold;}
#bmi-over
{background:#999900;padding:5px;padding-left:12px;font-weight:bold;}
#bmi-obese
{background:#990000;padding:5px;padding-left:12px;font-weight:bold;}

#game-canvass-tictactoe
{width: 650px; height: 320px; background: #0053a8 url(../../showcase/images/gamelid.png) no-repeat;display:none; border-top: solid 1px #0061B3;color:#000000;}
#game-canvass-tictactoe #game-title
{height: 30px;}
#game-canvass-tictactoe #game-title h1
{font: bold 16px Geneva, Arial, sans-serif;padding: 4px 0px 4px 13px}
#game-canvass-tictactoe #game-title h1 #version
{font: normal 11px Geneva, Arial, sans-serif;}
#game-canvass-tictactoe #game-field
{width:261px;height:261px;margin: 0px 10px 5px 13px;background-color: #ffff9e; float:left;}

#game-canvass-tictactoe #game-field .cube
{width: 85px; height: 85px; border: solid 1px #000000;float:left;cursor:pointer;text-align:center;
font: bold 65px  Geneva, Arial, sans-serif;color:#000000;}
#game-canvass-tictactoe #game-field  #cube1
{border-left: solid 1px #ffff9e;border-top: solid 1px #ffff9e;}
#game-canvass-tictactoe #game-field  #cube2
{border-top: solid 1px #ffff9e;}
#game-canvass-tictactoe #game-field  #cube3
{border-right: solid 1px #ffff9e;border-top: solid 1px #ffff9e;}
#game-canvass-tictactoe #game-field  #cube4
{border-left: solid 1px #ffff9e;}
#game-canvass-tictactoe #game-field  #cube6
{border-right: solid 1px #ffff9e;}
#game-canvass-tictactoe #game-field  #cube7
{border-left: solid 1px #ffff9e;border-bottom: solid 1px #ffff9e;}
#game-canvass-tictactoe #game-field  #cube8
{border-bottom: solid 1px #ffff9e;}
#game-canvass-tictactoe #game-field #cube9
{border-right: solid 1px #ffff9e;border-bottom: solid 1px #ffff9e;}

#game-canvass-tictactoe #tttpanel
{border: solid 1px #ffff9e; width: 160px;height:260px;float:left;}
#game-canvass-tictactoe #tttpanel a
{font: normal 9px Geneva, Arial, sans-serif; }
#game-canvass-tictactoe #tttpanel p
{font: bold 11px Geneva, Arial, sans-serif;padding-left: 8px;}
#game-canvass-tictactoe #tttpanel #OppPlayer2
{display:none;}
#game-canvass-tictactoe #tttpanel form p
{margin: 2px 0px 2px 0px;font: normal 11px Geneva, Arial, sans-serif;}
#game-canvass-tictactoe #tttpanel form .buttons
{width: 140px; cursor: pointer; background-color:#ffff9e;}
#game-canvass-tictactoe #tttpanel .digits
{width: 30px; border:none;text-align: right;font-weight:bold;background:none;}

#game-canvass-tictactoe #help
{border: solid 1px #ffff9e; width: 160px;height:260px;float:left;margin: 0px 5px 5px 13px;}
#game-canvass-tictactoe #help h1
{font: bold 14px Geneva, Arial, sans-serif;margin: 2px 0px 4px 10px}
#game-canvass-tictactoe #help p
{font: normal 11px Geneva, Arial, sans-serif;margin: 2px 5px 0px 5px; text-align:justify;}

#game-canvass-towersofnairobi
{width: 650px; height: 320px; background: #0053a8 url(../../showcase/images/gamelid.png) no-repeat;display:none; border-top: solid 1px #0061B3;color:#000000;}
#game-canvass-towersofnairobi #game-title
{height: 30px;}
#game-canvass-towersofnairobi #game-title h1
{font: bold 16px Geneva, Arial, sans-serif;padding: 4px 0px 4px 13px}
#game-canvass-towersofnairobi #game-title h1 #version
{font: normal 11px Geneva, Arial, sans-serif;}
#game-canvass-towersofnairobi #game-field
{width:445px;height:261px;margin: 0px 0px 5px 13px;background-color: #ffff9e; float:left;}

#game-canvass-towersofnairobi #game-field  #screen
{background: #000000 url(../../showcase/images/towersofnairobibak.png);padding-top:17px;}
#game-canvass-towersofnairobi #game-field .cube
{width: 80px; height: 20px; margin-top: 1px;cursor:pointer; }

#game-canvass-towersofnairobi #game-field  #sec1
{background:  url(../../showcase/images/kicc_img_1.gif);margin-left:45px;}
#game-canvass-towersofnairobi #game-field  #sec2
{background:  url(../../showcase/images/kicc_img_2.gif);margin-left:45px;clear:left}
#game-canvass-towersofnairobi #game-field  #sec3
{background:  url(../../showcase/images/kicc_img_3.gif);margin-left:45px;}
#game-canvass-towersofnairobi #game-field  #sec4
{background:  url(../../showcase/images/kicc_img_4.gif);margin-left:45px;}
#game-canvass-towersofnairobi #game-field  #sec5
{background:  url(../../showcase/images/kicc_img_5.gif);margin-left:45px;}
#game-canvass-towersofnairobi #game-field  #sec6
{background: url(../../showcase/images/kicc_img_6.gif);margin-left:45px;}
#game-canvass-towersofnairobi #game-field  #sec7
{background: url(../../showcase/images/kicc_img_7.gif);margin-left:45px;}
#game-canvass-towersofnairobi #game-field  #sec8
{background:  url(../../showcase/images/kicc_img_8.gif);margin-left:45px;}

#game-canvass-towersofnairobi #help
{border: solid 1px #ffff9e; width: 160px;height:260px;float:left;margin: 0px 5px 5px 13px;}
#game-canvass-towersofnairobi #help h1
{font: bold 14px Geneva, Arial, sans-serif;margin: 2px 0px 4px 10px}
#game-canvass-towersofnairobi #help p
{font: normal 11px Geneva, Arial, sans-serif;margin: 2px 5px 0px 5px; text-align:justify;}
#game-nav
{width: 650px; height: 70px;background-color: #ffff9e ;display:none;}	
 #game-lid
{width: 650px; height: 77px; background:  url(../../showcase/images/gamefront.png) no-repeat;padding-top:243px;}

#game-lid #play-game-towersofnairobi
{width: 229px; height: 56px; margin-left: 45px; background: url(../../showcase/images/playtowersofnairobi.png) no-repeat;cursor:pointer;margin-top:0px;}
 #game-lid #play-game-tictactoe
{width: 229px; height: 56px; margin-left: 374px;background: url(../../showcase/images/playtictactoe.png) no-repeat;cursor:pointer;margin-top:-56px;}
#score-announce
{color:#ff0000;font: bold 24px Geneva, Arial, sans-serif;display:none;text-align:center;}


.store-content-pad
{margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/margin-top: 0;}
.store-content-pad a
{color: #ffffff; }
#store-content-div
{margin-right: 180px; /*Set right margin to RightColumnWidth*/}
#store-right-div
{float: left;width: 180px; /*Width of right column*/margin-left: -180px; /*Set left margin to -(RightColumnWidth) */}

.selectedanchor{ 
background:#cccccc;
}

.navdrop{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #afafaf;
border-bottom-width: 0;
line-height: 35px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
width: 200px;
}

.navdrop ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.navdrop ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #afafaf;
border-top: 1px solid #ffffff;
padding: 5px 0 5px 0;
text-decoration: none;
font:bolder 11px tahoma, Geneva, Arial, sans-serif;
color:#000000;
text-indent: 5px;
text-transform:uppercase;
background: url(images/menuback2.gif) no-repeat scroll center top;
}

.navdrop a:hover{
background:#cccccc;
color:#afafaf;

}

.navdrophadow{ 
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

#dloadcontwrap{
float: left;
width: 100%;
}

#dloadcontcol{
margin-right: 200px; 
}

#dloadright{
float: left;
width: 200px; 
margin-left: -200px; 

}

#dloadfooter{
clear: left;
width: 100%;
color: #FFF;
padding: 4px 0;
}

.dloadpad{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.file-dets
{
	margin-bottom: 10px;
	font-size: 12px;
}