/* First, the customization of the standard HTML tag settings */

body {
	background: #99CCEE;
	font-family: Verdana, Helvetica, sans-serif; 
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
}

/* Next, the custom classes used in the site design */

.sitetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	text-transform: lowercase;
}

.straightline {
	color:	#006699;
	height: 3px;
	background-color: #006699;
	border: 0;
}

.contactarea {
	width: 200px;
	height: 20px;
	border: 2px solid black; /*Customize box appearance*/
	background-color: #006699;
	padding: 0px;
	position: absolute;
	top: 0;
	right: 4px;
}

.tickertext, .contactarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}

/* Finally, these next 2 are used for the javascript ticker stuff */

#dropinboxv2cover{
	width: 320px; /*change width to desired */
	height: 220px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
	position:absolute; /*Don't change below 4 rules*/
	z-index: 100;
	overflow:hidden;
	visibility: hidden;
}

#dropinboxv2{
	width: 275px; /*change width to above width-20. */
	height: 12px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
	border: 2px solid black; /*Customize box appearance*/
	background-color: #006699;
	padding: 4px;
	position:absolute; /*Don't change below 3 rules */
	left: 0;
	top: 0;
}