@charset "utf-8";
body {font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #333; margin: 0; margin-top: 5px; margin-bottom: 10px; padding: 0; color: #000;}

/* ~~ Element/tag selectors ~~ */
ul {padding: 0; margin: 0;}

h1, h2, h3, p {margin-top: 0; padding-right: 15px; padding-left: 15px}

a img {border: none;}

a:link {color: #fff; text-decoration: underline;}
a:visited {color: #fff; text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}

/* ~~ This fixed width container surrounds all other divs ~~ */
.container {width: 960px; margin: 0 auto; background: #fff; border: 1px solid #000;}

.sidebar1 {float: left; width: 180px; padding-bottom: 10px; color: #FF0; font-size: 14px; text-align: center; background: #000;}
.content {padding: 10px 0; width: 770px; float: right; background: url(images/mtblogoNEW.jpg) no-repeat;}
.content a:link {color: #000; text-decoration: underline;}
.content a:visited {color: #000; text-decoration: underline;}
.content p, .content1 p {font-weight: bold; font-size: 14px;}
.content img {float: right; margin: 10px;}
.smidge {color: #993;}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {padding: 0 15px 15px 40px;}

ul.nav {list-style: none; border-top: 1px solid #666; margin-bottom: 15px;}
ul.nav li {border-bottom: 1px solid #666;}
ul.nav a, ul.nav a:visited {padding: 5px 5px 5px 15px; display: block; width: 160px; text-decoration: none; background: #333;}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {background: #000; color: #FFF;}

/* ~~ The footer styles ~~ */
.footer {padding: 10px 0; background: #000; color: #FFF; position: relative; clear: both; border-top: 1px solid #fff;}

/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {float: right; margin-left: 8px;}
.fltlft {float: left; 	margin-right: 8px;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.content .copy {font-size: 12px;}
.footer .design {font-size: 12px; float: right;}