@charset "UTF-8";
/* CSS Document */

body {
	background: #f0f3fc;
	font-family: "Trebuchet MS" Arial, helvetica, sans-serif;
	font-size: 100%;
	}

a:link {color:#2194DE;}      /* unvisited link */
a:visited {color:#666666;}  /* visited link */
a:hover {color:#f94b1f; text-decoration: none;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */



h1 {
	font-size: 165%;
	color: #2194DE;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
h2 {
	font-size: 105%;
	color: #666666;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
h2.wcid {
	font-size: 100%;
	color: #2194DE;
	font-weight: bold;
	margin: 0;
	padding: 35px 0 5px 0;
	clear: both;
	}
	
h3 {
	font-size: 90%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
h4 {
	font-size: 195%;
	color: #2194DE;
	font-weight: bold;
	margin: 0;
	padding: 0 0 15px 0;
	}
	
p {
	font-size: 90%;
	font-weight: normal;
	line-height: 140%;
	margin: 0;
	padding: 0;
	}
	
/*style for cartoon table so td's are centered*/
.center {
	text-align: center;
}
	
	
.photo_right {
	width: 150px;
	float: right;
	margin: 15px;

	}
	
.photo_right img {
	padding: 0 0 10px 0;
	}
	
	
.small {
	width: 100%;
	font-size: 75%;
	font-weight: normal;
	line-height: 140%;
	margin: 0;
	padding: 10px;
	background: url("../images/texture.jpg") 0 0;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 2px solid #a1a1a1;
	border-bottom: 2px solid #a1a1a1;
	}
	
	
ol li, ul li {
	font-size: 80%;
	font-weight: normal;
	line-height: 150%;
	margin: 0;
	padding: 0;
	}
	
h1 + p, h2 + p, p + h2 {
	padding: 1em 0 0 0;
	}
*+ol, *+ul {
	margin-top: .3em;
	}
	
	
p + p, h2+h3, p+h3 {
	padding: .6em 0 0 0;
	}
	
.top+*, h1+h3 {
	margin-top: 1.2em;
	}
	







.one {
	background: url("../images/1.gif") no-repeat 0 0;
	margin: 20px 0 20px 0;
	width: 100%;
	height: 40px;
	}
.one h2 {
	padding: 4px 0 20px 45px;
	margin: 0;
	}
	

.two {
	background: url("../images/2.gif") no-repeat 0 0;
	margin-top: 115px;
	width: 100%;
	}
.two h2 {
	padding: 4px 0 20px 45px;
	margin: 0;
	}
	
	
.three {
	background: url("../images/3.gif") no-repeat 0 0;
	margin-top: 115px;
	width: 100%;
	}
.three h2 {
	padding: 4px 0 20px 45px;
	margin: 0;
	}
	
	
.four {
	background: url("../images/4.gif") no-repeat 0 0;
	margin-top: 115px;
	width: 100%;
	}
.four h2 {
	padding: 4px 0 20px 45px;
	margin: 0;
	}
	
	
.five {
	background: url("../images/5.gif") no-repeat 0 0;
	margin-top: 115px;
	width: 100%;
	}
.five h2 {
	padding: 4px 0 20px 45px;
	margin: 0;
	}
	
	
.six {
	background: url("../images/6.gif") no-repeat 0 0;
	margin-top: 115px;
	width: 100%;
	}
.six h2 {
	padding: 4px 0 0 45px;
	margin: 0;
	}













#container {
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	}
	
#wrapper {
	text-align: left;
	margin: 15px auto;
	padding: 0px;
	border:0;
	width: 900px;
	}
	

	
#top {
	text-align: left;
	margin: 0 ;
	padding: 0 0 0 260px;
	border:0;
	width: 630px;
	height: 80px;
	}
	
#content {
	width: 670px;
	float: right;
	margin: 0 0 15px 0;
	padding: 0;
	clear: both:
	}

#left_nav {
	width: 230px;
	margin: 0;
	padding: 0px;
	float: left;
	}
	
#wrapper_secondary {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	}
	
#left_nav_secondary {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	}
	
.logo_small {
	width: 180px;
	height: 157px;
	background-image:url(../images/me_logo_small.gif);
	background-repeat: no-repeat;
	float: left;
	text-indent:-9999px;
	display: block;
	}
	
#content_wrapper {
	width: 720px;
	float: left;
	margin: 0;
	padding: 0;
	}










#container_supper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}
	
#wrapper_supper {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	}

	
.content_supper {
	width: 960px;
	margin: 0 auto;
	
	}
	
.content_supper p {
	line-height: 160%;
	}
	

.main {
	text-align: left;
	margin: 0;
	padding: 1px 0 1px 0;
	width: 900px;
	}
	
.main p {
	line-height: 140%;
	}

.main p, .main h1, .main h2, .main h3, .main h4, .main object {
	padding-left: 20px;
	padding-right: 20px;
	}

#left_supper {
	width: 210px;
	float: left;

	}

#right_supper {
	width: 210px;
	float: right;
	
	}

#mid_supper { 
	width: 460px;
	margin: 0 auto;
	background-image:url(../images/supper_background.gif);
	}
#mid_supper p+h3 {
	font-size: 80%;
	color: #2194DE;
	padding: 20px 10px 0 20px;
	line-height: 120%;
	font-weight: normal;
	}

	
#mid_supper h1 {
	font-size: 200%;
	font-weight: bold;
	line-height: 130%;
	color: #2194DE;
	}
	
#mid_supper h2 {
	font-size: 110%;
	font-weight: normal;
	line-height: 110%;
	color: #666666;
	}
	
	
#mid_supper p {
	font-size: 75%;
	font-weight: normal;
	line-height: 120%;
	}
	
#mid_supper h4 {
	font-size: 70%;
	font-weight: normal;
	line-height: 130%;
	color: #999999;
	}
	

	
#right_supper h2 {
	font-size: 105%;
	color: #666666;
	font-weight: bold;
	margin: 0;
	padding: 3px 10px 0 0;
	}
	
#left_supper h2 {
	font-size: 105%;
	color: #666666;
	font-weight: bold;
	margin: 0;
	padding: 3px 10px 0 10px;
	}
	

	
#right_supper p {
	font-size: 75%;
	color: #000000;
	margin: 0;
	padding: 7px 10px 0 0;
	line-height: 120%;
	}
	
	
#left_supper p {
	font-size: 75%;
	color: #000000;
	margin: 0;
	padding: 7px 10px 0 10px;
	line-height: 120%;
	}
	
#containertop {
	width: 900px;
	border-bottom: 1px solid #cccccc;
	}
	
/*----- Sidebar------------------------------------------------------------------------------------------------------ */


#right_supper h3, #left_supper h3 {
	font-size:.85em;	
	margin:.4em 10px .2em 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	padding-bottom:0;}

#right_supper ul, #left_supper ul { 
	list-style:none; 
	padding: 0 .7em 0 0; 
	margin-top:.2em;
	}
	
.researchers {
	font-size: 70%; 
	}
	
.researchers td+td {
	padding: 0 0 0 5px;
	}
	
	
#right_supper .sm {
	color:#666666;
	font-size:.9em;
	}
	
	

#box_right {
	float: right;
	width: 220px;
	margin: -19px 0 20000px 20px;
	padding: 20px;
	clear: both;
	background-image:url(../images/supper_background.jpg);
	background-repeat: repeat-y;
	}
	
#box_right h2 {
	font-size: 120%;
	color: #000000;
	}
	
#box_right p {
	line-height: 140%;
	}
	
.nav {
	width: 720px;
	margin-top: 43px;
	padding: 0 6px 0 0;
	}
	
.nav_supper {
	width: 720px;
	margin-top: 13px;
	padding: 0 6px 0 0;
	}

#content_secondary {
	width: 690px;
	float: left;
	margin: 40px 0 0 0;
	padding: 15px;
	}
	
#letter {
	width: 900px;
	margin: 0;
	float: left;}
	
.left {
	width: 360px;
	float: left;
	margin-top: 20px;
	}
	
.right {
	width:500px;
	height: 688px;
	float:left;
	background-image:url(../images/page.jpg);
	background-repeat: no-repeat;
	padding: 20px;
	}
	
.right h1 {
	font-weight: normal;
	color: #000000;
	padding: 15px 50px 0 16px;
	font-size: 85%;
	margin: 0;
	text-align: center;
	}

.right p {
	padding: 5px 50px 5px 16px;
	font-size: 68%;
	margin: 0;
	line-height: 130%;
	}
	
#top_nav {
	width: 900px;
	height: 157px;
	margin: 0;
	padding: 0;
	}
	
#bottom {
	width: 870px;
	margin: 0;
	padding: 15px;
	height: 87px;
	clear: both;
	border: 1px solid #ccc;
	background: #ffffff;
	}
	
.right_box {
	float: right;
	width: 71px;
	border: 1px solid #cccccc;
	margin: 5px 0 35px 35px;
	padding: 10px;
	text-align: center;
	
	}
	
.right_box p {
	font-size: 75%;
	color: #666666;
	margin-bottom: 8px;
	}
	
.right_box img {
	margin: 3px 0 5px 0;
	}
	

.table {
	margin: 10px auto 20px auto;
	padding: 0;
	width: 460px;
	}


.right_box_2 {
	float: right;
	width: 200px;
	border: 1px solid #cccccc;
	margin: 5px 0 10px 10px;
	padding: 0 0 10px 0;
	}
	
.right_box_2 p {
	font-size: 75%;
	color: #000000;
	margin-bottom: 4px;
	padding: 3px 8px 0 8px;
	}
	
.right_box_2 h2 {
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 1px;
	padding: 8px 0 0 8px;
	color: #f94b1f;
	}
	
.right_box_2 h1 {
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ffffff;
	background: #2194de;
	padding: 8px;
	}
	
	
.toc h2 {
	font-size: 96%;
	color: #2194de;
	font-weight: normal;
	margin: 0;
	padding: 20px 0 5px 0;
	}
	
.toc p {
	font-size: 75%;
	margin: 0;
	padding: 2px 0 2px 0;
	}
	
	
	
	
.img_right {
	float: right;
	width: 175px;
	margin: 5px 0 10px 10px;
	padding: 10px;
	}
	
#logo {
	width: 230px;
	height: 201px;
	background-image:url(../images/me_logo_large.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}


	

	
	
.top a:link {
		font-size: 80%;
		font-weight: bold;
		text-decoration: none;
		}
		
.top a:hover {
		font-size: 80%;
		font-weight: bold;
		
		}
.top a:visited {		
		font-size: 80%;
		font-weight: bold;
		text-decoration: none;
		color:#2194de;
		}
	
/* ---=== code for navigation rollover images ===--- */
	
	
	
#nav_01 {
	display: block;
	width: 230px;
	height: 70px;
	background: url("../images/index_buttons/mindlesseating.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#nav_01:hover { 
	background-position: 0 -70px;
	}

#nav_01 span {
	display: none;
	}
	




#nav_02 {
	display: block;
	width: 230px;
	height: 70px;
	background: url("../images/index_buttons/articles.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#nav_02:hover { 
	background-position: 0 -70px;
	}

#nav_02 span {
	display: none;
	}
	

#free_stuff {
	display: block;
	width: 162px;
	height: 70px;
	background: url("../images/index_buttons/cart.gif") no-repeat 0 0;
	margin: 0;
	float:left;
	}

#free_stuff:hover { 
	background-position: 0 -70px;
	}

#free_stuff span {
	display: none;
	}







#nav_03 {
	display: block;
	width: 230px;
	height: 70px;
	background: url("../images/index_buttons/teaching_toolbox.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#nav_03:hover { 
	background-position: 0 -70px;
	}

#nav_03 span {
	display: none;
	}
	
	
	
	


#nav_04 {
	display: block;
	width: 230px;
	height: 70px;
	background: url("../images/index_buttons/about_brian.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#nav_04:hover { 
	background-position: 0 -70px;
	}

#nav_04 span {
	display: none;
	}
	
	
	
	
#nav_05 {
	display: block;
	width: 230px;
	height: 70px;
	background: url("../images/index_buttons/what_can_do.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#nav_05:hover { 
	background-position: 0 -70px;
	}

#nav_05 span {
	display: none;
	}




#nav_06 {
	display: block;
	width: 230px;
	height: 70px;
	background: url("../images/index_buttons/letter.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#nav_06:hover { 
	background-position: 0 -70px;
	}

#nav_06 span {
	display: none;
	}
	
	
#nav_07 {
	display: block;
	width: 230px;
	height: 70px;
	background: url("../images/index_buttons/lunchrooms.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#nav_07:hover { 
	background-position: 0 -70px;
	}

#nav_07 span {
	display: none;
	}


/* ---=== code for navigation rollover images ===--- */
	
	
	
#t_nav_01 {
	display: block;
	width: 67px;
	height: 70px;
	background: url("../images/secondary_buttons/faq.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#t_nav_01:hover { 
	background-position: 0 -70px;
	}

#t_nav_01 span {
	display: none;
	}
	
	



#t_nav_02 {
	display: block;
	width: 68px;
	height: 70px;
	background: url("../images/secondary_buttons/about.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#t_nav_02:hover { 
	background-position: 0 -70px;
	}

#t_nav_02 span {
	display: none;
	}
	
	



#t_nav_03 {
	display: block;
	width: 79px;
	height: 70px;
	background: url("../images/secondary_buttons/articles.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#t_nav_03:hover { 
	background-position: 0 -70px;
	}

#t_nav_03 span {
	display: none;
	}
	
	



#t_nav_04 {
	display: block;
	width: 78px;
	height: 70px;
	background: url("../images/secondary_buttons/toolbox.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#t_nav_04:hover { 
	background-position: 0 -70px;
	}

#t_nav_04 span {
	display: none;
	}
	
	




#t_nav_05 {
	display: block;
	width: 113px;
	height: 70px;
	background: url("../images/secondary_buttons/what_can_do.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#t_nav_05:hover { 
	background-position: 0 -70px;
	}

#t_nav_05 span {
	display: none;
	}
	
	



#t_nav_06 {
	display: block;
	width: 88px;
	height: 70px;
	background: url("../images/secondary_buttons/free_stuff.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#t_nav_06:hover { 
	background-position: 0 -70px;
	}

#t_nav_06 span {
	display: none;
	}
	
	



#t_nav_07 {
	display: block;
	width: 75px;
	height: 70px;
	background: url("../images/secondary_buttons/book.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#t_nav_07:hover { 
	background-position: 0 -70px;
	}

#t_nav_07 span {
	display: none;
	}



#t_nav_08 {
	display: block;
	width: 75px;
	height: 70px;
	background: url("../images/secondary_buttons/home.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#t_nav_08:hover { 
	background-position: 0 -70px;
	}

#t_nav_08 span {
	display: none;
	}
	
	
#t_nav_09 {
	display: block;
	width: 77px;
	height: 70px;
	background: url("../images/secondary_buttons/toc-2.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}
#t_nav_09:hover { 
	background-position: 0 -70px;
	}


#t_nav_09 span {
	display: none;
	}	



#wcid_01 {
	display: block;
	width: 500px;
	height: 63px;
	background: url("../images/goals_buttons/01.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#wcid_01:hover { 
	background-position: 0 -63px;
	}

#wcid_01 span {
	display: none;
	}
	
	
	
#wcid_02 {
	display: block;
	width: 500px;
	height: 63px;
	background: url("../images/goals_buttons/02.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#wcid_02:hover { 
	background-position: 0 -63px;
	}

#wcid_02 span {
	display: none;
	}
	
	
	
#wcid_03 {
	display: block;
	width: 500px;
	height: 63px;
	background: url("../images/goals_buttons/03.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#wcid_03:hover { 
	background-position: 0 -63px;
	}

#wcid_03 span {
	display: none;
	}
	
	
	
	
#wcid_04 {
	display: block;
	width: 500px;
	height: 63px;
	background: url("../images/goals_buttons/04.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#wcid_04:hover { 
	background-position: 0 -63px;
	}

#wcid_04 span {
	display: none;
	}
	
	
	
	
	
#wcid_05 {
	display: block;
	width: 500px;
	height: 63px;
	background: url("../images/goals_buttons/05.gif") no-repeat 0 0;
	float:left;
	margin: 0;
	}

#wcid_05:hover { 
	background-position: 0 -63px;
	}

#wcid_05 span {
	display: none;
	}
	
	
	
	
			
	

#row a {
	float: left;
	}
	


.movie {
	width: 485px;
	height: 295px;
	margin: 0 auto 15px auto;
	padding: 10px;
	border-top: 1px solid #86afe0;
	border-left: 1px solid #9ec0e8;
	border-right: 2px solid #214f86;
	border-bottom: 2px solid #30629e;
	}
	
.under_movie {
	width: 650px;
	margin: 0 auto;
	padding: 10px;
	}
	
.left_flash {
	margin: 0 0 0 10px;
	padding: 0;
	width: 132px;
	float: left;
	}
	
.center_flash {
	margin: 0 15px 0 15px;
	padding: 0;
	width: 482px;
	float: left;
	
	border-bottom: none;
	}
	
.right_flash {
	margin: 0 10px 0 0;
	padding: 0;
	width: 182px;
	float: left;
	}


p {
	margin: 0;
	font-size: 80%;
	line-height: 1.2em;
	font-family: "Trebuchet MS", arial, helvetica, geneva, sans-serif;
	padding: 4px 0 0 0;
	text-decoration: none;
	}
	
.inline {
	font-size: 130%;
	display: inline;
	font-weight: bold;
	color: #6b8e31;
	}
	
.clear {
	clear: both;
	}


hr.clear {
	clear: both;
	margin-top: 15px;
	}
	
	
.date {
	margin: 0;
	font-size: 65%;
	font-family: "Trebuchet MS", arial, helvetica, geneva, sans-serif;
	padding: 1px;
	margin: 0;
	color: #999999;
	}
	






#header {
	margin: 0 0 15px 0;
	background: yellow;
	}

#side-a {
	float: left;
	width: 187px;
	}
	
#side-a h2 {
	color:#7c7c7c;
	font-weight: bold;
	font-size: 110%;
	font-family: "Trebuchet MS", arial, helvetica, geneva, sans-serif;
	text-align: center;
	}
	

#side-b { 
	margin: 0;
	float: left;
	width: 727px;
	height: 1%; /* Holly hack for Peekaboo Bug */
	}

#footer {
	clear: both;
	border-top: 1px solid #777777;
	padding: 10px 0 100px 0;
	font-size: 70%;
	font-family: "Trebuchet MS", arial, helvetica, geneva, sans-serif;
	text-align: center;
	}

#navigation {
	width: 703px;
	margin: 0 auto;
	}

/* styles for navigation images */



#home:hover, #about:hover, #food_design:hover, #links:hover, #read:hover, #events:hover, #join:hover, #contact:hover { 
	background-position: 0 -25px;
	}

#home span, #about span, #food_design span, #links span, #read span, #events span, #join span, #contact span {
	display: none;
	}

#home {
	display: block;
	width: 68px;
	height: 25px;
	background: url("../images/rollover_buttons/home.gif") no-repeat 0 0;
	padding-right: 1px;
	float: left;
	}
	

#about	{
	display: block;
	width: 68px;
	height: 25px;
	background: url("../images/rollover_buttons/about.gif") no-repeat 0 0;
	padding-right: 1px;
	float: left;
	}

#food_design {
	display: block;
	width: 129px;
	height: 25px;
	background: url("../images/rollover_buttons/food_design.gif") no-repeat 0 0;
	padding-right: 1px;
	float: left;
	}

#links {
	display: block;
	width: 68px;
	height: 25px;
	background: url("../images/rollover_buttons/links.gif") no-repeat 0 0;
	padding-right: 1px;
	float: left;
	}

#read {
	display: block;
	width: 68px;
	height: 25px;
	background: url("../images/rollover_buttons/read.gif") no-repeat 0 0;
	padding-right: 1px;
	float: left;
	}

#events {
	display: block;
	width: 87px;
	height: 25px;
	background: url("../images/rollover_buttons/events.gif") no-repeat 0 0;
	padding-right: 1px;
	float: left;
	}

#join {
	display: block;
	width: 87px;
	height: 25px;
	background: url("../images/rollover_buttons/join.gif") no-repeat 0 0;
	padding-right: 1px;
	float: left;
	}

#contact {
	display: block;
	width: 119px;
	height: 25px;
	background: url("../images/rollover_buttons/contact_us.gif") no-repeat 0 0;
	float: left;
	}