html, body, div, p, span, h1, h2, h3, h4, h5, h6, 
a, em, img, small, strong, ol, ul, li, fieldset, form, label, legend  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
header, nav, section, aside, article, footer {  display: block;  }  
body {
	margin: 0;
	padding: 0;
	background:#fff;
	color:#000;  
	font: 0.8em Verdana, Arial, sans-serif;
	text-align: center;
}

ul, li { list-style: none; }

#header {
	z-index:2;
	position:relative;
	height:118px;
	border-top:1px solid #ccc;  
	border-bottom:1px solid #ccc;     
	margin-top:18px;
	background:url(mtback.jpg) repeat;  
	text-align:left;  
}
#branding {
	margin-bottom:6px;
        padding:14px 0 0 0; 
        width:85%;
        margin:0 auto;
        color:#666;
        font-size:14px;
        font-style:italic;

}
#branding h1 {
        color:#666;
        font-size:13px;
        font-style:italic;
}
.menu {
/*	width:420px; */
	text-align:center;
	margin:0 5% 0 0;
	float:right;
	border: 0; 
}
.mt-menu {
	border-right:1px solid #ccc;
	float:left;
	line-height:1.1;	
}
.mt-menu, .mt-menu * {
	margin:	0;
	padding: 0;
	list-style: none;
}
.mt-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; 
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.mt-menu ul a {
	background:#fafafa;
	border-bottom:none;
}
.mt-menu ul li {
	width:100%;
}
.mt-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.mt-menu li {
	float:left;
	position:relative;
	background:#fff;	
}
.mt-menu a {
	display:block;
	position:relative;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:9px 13px;
	text-decoration:none;
}
.mt-menu .current_page a {
	border-bottom-color: #fff;
}
.mt-menu a, .mt-menu a:visited  { 
	color: #666;
}
.mt-menu li:hover, .mt-menu a:focus, .mt-menu a:hover, .mt-menu a:active {
	background: #fafafa;
	outline: 0;
	border-bottom-color:#ccc;
}
.mt-menu ul a:hover {
	color: #FF4B33;
}

#main-content {
	width:99.9%;
	margin:2% 0 2% 0;
	padding:0;
	text-align:left;
	display:block;
}
#main-content p, #main-content h1, #main-content h2, #main-content ul{
	text-align:left;
	line-height:2em;
	margin-left:3%;
	margin-right:2%;
}

.folio-sites{
	vertical-align: top;
	margin:0;
	padding:0;
	width:99.9%;
	text-align:center;
	display:inline;
}

#sidebar {float:right;margin-top:45px;margin-right:2%; }

.the-box{
	position:relative;
	display: inline-block;
	float:left;
	margin:0 2% 30px 2%;
	width:25%; 
	top:0;
	vertical-align: top;
	line-height: 2.0;
	padding:6px 2% 16px 4%;
	background: #fdfdfd;
	/* overflow:hidden; */
	border: 1px solid #e7e7e7;
	border-radius: 15px;
	box-shadow: #b8b8b8 3px 3px 3px 0; 
}

.the-box a{text-decoration:none;}
.the-box img{padding-bottom:5px;}
.the-box h2{
	padding:0 0 8px 0;
	margin:0;
	color:#000;
	font-size:0.9em;
	font-weight:normal;
}
.the-box p{
	overflow:hidden;
	text-align:left;
	line-height:1.2;
	margin:0 -1px 0 -1px;
	padding:0;
}

#copyrite {
	text-align:center; 
	background:url(mtback.jpg) repeat; 
	border-top:#ccc solid 1px; 
	border-bottom:#ccc solid 1px;
}

#footmunch { text-decoration:none; color:black;}

#alfredport { float:left;top:-5px;left:-60px;}
#alfredstuff {float:right;right:1px;}
#alfredcon {float: right;margin-left:12px;}

img {max-width: 100%;height: auto;}

input, textarea {  
    	margin:5px;
        padding: 9px;  
        border: solid 1px #E5E5E5;  
        outline: 0;  
        font: normal 13px/100% Verdana, Tahoma, sans-serif;  
        width: 200px;  
        background: #FFFFFF; 
        text-align:left; 
        }  
textarea {  
        width: 400px;  
        max-width: 400px;  
        height: 150px;  
        line-height: 150%;  
        }  
input:hover, textarea:hover, input:focus, textarea:focus {  
        border-color: #C9C9C9;  
        }  
.form label {  
        margin-right: 10px;  
        color: #000; 
         font-weight:bold; 
        }  
.submit input {  
    	text-align:left;
        width: auto;  
        padding: 9px 15px;  
        background: #617798;  
        border: 0;  
        font-size: 14px;  
        color: #FFFFFF;  
        }  
        
.thumbwrap {
	padding: 0;
	margin: 0;
}
.thumbwrap li {
	display: inline-block;
	/*\*/ vertical-align: top; /**/
	margin: 0 9px 0 9px;
}

.thumbwrap li>div {
	/*\*/ display: table; /**/
	width: 275px;
}

      
@media screen and (max-width:850px) {
.the-box	{width:41%;}	
#alfredport { margin-left:1px;}
#alfredstuff {right:-38px;}
#alfredcon {margin-left:12px;}
}

@media screen and (max-width:650px) {
#alfredstuff {right:-4px;}
#alfredcon {margin-left:12px;}
textarea { width:320px; max-width: 320px; } 
}

@media screen and (max-width:550px) {
#sidebar {float:none; text-align:center;margin-top:35px;}
}

@media screen and (max-width:420px) {
#branding h1 {color:#666; font-size:0.7em; font-style:italic;}
#menu{text-align:center; margin:0 0 0 0; padding:0; float:none; border: 0;}
.mt-menu a {border:1px solid #ccc; padding:6px; text-decoration:none;}
.mt-menu ul { width: 100%; display: block; height: auto;}
.mt-menu li { width: 100%; float: left; position: relative;}
.mt-menu a {text-align: left; width: 100%; text-indent: 25px;}
.mt-menu .current_page a {border-bottom-color: #eee; background: #fafafa;}

#sidebar {float:none; margin-top:35px;}
.the-box{width:98%; margin:2% 0 2% 0; padding:2%; border-radius: 0 0 0 0; box-shadow: 0 0 0 0; }

#alfredstuff {right:-4px;}
#alfredcon {float:none;margin-left:0px;}
textarea { width: 200px; max-width: 320px; }  
input { width: 200px; max-width: 200px;  }  
}