body {background-image:url('maxtop.png');background-repeat:no-repeat;background-position:left top;font-family:"Trebuchet MS",helvetica,sans-serif;font-weight: normal; font-size:0.9em;letter-spacing:1px}
img {border:none;background-color:transparent;text-decoration:none;}
h1 {font:bold 1.1em "Trebuchet MS",Helvetica,sans-serif;line-height:150%;color:#666}	
h2 {font:bold 1.1em "Trebuchet MS",Helvetica,sans-serif;line-height:150%;color:#666}
h3 {font:bold 1.1em "Trebuchet MS",Helvetica,sans-serif;line-height:150%;color:#666}
h4 {font:bold 1.1em "Trebuchet MS",Helvetica,sans-serif;line-height:150%;color:#666}
h5 {font:bold 1.1em "Trebuchet MS",Helvetica,sans-serif;line-height:150%;color:#666}
h6 {font:bold 1.1em "Trebuchet MS",Helvetica,sans-serif;line-height:150%;color:#666}	
a {color:#a16600;text-decoration:none;border:none;border-width:0px;background-color:transparent;}
a:hover {color:#009066;text-decoration:underline;border:none;border-width:0px;background-color:transparent;}
hr {color:#333}
.code {font:bold 0.8em sans-serif;line-height:150%;color:#633}
.hidden {visibility: hidden}
.randomtext {position:absolute;left:-1000px;top:1000px}
.smalltext {font-size:13px:color:#333}
.maintext {font-size:15px:color:000}
#content {padding-top:32px}
#footer {font-size:0.7em;clear:both;text-align:center}
#divNav {
		font-family:"Trebuchet MS",Geneva,sans-serif;
		font-size:0.9em;
		font-weight: bold;
		background: transparent;
		margin: 0;
		padding: 0;
		height: 80px;
		width: 500px;
	}
.center {text-align:center}
.left {text-align:left}
.right {text-align:right}
.twocolumn {font-size:10px;}
	#nav {
		font-family:"Trebuchet MS",Geneva,sans-serif;
		font-size:0.9em;
		font-weight: bold;		
		position: absolute;
		top: 55px;
		right:0px;
		height: 80px;
		width: 500px;
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: right;
		display: block;
		padding-right: 4px;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 25px;
		right: 0;
		padding-top: 4px;
		background: black;
		height: 13px;
		width: 500px;
		padding-right: 24px;
	}

	#nav li.on ul {
		background: black;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: black;
	}

	#nav li a {
		color: #000;
		font-weight: normal;
		display: block;
		width: 93px;
		padding: 0;
	}

	#nav li.on a {
		color: #666600;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #fff;
		width: auto;
		margin-right: 8px;
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: transparent;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #d49933;
	}

	
	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#licontact a, #limedia a, #liabout a, #libreed a, #liinfo a {
		display: block;
		position: relative;
		height: 26px;
		background: url(http://urban-max.com/theme/tabs1.gif) no-repeat; /*contains all hover states*/
	}

/*first, put the initial states in place*/

#licontact a {
	background-position: 0 0;
}

#limedia a {
	background-position: -102px 0;
}

#liabout a {
	background-position: -204px 0;
}

#libreed a {
	background-position: -306px 0;
}

#liinfo a {
	background-position: -408px 0;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #licontact.on a {
 	background-position: 0px -37px;
 } /*add selectors for the other li's and background-positions*/
  #limedia.on a {
 	background-position: -102px -37px;
 } /*add selectors for the other li's and background-positions*/
  #liabout.on a {
 	background-position: -204px -37px;
 } /*add selectors for the other li's and background-positions*/
  #libreed.on a {
 	background-position: -306px -37px;
 } /*add selectors for the other li's and background-positions*/
  #liinfo.on a {
 	background-position: -408px -37px;
 } /*add selectors for the other li's and background-positions*/

/*hover states*/

#licontact a:hover, #licontact:hover a, #licontact.over a {
	background-position: 0 -73px;
}

#limedia a:hover, #limedia:hover a, #limedia.over a {
	background-position: -102px -73px;
}

#liabout a:hover, #liabout:hover a, #liabout.over a {
	background-position: -204px -73px;
}

#libreed a:hover, #libreed:hover a, #libreed.over a {
	background-position: -306px -73px;
}

#liinfo a:hover, #liinfo:hover a, #liinfo.over a {
	background-position: -408px -73px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: black;
	color: #fff;
	font-family:"Trebuchet MS",Geneva,sans-serif;
	font-size:1em;
	font-weight: bold;
	text-transform: uppercase;
}		

#nav li.on ul a {
	background: black;
}
.calBdr {
	margin:5px;
}
.cal_title {
	height:20px;
	text-align: center;
	font-size:0.9em;
	font-weight: bold;
	background-color:transparent;}
.cal_day_head{
	width: 15px;
	text-align: center;
	font-size:0.75em;
	font-weight: normal;
	background-color:transparent;}
.cal_day {
	text-align: center;
	font-size:0.75em;
	font-weight: normal;
	background-color:transparent;}
.cal_day_current {
	text-align: center;
	font-size:0.75em;
	font-weight: normal;
	background-color:#ccc;
}
.title {
	font-family:  "Trebuchet MS",Helvetica,sans-serif;
	font-size: 1em;
	color:#333;
	background-color:transparent;font-weight:bold;
}
.head1 { 
	font-family:  "Trebuchet MS",Helvetica,sans-serif;
	font-size: 0.8em;
	margin-left: 20px;
	color:#333;
	background-color:transparent;font-weight:bold;
}
.head2 { 
	font-family:  "Trebuchet MS",Helvetica,sans-serif;
	font-size: 1em;
	color:#333;
	background-color:transparent;font-weight:bold;
}
.post {	
	font-family:  "Trebuchet MS",Helvetica,sans-serif;
	font-size: 0.8em;
	color:#333;
	background-color:transparent;}
.posted { 
	font-family:  "Trebuchet MS",Helvetica,sans-serif;
	font-size: 0.8em;
	font-weight:bold;
	color:#333;
	background-color:transparent;
}
.input1 (
	 font-size:11px;
	 }
#frame {
	width:650px;
	margin-right:auto;
	margin-left:auto;
	margin-top:90px;
	margin-bottom:5px;
	padding:0px;
	text-align:left;
	border:0px dotted;
	border-color: #ccc;
	background-color: transparent;
}

#contentcenter {
	text-align: left;
	width:440px;
	padding:0px;
	float:left;
	background-color:transparent;margin-bottom:0;
	border:0;
}

#contentright {
	text-align: left;
	width:190px;
	padding-left 10:px;
	margin:0;
	float:left;
}

#contentheader {
	background-color:transparent;margin-bottom:0;
	border:0;
	border-bottom: 1px;
	border-style: dotted;
	border-color: #ccc;
}

#contentfooter {
	clear: both;
	overflow:hidden;
	height:23px;
	background-color:transparent;border:0;
	border-top: 1px;
	border-style: dotted;
	border-color: #999999;
}
#divleft {	
	text-align:left;
	width: 150px;
	float:left;
}
#divright {	
	text-align:right;
	width: 150px;
	float:right;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -460px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
right: 0px; /*position where enlarged image should offset horizontally */

}