BODY { margin: 0 }

	DIV.offset  { margin-left: 5px; padding: 0; line-height: 80%}

	IMG.logo { HEIGHT: 51px; WIDTH: 300px }
	#fs_logo {  margin-top: 3px ; padding: 0}

	#fs_header { text-align: center; }
	#fs_header DIV.selected {  font-weight:bold; font-size: 110%; background-color: #FFFFFF }
	#fs_header SPAN  { padding: 1px; margin: 1px;  font-size: small  }
	#fs_header SPAN.selected  { background-color: #FFFFFF  }
	#fs_header li.selected  { background-color: #FFFFFF  }
	#fs_header a.selected  { color:#000000;  }
	#fs_header li.lev_1_selected  { background-color: #FFFFFF  }
	#fs_header a.lev_1_selected  { color:#000000;  }

	DIV.title {  font-size:x-large; font-family:"Comic Sans MS"; margin-top: 8px}
	DIV.header1 {  font-family:"Comic Sans MS"}
	DIV.header2 { font-family:"Comic Sans MS"; text-decoration:underline}
	SPAN.header2 {  font-family:"Comic Sans MS";  margin-left:4px }
	DIV.indent { margin-left:2em}
	SPAN.indent { margin-left:2em}

	A.itl { margin-left:4em; font-style: italic }
	A.bld { font-size:large; font-family:"Comic Sans MS";  }

	A.No_ul {  text-decoration: none }
	#entry_title  { text-align: center; font-size: large; font-weight:bold; padding-bottom: 10px; }

	#main_box
		{  width:90%; margin-top: 3px; margin-left: 5% }

	#why_img2
		{ float:right; margin: 0 5px 0 0 }

	#tools_img
		{ float:right; margin: 0  }

	#main_why
		{  margin-top: 3px }

	#main_blog
		{ margin: 0 5px 25px 10%; padding: 5px 0 10px 0;   }

	#main_kisi
		{width:95%;  margin: 0 5px 0 0  }
	#main_expert
		{width:95%;  margin: 0 5px 0 0  }

	#main_biblio
		{width:95%; margin: 0 5px 0 0}

	#free_stuff
		{ float:left; margin: 0 5px 0 0; }

	#main_kisi_img
		{ float:left; margin: 0 5px 0 0; }
	#main_kici_img
		{ float:right; margin: 0 0 0 5px; }
	#main_expert_img
		{ float: right  }


	DIV.main_header_attracting {  margin-top: 25px; margin-bottom: 25px; font-size:x-large; font-family:"Comic Sans MS"; text-align: center }
	#main_attracting
		{width:75%;  margin: 0 5px 25px 0  }
	#main_attracking_img
		{ float:left; margin: 0 5px 0 15%; }


	#main_free
		{width:95%; float:right; margin: 0 3px 0 0  }

	#main_about
		{width:75%; margin: 0 5px 0 0; clear: both  }

	#main_bottom
		{width:100%;  margin: 0 5px 0 0; clear: both  }


	DIV.main_header_4 {  margin-top: 5px; font-size:x-large; font-family:"Comic Sans MS"; text-align: center }
	DIV.main_boxtext {  text-align: center }
	DIV.left_boxtext {  text-align: left; margin: 0; padding: 0 }
	ul.details {  margin: 0 0 15px 15px; }

	#main_tools {  text-align: left; margin: 10px 0 0 0 }
	UL.tools  {  text-align: left; margin: 0 0 0 15px }
	DIV.tools_intro  {  text-align: left; margin: 10px 0 0 0 }

	#abab_box
		{ width:90%;  margin-left: 5%  }


	#intro_abab {  margin-top: 15px;  }
	#stem-woman {  margin: 0; padding: 0; float:right}
	#balance {  margin: 0; padding: 0; float:left; clear: both}

	 
	DIV.abab_title { font-size:x-large; font-weight:bold; text-align: center; margin: 15px 0 0 0  }
	DIV.abab_intro {   }

	#main_entries
		{ width:90%;  margin: 0 5px 0 5px }
	DIV.abab_entry_header {  width:80%;  font-weight:bold; text-align: justify; padding: 5px 0 0 0 }
	DIV.abab_site {  width:80%; text-align: justify }
	DIV.abab_entry {  width:80%; text-align: justify }

	DIV.free_entry_header {  font-weight:bold; font-style: italic; text-align: justify; padding: 10px 0 0 0 }
	DIV.free_site {  text-align: justify }
	DIV.free_entry {   text-align: justify; margin-left: 5ex }
	DIV.free_comment {  text-align: justify; margin-left: 10ex }
	DIV.free_quote {  text-align: justify; margin-left: 15ex }
	UL.free_bullet { margin: 0; padding: 0 }
	LI.free_bullet { margin-left: 3ex; padding: 0 }

	OL.categories  { list-style: upper-roman inside none }
	DIV.categories {    text-align: left }
	LI.categories {  font-size:large; margin-top: 20px }

	DIV.kisi_title { text-align: center ;font-size:x-large; font-family:"Comic Sans MS"; margin-top: 3px; margin-left: 10%}
	#kisi_top  { text-align: justify; margin-top: 10px; margin-left: 6%; margin-right: 10%  }
	#kisi_img  { margin-right: 7%; padding-left: 10px; }
	DIV.kisi_para { padding-bottom: 10px;  text-align: justify; margin-left: 3ex; margin-left: 3ex; margin-right: 10% }

	#kici_img  {  padding-left: 10px; margin-top: 20px}

	#attracting_img  {   padding-left: 10px }

	DIV.expert_entry_header {  font-weight:bold;font-size:large;  text-align: center; padding: 10px 0 0 0 }
	DIV.expert_entry_contact {  font-weight:bold;font-size:small;  text-align: center; padding: 10px 0 0 0 }
	#susan_b {  margin: 2ex; padding: 0; float:left; clear: both}
	IMG.expert {  margin: 2ex; padding: 0; float:left; clear: both}

#alpha { width: 60ex; float: left; clear: none}

#beta { width: 25ex;  float: right; font-size: small; clear: none }


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
/* #menu_container {margin:25px 0 100px 15px; position:relative; width:735px; height:25px; z-index:100;} */
/* #FFA07A #FF809A #FF608A */
#menu_container { margin:0;  width:100%; height:20px; background:#FF5050 }

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul { padding:0; margin-left:5%; list-style-type: none;}


/* Set up the link size, color and borders */

#pmenu a {display:block; width:100px; font-size:14px; color:#000000; height:18px; line-height:18px; font-weight:normal; text-indent:2px; border:2px solid red; border-width:1px 1px 1px 1px;}
/*
#pmenu a:visited {display:block; width:240px; font-size:14px; color:#000000; height:18px; line-height:18px; font-weight:normal; text-indent:2px; border:2px solid red; border-width:1px 0 1px 1px;}
*/

#pmenu a.drop {display:block; width:100px; font-size:14px; color:#000000; height:18px; line-height:18px; font-weight:normal; text-indent:1px; border:2px solid red; border-width:1px 1px 1px 1px;}
#pmenu a.drop_2 {display:block; width:120px; font-size:14px; color:#000000; height:18px; line-height:18px; font-weight:normal; text-indent:1px; border:2px solid red; border-width:1px 1px 1px 1px;}

#pmenu a.no_drop {display:block; width:100px; font-size:14px; color:#000000; height:18px; line-height:18px; font-weight:normal; text-indent:1px; border:2px solid red; border-width:1px 1px 1px 1px;}

#pmenu a.lev_1 {display:block; width:240px; font-size:14px; color:#000000; height:18px; line-height:18px; font-weight:normal; text-indent:2px; border:2px solid red; border-width:1px 1px 1px 1px;}
#pmenu a.lev_1_selected {display:block; width:240px; font-size:14px; color:#000000; height:18px; line-height:18px; font-weight:normal; text-indent:2px; border:2px solid red; border-width:1px 1px 1px 1px;}

#pmenu a.lev_2 {display:block; width:100px; font-size:14px; color:#000000; height:18px; line-height:18px; font-weight:normal; text-indent:2px; border:2px solid red; border-width:1px 1px 1px 1px;}
#pmenu a.lev_2_selected {display:block; width:100px; font-size:14px; color:#000000; height:18px; line-height:18px; font-weight:normal; text-indent:2px; border:2px solid red; border-width:1px 1px 1px 1px;}


/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.lev_1, #pmenu li a.lev_1:visited {border-width:1px;}

/* Set up the list items  #7484ad */
#pmenu li {float:left; background:#FF5050;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#dfd7ca; color:#c00;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; width:250px;}
/* Position the first sub level beneath the top level links */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
/*#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; padding:0; margin:0}
*/
#pmenu table { border-collapse:collapse;  font-size:1em; padding:0; margin:0}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#dfd7ca; color:#c00;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#dfd7ca; color:#c00;}

/* Set up the pointers for the sub level indication  url(http://www.cssplay.co.uk/menus/drop.gif)*/
#pmenu li.fly {background:#FF5050 url(http://www.cssplay.co.uk/menus/fly.gif) no-repeat right center;}
#pmenu li.drop {background:#FF5050  no-repeat right center;}
#pmenu li.no_drop {}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px;}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:180px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */