/* clearall */
 
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img,  { border: 0; }

html, body{
margin:0;
padding:0;
font: 12px/18px Georgia, "Times New Roman", Times, serif;
background-color: #fbfff2;
text-align: center;
}

b {font-size: 110%;}

a {	color: #479ED2; text-decoration: none;
	font-weight: bold;
}

a:hover { color: #fbfff2; background: #a8ff00;
	font-weight: bold;
}

/* @group Hs */

h1  { color: #479ed2; font: 17px/10px "Lucida Grande", Lucida, Verdana, sans-serif; font-stretch: ultra-condensed; text-transform: capitalize }

.msm { color: #0095ff; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; }
/* @end */

strong {color: black; font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

img {border: 0;}

#maincontainer { width: 910px; height: 300px; margin: 15px auto; text-align: left; background-color: #fbfff2;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#header{
height: 265px; background: #fbfff2 url(images/msmLogo02.jpg) no-repeat;
}

#msmnext { float: left; height: 120px; width: 680px; margin: 35px 20px 5px 110px; background: url(images/msmNextEvent.gif) no-repeat; clear: both; border-bottom: 2px dotted #8eafff;
}

html>body #msmnext { float: left; height: 140px; width: 680px; margin: 20px 20px 10px 220px; background: #fbfff2 url(images/msmNextEvent.gif) no-repeat; clear: both; border-bottom: 2px dotted #8eafff;
	overflow: auto;
}


#msmnexttext {
	
	margin-left: 120px;
	border-left: 2px solid #a8ff00;
	padding-left: 10px;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#contentwrapper{ width: 910px; float: left; background-color: #fbfff2; clear: both;
}

.eventlogos{
float: left;
width: 200px; /*Width of left column*/
background: transparent;
padding-left: 5px;
text-align: center;
}

.eventlogos a {
	color: #0095ff;
	text-decoration: underline;
	font: bold 1em/1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.eventlogos a:hover {
color: #fbfff2; background: #a8ff00;
	font: bold 1em/1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


#middle { float: left; width: 43%; border-right: 1px solid #a8ff00; margin: 10px 0 0 0;}

#tucmiddle { float: left; width: 700px; margin: 10px 0 0 0; height: 1% /* Holly hack for Peekaboo Bug */
}
#rightcolumn{
margin: 10px 0 0 0;
float: right;
width: 300px; /*Width of right column*/
}


#footer {
clear: both;
width: 900px;
background: #0095ff;
color: #000;
text-align: center;
padding: 5px;
font: 10px/13px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#footer a{
color: #a8ff00;
}

#footer a:hover{
	color: #00;
	background-color: #a8ff00;
}

/* TOP NAVIGATION */

.navigation{
width: 100%;
overflow: hidden;
}

.navigation ul{
margin: 0;
padding: 0;
padding-left: 225px; /*offset of tabs relative to browser left edge*/
padding-top: 60px;
font: bold 12px Verdana;
list-style-type: none;
text-decoration: underline;
}

.navigation li{
display: inline;
margin: 0;
}

.navigation li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-left: 1px solid #a8ff00; /*left divider between tabs*/
color: #cacaca;
background: transparent; /*background of tabs (default state)*/
}

.navigation li a:visited{
color: gray;
}

.navigation li a:hover, .navigation li.selected a{
background: #e8feca; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}