
/* 
	CSS stylesheet for Bongwe.com 
	Vince Robbins, 2008-08-26
*/

*, html { 
	font-family:Arial, Helvetica, sans-serif;
}

img {border:0}

h1 { font-family:"Comic Sans MS",Arial; font-size:18px; color:#C62311; text-align:center;margin-bottom:0;padding-top:22px}
h2 { font-family:"Comic Sans MS",Arial; font-size:38px; color:#008000; text-align:center;margin-top:0;}

h3 { font-family:"Comic Sans MS",Arial; font-size:18px; color:navy; text-align:left;margin-top:0;}

h4 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:navy;}

p { 
	margin: 6px 0;
	text-align:justify;
	font-size:14px;
}
#container { 
	width:800px;
	margin: 0 auto;
	padding:12px 22px 0 22px;
	border:1px solid silver;
}

#banner {
	/* background: transparent url(/tile2.jpg); */
}
#banner img.blh {
	border:0;
	width:112px; 
	height:120px; 
	float:left;
	margin:0 12px 0 0;
}
#banner img.brh{
	border:0;
	width:95px; 
	height:140px; 
	float:right;
	margin:0 0 0 12px;
}
 
#banner h1 {


}
#leftcolumn {
	float:left;
}
/*<li style="background: url(/Images/menu/buttonbg.gif)">School visits</li> */
#leftcolumn ul.newmenu{
	list-style:none;
	border:0px solid red;
	margin:0 12px 12px 0;
	padding-left:0;
}
#leftcolumn ul.newmenu li{
	background: url(/Images/menu/buttonbg.gif) no-repeat;;
	margin:5px 0;
	padding:3px 0;
	text-align:center;
	font-size:13px;
	width:100px;
	height:20px;
}
#leftcolumn ul.newmenu li a {
	text-decoration:none;
}
#leftcolumn ul.newmenu li a:hover {
	text-decoration:underline;
	color:#c62311;
}


#leftcolumn ul.menu{
	list-style:none;
	border:0px solid red;
	margin:0 12px 12px 0;
	padding-left:0;
}
#leftcolumn ul.menu li{
	margin-bottom:10px;
}

#rightcolumn {
	float:right;
}
#footer p {
	text-align:center;
}
#content {
	width:550px;
	margin-left:140px;
	border:0px solid red;
}
#bongweinset1 {
	width:252px;
	border:0 solid silver;
	margin:0 auto;
}
#bongweinset1 img {
	width:250px;
	height:272px;
}
#probleminset {
	width:93%;
	border:1px solid #111111;
	margin:30px auto;
	padding:0 22px 22px 22px;
	background-color:#CCFFCC;
}
#kingdomp7 {
	width:252px;
	border:0 solid silver;
	margin:0 auto;
}
#kingdomp7 img {
	width:250px;
	height:215px;
}

#cd img {
	width:237px;
	height:233px;
	float:left;
}
#cd p {
	margin-left:250px;
	font-family:"Comic Sans MS",Arial; 
}
#thatsenough {
	width:300px;
	border:0 solid silver;
	margin:0 auto;
}
#thatsenough img {
	width:300px;
	height:413px;
}

#picpanelwide {
	width:100%;
	clear:right;
}
#picpanelwide img {
	float:left;
}
#esnatphoto {
	float:right;
	width:250px;
	height:259px;
	margin: 0 0 15px 15px;
}
#picpanelwide img.frog {
	margin:28px 6px 0 0;
	width:80px;
	height:63px;
}
#picpanelwide img.vulture {
	margin:28px 6px 0 6px;
	width:80px;
	height:63px;
}
#picpanelwide img.lion {
	margin:0 6px 0 6px;
	width:80px;
	height:91px;
}
#picpanelwide img.chameleon {
	margin:44px 6px 0 6px;
	width:80px;
	height:37px;
}
#picpanelwide img.zebra {
	margin:22px 6px 0 6px;
	width:80px;
	height:81px;
}
#picpanelwide img.antelope {
	margin:22px 0 0 6px;
	width:80px;
	height:63px;
}
#characters .pixrow1 {
	height:180px;
	border:1px solid silver;
}
#characters .pixrow1 div {
	/* width:180px;
	height:180px; */
	float:left;
	border:1px solid silver;
}

#characters {
	width:681px; 
	height:800px;
	border:0px solid green;
}
#characters table {
	width:680px;
	margin:0;
	border-collapse:collapse;
}
#characters table td {
	border:0px solid silver;
}

/* school visits page */

div#centerpics {
	margin:25px auto;
}
div#centerpics img {
	border:1px solid black;
}
div#centerpics p {
	text-align:center;
}


.picbox { border:0px solid orange; text-align:center; vertical-align:bottom;}
.picbox p { color:navy; text-align:center; font-size:10px; }

#pic1 { width:165px; height:190px; }
#pic1 img { width:150px;height:166px; }

#pic2 { width:165px; height:190px; }
#pic2 img { width:170px;height:137px; margin-top:15px; }

#pic3 { width:165px; height:130px; }
#pic3 img { width:103px;height:106px; }

#pic4 { width:165px; height:120px; }
#pic4 img { width:150px;height:101px; }

#pic5 { width:165px; height:130px; }
#pic5 img { width:150px;height:119px;}

#pic6 { width:165px; height:190px; }
#pic6 img { width:150px;height:150px; }

#pic7 { width:165px; height:120px; }
#pic7 img { width:170px;height:78px; margin-top:12px; }

#pic8 { width:165px; height:190px; }
#pic8 img { width:150px;height:160px; }

#pic9 {  width:165px; height:190px; }
#pic9 img { width:160px;height:170px; }

#pic10 { width:165px; height:190px; }
#pic10 img { width:135px;height:153px; }

#pic11 { width:165px; height:190px; }
#pic11 img { width:135px;height:153px; }

#pic12 { width:165px; height:190px; }
#pic12 img { width:160px;height:170px; }

.revealed { 
	position:absolute; top:430px; left:530px; 
	width:284px;height:155px; 
	background-color:white;
	border:6px dotted orange; 
	margin:15px;
	padding:15px;
	visibility:hidden;
}
.revealed p { 
	background-color:white;
	color:black;
	font-family: "Comic Sans MS";
	font-size:18px;
	text-align:center;
}
.revealed p.message { 
	background-color:white;
	color:green;
	font-family: "Comic Sans MS";
	font-size:18px;
}

.bookdetails {
	border:1px solid silver;
	margin:12px 0;
	padding:12px;
}
.bookdetails img {
	float:left;
	margin:0 12px 12px 0;
}
.bookdetails h2 {
	font-size:18px;
	margin-top:6px;
	color:green;
	text-align:left;
	margin-left:170px;
}
.bookdetails h3 {
	font-size:16px;
	margin-top:8px;
	color:#C62311;
	text-align:left;
	margin-left:170px;
}

.bookdetails p {
	margin-left:170px;
}
.bookdetails p.bookcat {
	color:#3399FF; color:navy;
	font-style:italic;
	font-size:12px;
}
p {}
p.message {color:black}
p.green4 {
	font-family:Comic Sans MS;
	color:#008000;
	font-size:16px;
}
.reddish4 p, p.reddish4 {
	font-family:Comic Sans MS;
	font-size:16px;
	color:#C62311;
	color:#444444;
}
p.reddish5 {
	font-family:Comic Sans MS;
	color:#C62311;
	font-size:18px;
}
.browntext p, p.browntext {
	font-family:Comic Sans MS;
	color:#7E3F3D;
	font-size:16px;
}

#kingdomp7 {

}

#kidscomments {
	padding:15px 30px;
}
#kidscomments p {
	font-family:Comic Sans MS;
	font-size:16px;
	color:#C62311;
	font-style:italic;
}

#leftcolpics {
	width:100%;
	border:0px solid yellow;
	text-align:center;
}
#leftcolpics img {
	margin:15px auto;
}
#leftcolpics img.bongwe4 {
	width:80px;
	height:133px;
}
#leftcolpics img.owl {
	width:80px;
	height:139px;
}
#leftcolpics img.trees {
	width:100px;
	height:63px;
}
#calltoaction h3 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
}
/* Order form page */
#orderform table {
	border-collapse:collapse;
	width:520px;
}
#orderform table th {
	font-size:12px;
	text-align:right;
	width:200px;
	padding:3px;
}
#orderform table td {
	font-size:12px;
	text-align:left;
	width:320px;
	padding:3px;
}
#orderform form input.short { width:50px; }
#orderform form input.medium { width:150px; }
#orderform form input.long { width:250px; }

#orderform .comment {
	width:100%;
	height:200px;
	border:1px solid #444444;
}
#orderform p {
	padding-bottom:4px;
	border-bottom:1px solid #999999;
	font-size:12px;
}

#book1qty, #book2qty, #book3qty, #book4qty, #book5qty {
	width:50px;
}
/* end of order form page */
#flashPlayer { 
	text-align:center;
}


