body
{
	position: relative;
	background: #1917dc url(/images/back1.jpg) repeat-x;
	margin:10px;
	padding:0; 
	text-align:center;
	font-family:Arial, sans-serif;
	font-size:80%;
	color: white;
}


/* page is the medium blue gray box in the middle... It has the Mindpik logo and 
     the two menus.  */
div#page
  {
	position: absolute;
	left: 20px;
	border: 1px solid #83A3CB;
	margin: 0 0 20px 0;
	padding-top: 120px;  /* this is setting how far down rap & wisdom are */
	padding-bottom: 20px;  /* this sets how far down page goes below */
	width: 980px;		/* the wisdom box					*/
	background: #1E5C99 url(/images/headerx2.jpg) no-repeat top left;
	color: white;
}

table#topmenus
{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	border: none;
}

table#topmenus td#top
{
	padding-left: 200px;
	padding-bottom: 0px;
}

table#topmenus td#second
{
	margin: 0 0 0 0;
	padding-top: 1px;
}

#pagearea
{
	float: left;
	margin-top: 12px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.narrowleftpagearea
{
	background: url(http://www.mindpik.com/images/PageAreaBkground.jpg) top left;
}

.wideleftpagearea
{
	background: url(http://www.mindpik.com/images/PageAreaBkgroundWideLeft.jpg) top left;
}


div#pagearea div#leftmenu
{
	float: left;
	/*background-color: #04071b;*/
	padding-top: 13px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	vertical-align: top;
	width: 110px;
}

div#pagearea div#leftmenu h2
{
	text-align: left;
	margin-left: 8px;
	color: red;
}

div#pagearea div#leftmenu h3
{
	text-align: left;
	margin-top: 35px;
	margin-left: 8px;
	color: orange;
}


div#pagearea  div#pagecontent
{	
	float: left;
	width: 540px;
	/*background-color: white;*/
	padding-left: 60px;
	padding-right: 35px;
	text-align: left;
 	vertical-align: top;
	color: black;
}

div#pagearea h1
{
	font:bold 200% Verdana, Helvetica Arial, sans-serif;
}

div#pagearea h2
{
	font:bold 135% Verdana, Helvetica Arial, sans-serif;
}

div#pagearea p
{
	font:normal 95%/1.25 Verdana, Helvetica Arial, sans-serif;
}

div#pagearea img
{
	margin: 20px 20px 20px 20px;
}

div#pagearea div#pagecontent table.imgcaption
{
	margin: 20px 5px 20px 20px;
        border-collapse: collapse;
        border: thin solid black;
}



div#pagearea div#pagecontent table.imgcaption td img
{
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        border: thin solid red;
}

div#pagearea div#pagecontent table.imgcaption td
{
        padding: 5px 5px 5px 5px;
        font-size: small;
        font-family: arial;
        font-style: italic;
}

div#pagearea div#rightmenu
{
	float: left;
	width: 180px;
	/*background-color: #9999CC;*/
	padding-left: 0px;
	padding-right: 15px;
	vertical-align: top;
	padding-top: 40px;
	text-align: center;
	color: black;
}

div#pagearea div#rightmenu h2
{
        text-align: center;
        margin-left: 24px;
	margin-bottom: 0;
	color: black;
	font-size: 150%;
}

div#pagearea div#rightmenu h3
{
        text-align: center;
        margin-left: 24px;
        color: white;
}

div#pagearea div#rightmenu h4
{
        text-align: center;
        margin-left: 24px;
	margin-top: 0;
        color: black;
}

div#pagearea div#rightmenu img
{
   margin: 10px 0 10px 0;
   padding: 0 0 0 0;
   border: none;
}

div#page table#pagearea td#rightmenu a.featurelink
{
	cursor: hand;
	color: black;
	text-decoration: none;
}

div#pagearea div#rightmenu a.featurelink:hover
{
	cursor: hand;
	color: blue;
	text-decoration: underline;
}

#footer
{
        clear: both;
	color: white;
}

#ftabs 
{
	height:20px;
	padding-top:0px;	/* this is setting where menu appears vertically... IE and  */
				/* firefox handling it differently... should be 25 for IE	*/
	padding-left:0px;	/* this is setting the distance between TAG and first box 	*/
					/* but its affecting IE different from Foxfire... should be	*/
					/* 125 for IE	*/
	background-color: transparent;
	text-align:center;
}

#ftabs li
{
	display:inline;
	background: transparent;
}

#ftabs a
{
	padding:3px 7px 4px 12px;
	margin:0px 5px 0px 4px;
	text-transform:uppercase;
	text-decoration:none;
	font-size:14px;
	color:#fff;
	border:1px solid #fff;
	font-family:arial;
	font-weight:bold;
	background: #8C0101 url(/images/tb4.gif) 4px 6px no-repeat;
	cursor:hand;
	display:block;
	float:left;
}

#ftabs a:hover
{
	text-decoration:underline;
	background-color:#CC0000;
}

#ftabs a.on
{
	background:url(/images/tb4.gif) #1e5c99 4px 6px no-repeat;
	border-color:#83A3CB;

}

#ftabs a.on:hover
{
	text-decoration:none;
	background-color:#1e5c99;
}

#ftabs a.here
{
	text-decoration:none;
	background-color:#232850;
}

#ftabs a.here:hover
{
	text-decoration:none;
	background-color:#232850;
}

#btabs ul
{
 	/*display: block;*/
}


#btabs li
{
	background: transparent;
	list-style: none;
	margin-left: -35px;    /* i dont get it... it takes this to move the boxes to the left */
	margin-bottom: 17px;   /*this sets vertical spacing of boxes */
	width: 150px;
	/* height: 20px;   this does not set height of box but spacing between boxes */
}

#btabs a
{
	padding:3px 7px 4px 12px;
	margin:0px 5px 5px 4px;     /* this does not seem to set vertical spacing of the boxes */
	/*margin:0px 0px 0px 0px;*/
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	color:#fff;
	border:1px solid #fff;
	font-family:arial;
	font-weight:bold;
	background: #cc6600 url(/images/tb4.gif) 4px 6px no-repeat;
	cursor:hand;
	/* height:20px; */
}

#btabs a:hover
{
	text-decoration:underline;
	background-color:#996600;
}

#btabs a.here
{
	text-decoration:none;
	color:yellow;
}

#btabs a.here:hover
{
	text-decoration:underline;
	color:yellow;
}

#ctabs ul
{
 	/*display: block;*/
}


#ctabs li
{
	background: transparent;
	list-style: none;
	margin-left: -35px;    /* i dont get it... it takes this to move the boxes to the left */
	margin-bottom: 17px;   /*this sets vertical spacing of boxes */
	width: 150px;
}

#ctabs a
{
	padding:3px 7px 4px 12px;
	margin:0px 5px 5px 4px;     /* this does not seem to set vertical spacing of the boxes */
	/*margin:0px 0px 0px 0px;*/
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	color:#fff;
	border:1px solid #fff;
	font-family:arial;
	font-weight:bold;
	background: #330066 url(/images/tb4.gif) 4px 6px no-repeat;
	cursor:hand;

}

#ctabs a:hover
{
	text-decoration:underline;
	background-color:#660099;
}

#ctabs a.here
{
	text-decoration:none;
	color:yellow;
}

#ctabs a.here:hover
{
	text-decoration:underline;
	color:yellow;
}


table#img-caption td
{
        padding: 5 5 5 5;
        font-size: 10px;
        font-family: arial;
        font-style: italic;
}