/*This is the CSS for handheld devices
	  I changed the css in these ways:
	  	1)	I removed any relative positioning so 
	  		all of the content will fit into one 
	  		column making it easier to view on a mobile device
		2)	I hid #hide1 
		3)	I hid H6 & replaced it with p#mobile
		4)	Since the menu I embedded as H6 is hidden I removed the css for the Javasript as well
		5)	I hid H5
		6)	There is no ID for ttle
		7)	No javascript for date
		8)	H1 on right top instead
		9)	All dBoxes Hidden
	*/
/*resets any browser defaults that might effect my css
* {
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}*/
body {
	background-color: #663300;
	background-image:url(../images/blk.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	text-align: justify;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	left: 0px;
	top: 0px;
/*	margin-top: -30px;*/
}
h1 {
	color: #99FF66;
	font-family: inherit;
/*	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #99CCFF;
	position: fixed;*/
	background-color: #663399;
	display: block;
	font-weight: lighter;
	font-variant: small-caps;
	z-index: 1010;
/*	border-top-width: thin;
	border-right-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #99CCFF;
	border-right-color: #66FFCC;
	border-left-color: #66FFCC;
	border-left-style: solid;
	border-left-width: thin;*/
	top: 0px;
	right: 0px;
	font-size: medium;
}

h2 {
	visibility: hidden;
}
h3 {
	font-family: inherit;
	color: #FFCC00;
/*	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #99CCFF;*/
	display: inline;
	position: relative;
	z-index: 6;
/*	border-top-width: thin;
	border-left-width: 4px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #99CCFF;
	border-left-color: #99CCFF;
	border-bottom-width: thin;*/
	clear: right;
	font-weight: lighter;
/*	padding-left: 5px;*/
}
h4 {
	text-decoration: none;
	background-color: #CCFF99;
	color: #663300;
	position: relative;
	margin-bottom: -2px;
	z-index: 2;
	top: -30px;
/*	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #FF66CC;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #FF66CC;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #FF66CC;
	letter-spacing: 0.2em;*/
	font-weight: 300;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 230px;
	margin-top: 30px;
	padding-left: 20px;
	padding-bottom: 2px;
}
h5 {
	visibility:hidden
}
h6 {
/*	font-size: medium;
	text-decoration: none;
	text-align: center;
	position: fixed;
	background-color: #FF6699;
	display: block;
	z-index: 1001;
	border: thin solid #663300;
	left: 0px;
	top: 0px;*/
	visibility: hidden;
}
#hide1	{
	visibility: hidden;
}
/*
P:first-line {
	text-decoration: overline;
}*/
p {
	font-family: inherit;
	color: #000000;
	background-color: #CC6666;
	z-index: 5;
	font-size: small;
/*	letter-spacing: .1em;
	padding: 10px 10px 15px;*/
	margin-bottom: 20px;
/*	border-top: thin solid #CCFF99;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCFF99;
	border-bottom-color: #CCFF99;*/
	margin-right: auto;
}
p#mobile	{
	font-size: medium;
	text-decoration: none;
	text-align: center;
	position: fixed;
	background-color: #FF6699;
	display: block;
	z-index: 1001;
	border: thin solid #663300;
	left: 0px;
	top: 0px;
}
p#nside {
	font-family: inherit;
	background-color: #CC6699;
	font-size: x-small;
	line-height: 140%;
	color: #000000;
/*	letter-spacing: 0.1em;*/
	display: block;
	margin: 3px;
	padding: 3px;
	border: thin solid #CCFF99;
	position: relative;
}
/*p#nside:hover {
	font-family: inherit;
	background-color: #FF6699;
	font-size: x-small;
	line-height: 140%;
	color: #000000;
	letter-spacing: 0.1em;
	display: block;
	margin: 3px;
	padding: 3px;
	border: thin solid #99CCFF;
}*/
/*For hollow boxes on btm-left*/
#dBox	{
	visibility: hidden;
}
#dBox2 {
	visibility: hidden;
}
#dBox2a {
	visibility: hidden;
}
#dBox3 {
	visibility: hidden;
}
/*---------------------------------------------------------------------------------------------*/
/*For hollow boxes on top-roght*/
#dBoxR	{
	visibility: hidden;
}
#dBoxR2 {
	visibility: hidden;
}
#dBoxR3 {
	visibility: hidden;
}
/*---------------------------------------------------------------------------------------------*/

.dayA {
	background-color: #993366;
	display: block;
	z-index: 2;
/*	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FF66CC;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FF66CC;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCFF99;
	border-bottom-color: #FF66CC;
	border-bottom-style: solid;
	border-bottom-width: thin;*/
}
.dayB{
	background-color: #663399;
	display: block;
	z-index: 2;
/*	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FF66CC;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FF66CC;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCFF99;
	border-bottom-color: #FF66CC;
	border-bottom-style: solid;
	border-bottom-width: thin;*/
}
a:link {
	font-family: inherit;
	color: #CCCCFF;
	text-decoration: none;
	background-color: #663366;
}
a:active {
	font-family: inherit;
	color: #CCCCFF;
	text-decoration: none;
	background-color: #663366;
}
a:visited {
	font-family: inherit;
	color: #CCCCFF;
	text-decoration: none;
	background-color: #663366;
}
a:hover {
	font-family: inherit;
	color: #000000;
	text-decoration: none;
	background-color: #9966FF;
}
a#menu:link {
	font-family: inherit;
	color: #CCCCFF;
	text-decoration: none;
	background-color: #663366;
	padding-bottom: 5px;
}
a#menu:active {
	font-family: inherit;
	color: #CCCCFF;
	text-decoration: none;
	background-color: #663366;
	padding-bottom: 5px;
}
a#menu:visited {
	font-family: inherit;
	color: #CCCCFF;
	text-decoration: none;
	background-color: #663366;
	padding-bottom: 5px;
}
a#menu:hover {
	font-family: inherit;
	color: #000000;
	text-decoration: none;
	background-color: #9966FF;
	padding-bottom: 5px;
}
a.#menu{		
	border-bottom: 1px dashed green;
	text-decoration: none;	
	z-index: 1005;
}

a:hover#menu{ 
	padding: 0; 
	padding-bottom: 5px;
	z-index: 1005;
} 
img {
/*	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #99CCFF;	
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF66CC;
	border-bottom-color: #FF66CC;*/
	height: auto;
	width: 100%;
	
}
img.noResize {
/*	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #99CCFF;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF66CC;
	border-bottom-color: #FF66CC;*/
	height: auto;
	width: 100%;
	
}