a, a:hover, a:visited {					/* sets link colors, style */
	color: #004B6C;
	text-decoration: none;
	font-weight: bold;
}

h1 {							/* used as the red title for each page */
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #006600;
}

h2 {							/* used as the red title for each page */
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 14px;
	color: #CB9A00;
	font-weight: bold;
	font-style: italic;
	
}

body{
	margin: 0px;
	margin-bottom: 15px;
	background-image: url(../img/dots.gif);
	background-repeat: repeat;
	padding: 0px;
}

#container{
	
	min-width: 400px;
	margin: 15px;
	background: #FFFFFF;
	padding: 10px;
	background-image: url(../img/xenowater.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}
* html #container {height:auto}/* for ie only cause ie doesn't understand min-height but it will resize when content gets bigger*/


#centercolumn {
		margin-top: -15px;
		margin-bottom: 10px;
		margin-left: 70px;
		margin-right: 30px;
		
}
 
 

#banner {
		min-width: 670px;
		padding-top: 0px;
		margin: 0px;
		background: #006600;
		height: 34px;
		
}

#breadcrumb {						/* contains the breadcrumb trail */
	padding-left: 3px;
	padding-right: 3px;
	height: 34px;
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	background-image: url(../img/shadow.gif);
	background-repeat: repeat-x;
}
* html #breadcrumb{height: 22px;}

#date {							/* contains the javascript date function; right-aligned and floated */
	
	position: relative;
	float: right;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: right;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

#header{
		
		font-style: normal; 
		font-weight: normal; 	
		font-size: 7pt; 
		font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
		text-decoration: none; 
		color: #FFFFFF;
}


#leftcolumn {
	position: absolute;
	left: 27px;
	top: 86px;
	width: 99px;
	background: #FFFFFF;
	height: 207px;
}
	


#rightcolumn {
	position: absolute;
	right: 25px;
	top: 113px;
	width:42px;
	background:#fff;
	left: 305px;
		
}
	

#rightstuff {
		vertical-align: top;
		width: 42px;
		margin-top: 0px;
		margin-bottom: 0px;
	
}


#maintext {						/* contains the actual content in right column */
	
	margin-right: 5px;
	margin-bottom: 0px;
	text-align: justify;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

#pic {							/* style used to render and position the newspaper picture in rightcol */
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: solid 1px #00628D;
}

#southpic {						/* style used to render and position the second newspaper picture in rightcol */
	float: right;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: solid 1px #00628D;
}
#newsheading {

		font-family: verdana, tahoma, arial, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #000000;
		text-align: center;
}

#news {
	
	width: 142px;
	border: solid 1px #006600;
	background-color: #EEFFEE;
	background-image: url(../img/news.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: right;
	padding: 5px;
}

.newselement {						
	font-weight: bold;
}

.newscontent {						
	text-indent: 5px;
	font-weight: normal;
}

#contact {
	
		width: 142px;
		border: solid 1px #006600;
		background-color: #EEFFEE;
		font-family: verdana, tahoma, arial, sans-serif;
		font-size: 10px;
		color: #000000;
		margin-top: 10px;
		padding: 5px;
		background-image: url(../img/phone2.jpg);
		background-position: bottom left;
		background-repeat: no-repeat;
}


#search {
		margin-top: 10px;
		width: 142px;
		border: solid 1px #006600;
		background-color: #EEFFEE;
		background-image: url(../img/glass.jpg);
		background-position: bottom left;
		background-repeat: no-repeat;
		font-family: verdana, tahoma, arial, sans-serif;
		font-size: 10px;
		
		color: #000000;
		text-align: right;
		padding: 5px;
		vertical-align: bottom;
}

#contact:hover {						/* contact box, second in left column, onmouseover */
	background-image: url(../img/phone2-ovr.jpg);
}

#news:hover {						/* news box, first in left column, onmouseover */
	background-image: url(../img/news-ovr.jpg);
}

#search:hover {						/* search box, third in left column, onmouseover */
	background-image: url(../img/glass-ovr.jpg);
}


#bottomcontainer {					/* container div that splits the certified and ucdlinks cells */

	margin-top: 4px;
	padding: 3px;
	border: solid 1px #006600;
	background-color: #EEFFEE;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color: #00374F;
}

#disclaimer {						/* style used for the disclaimer text at bottom of page */
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #CCCCFC;
}

#footer {							/* contains the bottom row; holds the horizontal rule */
	min-width: 600px;
	min-height: 35px;
	height: auto;
	margin-top: 15px;
	margin-bottom: -4px;
	padding: 2px;
	border-top: 1px solid #006600;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color: #00374F;
}



#certified {						/* contains the w3c certified icons */
	min-height: 35px;
	height: auto;
	float: left;
	margin-left: 0px;
	margin-top: 6px;
	padding: 0px;
	
}

/* GENERAL CLASSES */
.right {
	vertical-align: top;
	float: right;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}

.left {
	float: left;
}

.formcontainer {
	padding: 10px;
	width: 150px;
	text-align: left;
	border: solid 1px #006600;
	background-color: #EEFFEE;
	vertical-align: middle;
}

.formtext {
	font-weight: bold;
	text-align: left;
}

.formbox {
	float: right;
	text-align: left;
}

.imgs {							/* style used to render the border around pictures on the page */
	border: solid 1px #00628D;
}

.imgs2 {
	border: solid 1px #000000;
}

.generic {
	margin-top: 10px;
}

.textinput {
	height: 10px;
	font-family: verdana;
	font-size: 10px;
	color: #000000;
}
.xgreentext {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
}
.xwhitetext {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.xtitleorange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #FFCC00;
	font-weight: bold;
}
.xorangeheading {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #996600;
}
.xsmallgreentext {

	height: 10px;
	font-family: verdana;
	font-size: 9px;
	color: #006600;
}
.xwhitetextwhite {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.xheader {

	text-decoration: none;
	font-weight: bold;
	font-family: verdana;
	font-size: 14px;
	color: #006600;
}
.guitartab {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: #000000;
	font-weight: lighter;
}
.x666text {

	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666000;
}

