body {

background-attachment: fixed; font-family: Perpetua, Tahoma, "Copperplate Gothic Bold"; font-size: 16px; font-style: oblique; font-weight: bold; color: #000000;}
}

td {
	font-family: Perpetua, Tahoma, "Copperplate Gothic Bold"; font-size: 16px; font-style: oblique; font-weight: normal; color: #000000;
}
 #layerz{position:absolute; width:273px; height:480px; z-index:2; top: 94px; left: 7px}
#Layer2 {position:absolute; width:200px; height:115px; z-index:3; left: 1075px; top: 9px}
th {
	font-family: Perpetua, Tahoma, "Copperplate Gothic Bold"; font-size: 16px; font-style: oblique; font-weight: normal; color: #000000;
}

tr.topdays {
	background-color: #FFFFFF; font-family: Perpetua, Tahoma, "Copperplate Gothic Bold"; font-size: 16px; font-style: oblique; font-weight: normal; color: #000000;
}

.toprightnumber {
	font-family:Perpetua, Tahoma, "Copperplate Gothic Bold";  sans-serif; font-size: 12px; font-weight: bold;
}
.eventinbox {
	font-family:Perpetua, Tahoma, "Copperplate Gothic Bold";  sans-serif; font-size: 10px;	
; color: #000000
}
.currentdate {
font-family:Perpetua, Tahoma, "Copperplate Gothic Bold"; font-size: 14px; font-style: oblique;  font-weight: bolder;	

; color: #000000
}

a:hover	{
	text-decoration: none; color : #000000; 
font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder
; background-color: #EBEBEB
}
#footer {
	font-family:Perpetua, Tahoma, "Copperplate Gothic Bold";  sans-serif; font-size: 10px;
; left: 775px; top: 600px; clip:            rect(   ); position: absolute
}
#menu { left: 5px; top: 5px; clip:         rect(   ); position: absolute
}
td.beforedayboxes {
	background-color: #CCCCCC; color: #000000; 
}
td.dayboxes {
	background-color: #FFFFFF; color: #000000;
}
td.afterdayboxes {
	background-color: #CCCCCC; color: #000000; 
}
td.highlighteddayboxes {
	background-color: #FFFFFF; color: #000000; font-size: 16px;
; border: #000000 outset; border-width: thin medium medium thin}
a.highlighteddayboxes

 {font-family:Tahoma,  "Arial Black", Verdana, helvetica;
  font-size: 14px;bold;
  color: #0000FF;
  text-decoration: none} 
.event {
	font-family: Tahoma,  "Arial Black", Verdana, helvetica;  sans-serif; font-size: 16px; font-weight: bold;
; color: #000000
}
.credits{
	font-family: Tahoma,  "Arial Black", Verdana, helvetica;  sans-serif; font-size: 16px; font-weight: bold;
; color: #000000
}
.eventdetail {
	font-family:Perpetua, Tahoma, "Copperplate Gothic Bold";  sans-serif; font-size: 11px;
; color: #000000
}
.eventwhen {
	font-family:Perpetua, Tahoma, "Copperplate Gothic Bold";  sans-serif; font-size: 15px; font-weight: bold;
; color: #000000
}
.addevent {
	font-family:Perpetua, Tahoma, "Copperplate Gothic Bold";  sans-serif; font-size: 12px; font-weight: bold;
}
.addeventextrainfo {
	font-family:Perpetua, Tahoma, "Copperplate Gothic Bold";  sans-serif; font-size: 10px;
}
a:active { 
		text-decoration: none; color : #000000; 
font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder
; background-color: #EBEBEB
 }
a { 
		text-decoration: none; color : #7C7C7C;
font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder
; 
 }  

#vid {
	position:absolute; width:640px; z-index:1; left: 250px; top: 10px
}

 .raise {  border: #000000; border-style: outset; border-top-width: thin; border-right-width: medium; border-bottom-width: medium; border-left-width: thin; font-family:Perpetua, Tahoma, "Copperplate Gothic Bold";  sans-serif; font-size: 16px; font-weight: bold; color: #000000}
a.menulink {
	font-weight: bold;
		color: #0000FF;
		font-family: Tahoma,  "Arial Black", helvetica, Verdana, "Trebuchet MS";font-size: 14px;
		font-style:italic ;
	text-decoration: none
	}
#nav ul {

	list-style: none;

}
#nav li a:hover {
	font-weight: bold;
	background: #CCFF99;
	color: #000;
	text-decoration: none;}
#nav li a {
	display: block;
	font-weight: normal;
	padding: 0;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background: #FFF;
	color: #000;
	text-decoration: none;
	width: 140px;
	voice-family: "\"}\""; clip:  rect(   );
	voice-family: inherit;
	width: 140px;
}
#nav li {
	text-align: center;
	border-bottom: 1px solid #000;
	width: 140px;
	margin: 0 0;
	padding: 0 0;
	font: 16px "Lucida Sans Unicode", Verdana, sans-serif;
	color: #000;
	background: #FFF;
text-decoration: none; clip:    rect(   )}

.navtop {
	border-top: 1px solid #000;
}

a.menulink:visited {
	font-weight: bolder;
	color: #0000FF;
	font-family:Perpetua, Tahoma, "Copperplate Gothic Bold";  sans-serif;font-size, helvetica: 12px;
	font-style:italic ;
	text-decoration: none
; font-size: 12px
	}

a.menulink:hover {
font-family: Perpetua, Tahoma, "Copperplate Gothic Bold"; font-size: 16px; font-style: oblique; font-weight: normal; color: #000000;
	font-style:italic ;
	text-decoration: none
; font-weight: bold
	}
a.currentdate:link {
	font-weight: bold;
		color: #0000FF;
		font-family: Perpetua, Tahoma, "Copperplate Gothic Bold"; font-size: 16px; font-style: oblique; font-weight: normal; color: #000000;
	text-decoration: none
; vertical-align: bottom
	}

a.currentdate:visited {
	font-weight: bold;
	color: #0000FF;
	font-family:Perpetua, Tahoma, "Copperplate Gothic Bold";  sans-serif;font-size, helvetica: 12px;
	font-style:normal;
	text-decoration: none
; font-size: 18px; vertical-align: bottom
	}

a.currentdate:hover {
	color: #000000;
	font-family:Perpetua, Tahoma, "Copperplate Gothic Bold";  sans-serif; font-size: 18px; 
	font-style:normal;
	text-decoration: none
; font-weight: bold
; vertical-align: bottom
	}
		#cal { 
         	z-index: 1;
         	position: absolute;
         	left: 200px; top: 21px; 
			background-attachment:fixed;
			font-family: Perpetua, Tahoma, "Copperplate Gothic Bold"; font-size: 14px; font-style: oblique; font-weight: bolder; color: #000000; 
; clip:   rect(   )

		 }
					#footer        {
         	z-index: 1;
         	position: absolute;
         	top: 1px;
         	left: 1000px;
			background-attachment:fixed;
			 height: 40px; width: 200px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px
         }
		#mess        {
         	z-index: 1;
         	position: absolute;
         	top: 20px;
         	left: 700px;
			background-attachment:fixed;
			font-family: Perpetua, Tahoma, "Copperplate Gothic Bold"; font-size: 16px; font-style: oblique; font-weight: bold; color: #000000; 
			  padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px
; clip:     rect(   )
         }	.content {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: oblique; font-weight: bold; color: #000000; background-position: left; text-align: left}

#vid{
position:absolute; width:640px; z-index:1; left: 250px; top: 10px
}







/*------------------------------------*\
    $IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 600px){

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



body { 
font-size: 14px;
background-attachment: fixed; font-family: Perpetua, Tahoma, Helvetica;  font-style: oblique; font-weight: bold; color: #000000;}


#vid {
	position:absolute; width:480px; z-index:1; left: 200px; top: 10px
}

.credits {
	font-family:Perpetua, Tahoma, "Copperplate Gothic Bold";  sans-serif; font-size: 1em; font-weight: bold;
; color: #000000
}
.hd{
	font-family:Perpetua, Tahoma, "Copperplate Gothic Bold";  sans-serif; font-size: 2.5em; font-weight: bold;
; color: #000000
}

a.menulink {
	font-weight: bold;
		color: #0000FF;
		font-family: Tahoma,  "Arial Black", helvetica, Verdana, "Trebuchet MS";font-size: 30px;
		font-style:italic ;
	text-decoration: none
	}
#nav ul {

	list-style: none;

}
#nav li a:hover {
	font-weight: bold;
	background: #CCFF99;
	color: #000;
	text-decoration: none;}
#nav li a {
	display: block;
	font-weight: normal;
	padding: 0;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background: #FFF;
	color: #000;
	text-decoration: none;
                font: 2em"Lucida Sans Unicode", Verdana, sans-serif;
	width: 400px;
	voice-family: "\"}\""; clip:  rect(   );
	voice-family: inherit;

}
#nav li {
	text-align: center;
	border-bottom: 1px solid #000;
	width: 400px;
	margin: 0 0;
	padding: 0 0;
	font: 2em"Lucida Sans Unicode", Verdana, sans-serif;
	color: #000;
	background: #FFF;
text-decoration: none; clip:    rect(   )}

.navtop {
	border-top: 1px solid #000;
}

a.menulink:visited {
	font-weight: bolder;
	color: #0000FF;
	font-family:Perpetua, Tahoma, helvetica , sans-serif;font-size: 20px;
	font-style:italic ;
	text-decoration: none
; 
	}

a.menulink:hover {
font-family: Perpetua, Tahoma, "Copperplate Gothic Bold"; font-size: 20px; font-style: oblique; font-weight: normal; color: #000000;
	font-style:italic ;
	text-decoration: none
; font-weight: bold
	}
		#cal { 
         	z-index: 1;
         	position: absolute;
         	left: 450px; top: 21px; 
			background-attachment:fixed;
			font-family: Perpetua, Tahoma, "Copperplate Gothic Bold"; font-size: 20px; font-style: oblique; font-weight: bolder; color: #000000; 
; clip:   rect(   )

		 }
		#mess        {display:none; width: 300px}
#menu {position: absolute; left: 0px; top: 5px; clip:         rect(   ); 
}
#layerz   {display:none;}
#Layer2  {display:none;}

#footer  {display:none;}
#container { left: 0px; top: 0px;width: 600px;}
a { 
		text-decoration: none; color : #7C7C7C;
font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder
; 
 }  

}