/* ---------------- Main Layout Styles and Navigation Buttons------------- */
body {background: #00397e url(http://www.kellogg.edu/images/background.gif) repeat-x top; font-family: Verdana, Arial, Helvetica, san-serif;font-size:11px;text-align: center;margin: 0px;padding: 0px;}

#mastheadplain {background:url(http://www.kellogg.edu/images/photoback01logo.jpg) no-repeat;height: 96px;width: 776px;}
	#mastheadplain span {display: none}

#addressline {background:#000; color: #ccc; padding: 4px; text-align: center;}

#footer {background:#222b47;text-align:right;padding-top:3px;padding-bottom:3px;padding-right:20px;border-bottom: 2px solid #000;border-top: 1px solid #000;}
	#footer a{color: #fff;padding: 3px 10px 3px 10px;text-decoration: none;}
	#footer a:hover{color: #000;background: #667f99;}

#contentarea {background: #fff;width:776px;border-left: 2px solid #000;border-right: 2px solid #000;margin-left: auto; margin-right: auto;text-align: left;height: 100%;}

#maincontent {padding-left:156px;height: 100%;}

#rightcontent {padding: 10px;}

#layout {background:url(http://www.kellogg.edu/images/mainback.gif) repeat-y;min-height: 400px;}

#copyright {font-size:75%; color:#003;margin-top:8px;}
	#copyright a {color:#666;}
	#copyright a:hover {color:#ccc;}

#portal {position:relative;z-index:5;font-size:9px;font-weight: bold;}
	#portal a {border:2px solid #333;padding: 5px;text-decoration: none;background: #f2f2f2 url(http://www.kellogg.edu/images/submitback.gif) repeat-x bottom;color:#000;}
	#portal a:hover {background: #f2f2f2 url(http://www.kellogg.edu/images/submitbackon.gif) repeat-x top;color:#333;}

/* CSS Driven flyout menus */
#newnavigate {text-align: center;position:absolute; z-index:90;}
	#newnavigate div {border-bottom: 1px solid #333;text-align: right;color:#fff;vertical-align: bottom;white-space: nowrap;display:block;width:155px; position: relative;}
	#newnavigate a {display:block;color:#ffffff;text-decoration: none;padding:5px 5px;cursor:default;}
	#newnavigate a.main {display:block;color:#ffffff;text-decoration: none;padding:5px 5px;cursor:default;background: #667f99 url(http://www.kellogg.edu/images/rightarrow.png) no-repeat;}
	#newnavigate div:hover a.main {background: #86a6c6 url(http://www.kellogg.edu/images/rightarrow.png) no-repeat; color: #fff;}
	#newnavigate div:hover a {background: #86a6c6; color: #fff;}
	#newnavigate div ul {position: absolute;left: -3000px;z-index:100; width:202px;vertical-align: middle; border-bottom: none;border-top: 1px solid #333;list-style:none; margin:0; padding:0;}
	#newnavigate div ul li {background:#86a6c6; list-style:none; width:200px;border-left: 1px solid #333; border-right: 1px solid #333;border-bottom: 1px solid #333;display:block; z-index:100;}
	#newnavigate div:hover ul li a {color:#ffffff;text-decoration: none;cursor:default;}
	#newnavigate div:hover ul li a:hover {background: #ccc; color: #000;}
	#newnavigate div:hover ul {top:-1px; left:155px;z-index:100;}
	
#flyoutnav {text-align: center;position:relative; z-index:90;}
	#flyoutnav ul li a {display:block; text-decoration:none; color:#fff; width:145px; border-bottom: 1px solid #333;text-align: right; padding:5px;}
	#flyoutnav ul li a:visited {display:block; text-decoration:none; color:#fff; width:145px; border-bottom: 1px solid #333;text-align: right; padding:5px;}
	#flyoutnav ul li a.main {display:block; text-decoration:none; color:#fff; width:145px; border-bottom: 1px solid #333;text-align: right; padding:5px;background: #667f99 url(http://www.kellogg.edu/images/rightarrow.png) no-repeat;}
	#flyoutnav ul li a.main:visited {display:block; text-decoration:none; color:#fff; width:145px; border-bottom: 1px solid #333;text-align: right; padding:5px;background: #667f99 url(http://www.kellogg.edu/images/rightarrow.png) no-repeat;}
	#flyoutnav ul {padding:0; margin:0;list-style-type: none; }
	#flyoutnav ul li {float:left; position:relative; z-index:90;}
	#flyoutnav ul li ul {display: none;}
		
	#flyoutnav ul li:hover a {background: #86a6c6; color: #fff;}
	#flyoutnav ul li:hover a.main {background: #86a6c6 url(http://www.kellogg.edu/images/rightarrow.png) no-repeat; color: #fff;}
	#flyoutnav ul li:hover ul {display:block; position:absolute; top:-1px;left:155px; width:210px; border-bottom: none;border-top: 1px solid #333; border-right: 1px solid #333; border-left: 1px solid #333;}
	#flyoutnav ul li:hover ul li ul {display: none;}
	#flyoutnav ul li:hover ul li a {display:block; background:#86a6c6; color:#fff; width:200px;}
	#flyoutnav ul li:hover ul li a:hover {background:#ccc; color:#000;}
	#flyoutnav ul li:hover ul li a.main {display:block; background:#86a6c6 url(http://www.kellogg.edu/images/rightarrow.png) no-repeat right; color:#fff; width:200px;}
	#flyoutnav ul li:hover ul li a.main:hover {background:#ccc url(http://www.kellogg.edu/images/rightarrow.png) no-repeat right; color:#000;}
	#flyoutnav ul li:hover ul li:hover ul {display:block; position:absolute; left:210px; top:-1px; color:#000;}
	#flyoutnav ul li:hover ul li:hover ul li a {display:block; width:200px; background:#afcfef; color:#000;}
	#flyoutnav ul li:hover ul li:hover ul li a:hover {background:#666;color:#fff;}
	

/* ------------------------------------------------- */

/* ---------- KCC Styles --------------- */
.kccHeader {font-size:14px;font-weight:bold;font-style: italic;color:#369;padding-bottom: 8px; text-transform: uppercase;}

.kccHeaderLarge {font-size:16px;font-weight:bold;font-style: italic;color:#369;padding-bottom: 8px; text-transform: uppercase;}

.kccHeaderLargest {font-size:18px;font-weight:bold;font-style: italic;color:#369;padding-bottom: 8px; text-transform: uppercase;}

.kccHeaderUnder {font-size:14px;font-weight:bold;font-style: italic;color:#369;padding-bottom: 2px; margin-bottom: 6px; text-transform: uppercase; border-bottom: 1px dotted #999;}

.kccLink {color: #369}
	a.kccLink:link    {color: #369; text-decoration: underline }
	a.kccLink:visited {color: #369; text-decoration: underline }
	a.kccLink:hover   {color: #c00; text-decoration: underline }
	
.kccButton {background: url(../images/kccButton.gif) repeat-x bottom;border:1px solid #333;padding: 2px;}

.H3 { font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #036; }
	.H3 em {font-size: 12px;color:#006090}
	
input, comment, textarea {border:1px solid #666;padding: 1px;font-size: 11px;}

a {color: #369}
a:link    {color: #369; text-decoration: underline }
a:visited {color: #369; text-decoration: underline }
a:hover   {color: #c00; text-decoration: underline }
	


/* ------------------------------------------------- */


/* ---------- Generic Use Styles --------------- */
.uppercase {text-transform: uppercase;}
.padded {padding: 10px;text-align: left}
input {font-family: Verdana;font-size: 11px;}
.normal { font-size: 11px; line-height: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif;  }
.pt11bold {font-size: 11px; font-weight: bold;}
.pt12bold {font-size: 12px; font-weight: bold;}
.pt14bold {font-size: 14px; font-weight: bold;}
.pt16bold {font-size: 16px; font-weight: bold;}
.small {font-size:11px;line-height: 110%;}
.dashline	{border: 1px dashed #000000;border-bottom:0;border-left:0;border-right:0;margin-top:10px;margin-bottom:0px;padding-bottom:0px;}
.dotted {border-bottom: 1px dotted #999; padding-bottom: 6px; margin-bottom: 8px; height:auto;}
.border {border: 1px solid #999999; padding:4px;}
p.indent {font: 11px/1.3 Verdana, Arial, Helvetica, san-serif; text-indent: 3%; text-align: justify;}
.indent {padding-left:30px; text-align: justify;}
p {font: 11px/1.3 Verdana, Arial, Helvetica, san-serif;}
/* ------------------------------------------------- */

/* -------- For floating Div (link floatDiv.js)----------------------- */
.options {position:absolute; top: 0px; left: 0px; font-family: Arial; font-size: 12px; border: dotted 1px #999; background: #f0f0f0; z-index:2; padding: 2px; visibility: hidden; display: none; text-align: justify; opacity: 0.8; filter: alpha(opacity=80);}
	.options a{ padding: 1px;  text-decoration: none;	}
.floatLink {border-bottom: 1px dotted #966; margin-bottom:4px; cursor: default;}