/* page styles */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #7199d4;
	font-family: "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;  /*set base font family for whole page */
	font-size: small;
	
}

* html body {	
	font-size: x-small; /* for IE5/win - since "small" text appears smaller than in other browsers */	
	f\ont-size: small; /* for other IE */	
	text-align: left;  	
}


#wrapperpos {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
}

#wrapbotbg {
	float: left;
	width: 1000px;
	background: url(imgcss/contbot2.gif) no-repeat bottom;
	padding: 0 0 25px 0;
	
}

#wrapperfloat {
	margin:  0;
	background: url(imgcss/bg9.gif) repeat-y #fff;
	padding: 0;
	float:  left;
	width:  1000px;	
}

#header {
	margin:  0 0 0 10px;
	padding:  0;
	width:  980px;
	height:  106px;
	background: url(imgcss/kellogg_banner_collage2.jpg) no-repeat;	
}

#content {
	padding:  0;
	margin: 0;
	float: left;
	width:  1000px;
}




#content h2 {
	color: #08167f;
	font-size: 180%;
	margin: 20px 30px 0 20px;
}

body#twocol h2 {
	margin-left: 40px;
}

#content h3 {
	color: #08167f;
	font-size: 120%;
	margin: 30px 0 5px 0;
}

#content h3.toppy {
	margin-top: 10px;
}

#content ul {
	padding:  0;
	margin: 0 10px 0 20px;
}

#content ol {
	padding: 0;
	margin:  5px 10px 0 20px;
}

#content li {
	padding-bottom: 5px;
}

#content p, #content li {
	color: #484848; 
	font-size: 90%;
	line-height: 1.4em;
}

#content p {
	margin-top: 5px;
	margin-bottom: 10px;
}

#content p.indy {
	margin-left: 20px;
}

#content a {
	color: #0b5faf;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#content a:visited {
	color: #0b5faf;
}

#content a img {
	border: 0;
}


/* slideshow   */

#content div#slideshow {
	width:  980px;
	margin-left: 10px;
	background: #000;
	margin:  0 0 0 10px;
	padding:  0;
	text-align: center;
	border-top: 1px solid #2f60ac;
}


#vidblock p img {
	border: none;
}

#vidblock p.vidlink {
	margin-left: 20px;
}



/* toolkit rules - 3-col */

/* toolbox graphic and page content header */

#content p#toolbox {
	float: left; 
	width: 100px; 
	height: 58px;
	margin: 10px 0 0 20px; 
	padding: 0;
	display: inline;
	
}


body#threecol #content blockquote {
	margin: 20px 10px 20px 0;
	padding: 5px;
	border: 1px dotted #484848;
	color: #484848;
	font-size: 100%;
}

body#threecol #content blockquote p {
	font-style: italic;
	text-align: right;
	margin-top: 5px;
}


/* three-column layout rules */

body#threecol #leftblock {
	width:  302px;
	float: left;
	margin: 0 0 0 30px;
	clear: left;
	display: inline;
}

body#threecol #centerblock {
	width:  302px;
	float: left;
	margin:  0 0 0 25px;
	display: inline;
}

body#threecol #rightblock {
	width:  292px;
	float: right;
	margin: 0 20px 0 25px;
	display: inline;
	
	
}

body#threecol #content #blogentry h3 {
	margin-bottom: 4px;
}

body#threecol #blogentry p.immy {

	padding:  0;
}

body#threecol #blogentry p.blogporpar {
	float: left; 
	width: 100px; 
	margin: 0 15px 10px 0; 
	padding: 0;
}

body#threecol #blogentry p.blogporparnf {
	width: 100px; 
	margin: 0 15px 10px 0; 
	padding: 0;
}

body#threecol #blogentry div.blogent {
	margin-bottom: 25px;
}

body#threecol #blogentry div.blogent h4 {
	margin: 15px 0 5px 0; 
	font-size: 100%; 
	color: #3A3A3A;
}

body#threecol #blogentry div.blogent h5 {
	margin: 5px 0 15px 0; 
	font-size: 80%; 
	color: #3A3A3A;
	font-weight: normal;
}

body#threecol div#blogentry p {
	margin-right: 0;
}

body#threecol #toolexp p {
	margin: 0 20px 10px 0;
}

body#threecol #toolexp p.wrapsmphoto {
	float: left;
	width: 100px;
	padding: 0;
	margin:  0 10px 3px 0;
}

body#threecol #toolexp h5 {
	font-size: 90%;
	font-weight: bold; 
	color: #3A3A3A;
	margin: 0 20px 10px 0;
}

body#threecol #feattool {
	background: url(imgcss/featuredtoolbot.gif) no-repeat bottom;
	margin: 10px 0 0 0;
	padding: 0 0 20px 0;
}

body#threecol #feattooltop {
	background: url(imgcss/featuredtooltop.gif) no-repeat top;
	width: 100%;
	margin: 0;
	padding: 20px 0 0 0;
}

body#threecol #feattool h4 {
	font-size: 100%; 
	color: #3A3A3A;
	margin: 10px 25px 5px 110px;

	
}

body#threecol #feattool h5 {
	font-size: 80%;
	font-weight: normal; 
	color: #3A3A3A;
	margin: 5px 25px 10px 110px;

}

body#threecol #feattool p#hammerwrench {
	float: left;
	margin: 5px 3px 0 20px;
	padding: 0;
}

body#threecol #feattool p {
	margin: 10px 25px 10px 27px;
}

body#threecol #feattool p.toolsupportlink img {
	vertical-align: middle;
}


body#threecol #content p.quoteblock {
	margin: 15px 0 0 0;
	

}


/* home newswire rules */

div#homenewswire h4 {
	margin: 15px 0 5px 0; 
	font-size: 100%; 
	color: #3A3A3A;
}

div#homenewswire h5 {
	margin: 5px 0 5px 0; 
	font-size: 80%; 
	color: #3A3A3A;
	font-weight: normal;
}

div#homenewswire h5 span {
	font-weight: bold;
}

div#homenewswire p {
	margin-bottom: 5px;
}

div#homenewswire p.homenewslink {
	text-align: right;
	font-style: italic;
	margin-top: 5px;
	margin-right: 40px;
}



/* ////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\   */

/* 2 column rules */

body#twocol div#centerblock {
	width:  650px;
	float: left;
	margin:  0 0 0 40px;
	display: inline;	
}

body#twocol div#rightblock {
	width:  240px;
	float: right;
	margin: 0 30px 0 40px;
	display: inline;	
}

body#twocol #content #rightblock h4 {
	color: #3A3A3A;
	font-size: 90%;
	font-weight: bold;
	margin: 30px 0 10px 0;
}

body#twocol #content #rightblock h4.toppy {
	margin-top: 10px;
}



/* blog entry rules 2-col */

body#twocol #content #blogentry h3 {
	margin-bottom: 4px;
}



body#twocol #blogentry p.immy {

	padding:  0;
}

body#twocol #blogentry p.blogporpar {
	float: left; 
	width: 100px; 
	margin: 0 15px 10px 0; 
	padding: 0;
}

body#twocol #blogentry p.blogporpar2 {
	float: left; 
	width: 200px; 
	margin: 0 15px 10px 0; 
	padding: 0;
}



body#twocol #blogentry div.blogent {
	margin-bottom: 25px;
	clear: left;
}

body#twocol #blogentry div.blogent h4 {
	margin: 15px 0 5px 0; 
	font-size: 100%; 
	color: #3A3A3A;
}

body#twocol #blogentry div.blogent h5 {
	margin: 5px 0 15px 0; 
	font-size: 80%;
	color: #3A3A3A;
	font-weight: normal;
}

body#twocol div#blogentry img.blogim {
	float:  left;
	margin: 0 20px 10px 0;
	clear:  left;
}


body#twocol div#commentblocky {
	clear:  left;
	padding-top: 20px;

}


/* toolkit content expert rules */


/* comment rules */

div.commententry {
	border: 1px dotted #484848;
	padding: 5px;
	width: 400px;
}


/* toolkit popup bubble rules */

div.bubbleInfo {
		position: relative;
	
}

p.trigpar {

}

div#content div.popup {
        	position: absolute;
        	
        	display: none;
        	z-index: 50;
        	border-collapse: collapse;
        	
        	width: 270px;
        	background: url(imgcss/popbotbg2.gif) no-repeat bottom;
        	
        	margin: 0;
        	padding: 0;
        }
        
div.popup div.poptop {
	background: url(imgcss/poptopbg2.gif) no-repeat top;
	
	margin: 0;
        	padding: 0;
}

div#content div.popup div.poptop h3, div#content div.popup div.poptop h4 {
	color: #fff;
}


div#content div.popup div.poptop h3 {
	font-size: 110%;
	margin: 0;
	
	padding: 10px 5px 3px 30px;
}

div#content div.popup div.poptop h4 {
	font-size: 90%;
	margin: 0;
	padding: 5px 5px 10px 30px;
}

div#content div.popup p {
	color: #000;
	margin: 0;
	padding: 5px 5px 15px 30px;
}


/*  nav rules */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.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.
=================================================================== */
#multi-level {height:30px; position:relative; z-index:100; margin-left: 10px; width: 980px; margin-bottom: 0;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

.menu ul li {
	margin-bottom: 0;
}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:30px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:106px; background:url(imgcss/home_1.gif) no-repeat;}
.menu li.p2 {width:106px; background:url(imgcss/about_1.gif) no-repeat;}
.menu li.p3 {width:131px; background:url(imgcss/partners_1.gif) no-repeat;}
.menu li.p4 {width:166px; background:url(imgcss/conferences_1.gif) no-repeat;}
.menu li.p5 {width:126px; background:url(imgcss/toolkits_1.gif) no-repeat;}
.menu li.p6 {width:201px; background:url(imgcss/blogsforums_1.gif) no-repeat;}
.menu li.p7 {width:144px; background:url(imgcss/contact_1.gif) no-repeat;}

/* set up the normal unhovered images in the links */
.menu li a#homenav {width:106px; background:url(imgcss/home_0.gif) no-repeat;}
.menu li a#aboutnav {width:106px; background:url(imgcss/about_0.gif) no-repeat;}
.menu li a#partnersnav {width:131px; background:url(imgcss/partners_0.gif) no-repeat;}
.menu li a#conferencesnav {width:166px; background:url(imgcss/conferences_0.gif) no-repeat;}
.menu li a#toolkitsnav {width:126px; background:url(imgcss/toolkits_0.gif) no-repeat;}
.menu li a#blogsforumsnav {width:201px; background:url(imgcss/blogsforums_0.gif) no-repeat;}
.menu li a#contactnav {width:144px; background:url(imgcss/contact_0.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#homenav:hover, .menu li:hover a#homenav,
.menu li a#aboutnav:hover, .menu li:hover a#aboutnav,
.menu li a#partnersnav:hover, .menu li:hover a#partnersnav,
.menu li a#conferencesnav:hover, .menu li:hover a#conferencesnav,
.menu li a#toolkitsnav:hover, .menu li:hover a#toolkitsnav,
.menu li a#blogsforumsnav:hover, .menu li:hover a#blogsforumsnav,
.menu li a#contactnav:hover, .menu li:hover a#contactnav {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:30px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:98px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:95px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:92px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(multi_level-files/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#f1a476; color:#fff; text-decoration: underline;}
.menu :hover ul.sub li a.fly:hover {background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto; z-index:300;}