/* General Styles */

#breadcrumbs		{	text-align:right; font-size:10px; color: #666666; 							margin-bottom: 5px;	}
#breadcrumbs a		{	color: #999999;	}

#pagetitle {color:green;}

a:link {text-decoration: none; }
a:visited {text-decoration: none; color:#003399;}
a:active {text-decoration: none;}
a:hover {text-decoration: none; color: black; font-weight: bold;}

body			{	font-family: Arial Narrow, serif; font-size:15px; 
			 background-color:#2c2418;	}

.demo  {color:#000000; background-image: url(/assets/images/trans_blue2.png); 
					background-repeat: repeat;
        position:absolute; top:50px; left: 50%;
    margin-left: -325px; width:650px; height:475px;
        z-index:99;  visibility:show; border: 3px solid #006600;}


.clear			{	clear:both; }

.small			{	font-family: Arial Narrow, serif; font-size:11px;	}

#list			{	font-family: Arial Narrow, serif; font-size:10px;	}

#page			{	width: 	800px; margin: 0 auto; }

#back			{	background-image:url(/assets/images/spring_summer_back.jpg);
					background-repeat:no-repeat;
					background-attachment:fixed;
					background-position:center top;
					padding: 35px; }
				 
#brownbox		{	border: 5px solid #2c2418;
					background-image: url(/assets/images/trans_blue.png); 
					background-repeat: repeat;
					padding:10px;
					 width:700px;	height:470px;  
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='/assets/images/trans_blue.png'); }

#brownbox[class] {	background-image:url(/assets/images/trans_blue.png);	}

#logo		{		background-image: url(/assets/images/mejj_logo_w_sticky.png); 
					background-repeat: no-repeat;
					 width:700px; height:185px; 
					 background-position:center top; }
					
#footer			{	padding: 5px; font-size:10px; color: white; height:30px; }

/* Homepage Styles */

#content		{	width: 680px; color: black; height: 240px; padding:5px; }
#left_c			{ width: 430px; height: 270px; float:left;  }
#right_c			{ width: 200px; height: 270px; float:left; padding:20px; }
#navigation		{	 background-color: #2c2418; width: 726px; display:block;
					height:30px; border: solid #2c2418 2px; }

					
#navigation ul    {    margin: 0; padding: 5px 0 0 0;  list-style:none; text-align:center; }

#navigation    li    {    display:inline; padding: 0 15px; text-align: center;
                   border-right: 1px solid white;  margin-left: auto; margin-right: auto; }
#navigation li.last	{	border-right: none;	}	

#navigation a	{	color: white; font-family: Arial Narrow; 
					font-size:14px;text-decoration:none; font-weight: bold;}
#navigation a:hover {text-decoration: underline; color: white; font-weight: bold;}

/* Subpage Styles */
#pageS			{	width: 	712px; margin: 0 auto; }

		 
#blueboxS		{	border: 4px solid #006600;
					width:706px;	height:auto;  }

#brownboxS		{	border: 4px solid #2c2418;
					width:696px;	height:auto;  }
#headerS			{	background-image:url(/assets/images/subpage_header_spring.jpg);
					background-repeat:no-repeat;
					background-position:center top;
					padding: 2px; height:139px; width:694px;}

#logoS			{	background-image:url(/assets/images/mejj_logo_green_sub.png);
					background-repeat:no-repeat;
					background-position:left top;
                                        height:130px; width:179px;
					 }
#contentS		{	width: 678px; background-color: white; min-height: 300px; padding:10px; }

#navigationS		{	 background-color: #2c2418; width: 698px; display:block; 
					height:25px;  }
					

					
#navigationS ul    {    margin: 0; padding: 0px 0 0 0;  list-style:none; text-align:center; }

#navigationS    li    {    display:inline; padding: 0 12px; text-align: center;
                   border-right: 1px solid white;  margin-left: auto; margin-right: auto; }					
#navigationS li.last	{	border-right: none;	}	

#navigationS a	{	color: white; font-family: Arial Narrow; 
					font-size:14px;text-decoration:none; font-weight: bold;}
#navigationS a:hover {text-decoration: underline; color: white; font-weight: bold;}