/**************************************************************************************
STYLES FOR HOME PAGE ONLY
**************************************************************************************/

/******************************NAVIGATION BUTTONS AND BOXES MID PAGE******************************/
#boxnav ul {  /*Navigation list*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#boxnav ul #one {  /*Moves first item to left, sets background image*/
	width: 25%;
	float: left;
	text-align: center;
	background: url('../images/home/one-off.jpg') bottom center no-repeat;
}

#boxnav ul #one:hover, #boxnav ul #one.hover {  /*Changes first box photo on hover*/
	background: url('../images/home/one-on.jpg') bottom center no-repeat;
}

#boxnav ul li {  /*Moves remaining items to right*/
	width: 25%;
	height: 215px;
	float: right;
	text-align: center;
	margin: 0 0 20px 0;
}

#boxnav ul #two {  /*Sets image for second box*/
	background: url('../images/home/two-off.jpg') bottom center no-repeat;
}

#boxnav ul #two:hover, #boxnav ul #two.hover {  /*Sets image for second box on hover*/
	background: url('../images/home/two-on.jpg') bottom center no-repeat;
}

#boxnav ul #three {  /*Sets image for third box*/
	background: url('../images/home/three-off.jpg') bottom center no-repeat;
}

#boxnav ul #three:hover, #boxnav ul #three.hover {  /*Sets image for third box on hover*/
	background: url('../images/home/three-on.jpg') bottom center no-repeat;
}

#boxnav ul #four {  /*Sets image for fourth box*/
	background: url('../images/home/four-off.jpg') bottom center no-repeat;
}

#boxnav ul #four:hover, #boxnav ul #four.hover {  /*Sets image for fourth box on hover*/
	background: url('../images/home/four-on.jpg') bottom center no-repeat;
}

#boxnav ul li a:link, #boxnav ul li a:visited {  /*Styles text links*/
	display: block;
	width: 225px;
	height: 35px;
	margin: 0 auto;
	padding: 0;
	background: #F3F3F3 url('../images/home/l-button-off.gif') top left no-repeat;
	line-height: 35px;
	text-decoration: none;
	text-transform: uppercase;
	color: #787775;
	font-weight: bold;
}

#boxnav a span {  /*Right side of button*/
	display: block;
	background: url('../images/home/r-button-off.gif') top right no-repeat;
	height: 35px;
	width: 100%;
}

#boxnav ul li a:hover, #boxnav ul li a:active {  /*Styles text links on hover*/
	background: #FCCE30 url('../images/home/l-button-on.gif') top left no-repeat;
}

#boxnav ul li:hover a, #boxnav ul li.hover a {  /*Chanages background link color on hover over entire box*/
	background: #FCCE30 url('../images/home/l-button-on.gif') top left no-repeat;
}

#boxnav ul li:hover a span, #boxnav ul li.hover a span {
	background: url('../images/home/r-button-on.gif') top right no-repeat;
}

/**************************THREE COLUMN LAYOUT AT BOTTOM OF PAGE*************************/
#col-container {
  padding-left: 350px;  /* Left column width */
  padding-right: 200px;  /* Right column width */
}

#col-container .col {
  position: relative;
  float: left;
}

#centercol {  /*Center column*/
  width: 100%;
}

#leftcol {
  width: 350px;  /* Left column width */
  right: 350px;  /* Left column width */
  margin-left: -100%;
}

#rightcol {
  width: 200px;  /* Right column width */
  margin-right: -200px;  /* Right column width */
}


/*****************************LEFT COLUMN ANIMATION**********************/

#leftcol .bl {  /*Bottom left corner*/
	background: #F3F3F3 url('../images/home/bl.gif') 0 100% no-repeat;
	width: 325px;
}

#leftcol .br {  /*Bottom right corner*/
	background: url('../images/home/br.gif') 100% 100% no-repeat;
}

#leftcol .tl {  /*Top left corner*/
	background: url('../images/home/tl.gif') 0 0 no-repeat;
}

#leftcol .tr {  /*Top right corner*/
	background: url('../images/home/tr.gif') 100% 0 no-repeat;
	padding: 15px;
	/*height: 365px;*/
}

#leftcol h3 {  /*Header*/
	font-size: medium;
	margin: 0;
	padding: 0;
}

#leftcol h4 {  /*Subheader*/
	margin: 0;
	padding: 0;
}

#leftcol #vlm-morph {  /*Animation*/
	margin: 0;
	padding: 0;
}

#leftcol p a:link, #leftcol p a:visited {  /*Link styles*/
	color: #009EE0;
	font-weight: bold;
	text-decoration: none;
}

#leftcol p a:hover, #leftcol p a:active {  /*Links on hover*/
	text-decoration: underline;
}


/***************************EVENTS BOX**********************************/
#events {  /*Container for events info*/
	margin: 0 50px 0 30px;
}

#events h4 {
	margin: 0;
	padding: 0;
	color: #B5B7B5;
	text-transform: uppercase;
	font-size: medium;
}

#events h3 {  /*Events section header*/
	margin: 0;
	padding: 0;
	color: #B5B7B5;
	text-transform: uppercase;
	font-size: small;
}

#events #item {  /*Event item*/
	margin: 0;
	padding: 5px 0px;
	width: 100%;
	min-height: 125px;
	border-top: 1px solid #B5B7B6;
	border-bottom: 1px solid #B5B7B6;
}

#events #item h2 a:link, #events #item h2 a:visited, #events #item h2 a:hover, #events #item h2 a:active {
	color: #000000;
}

#events .hdline {  /*Event date*/
	margin: 0;
	padding: 0;
	color: #00EEF;
	font-weight: bold;
}

#events p a:link, #events p a:visited {  /*Event links within text*/
	color: #009EE0;
	text-decoration: none;
}

#events p a:hover, #events p a:active {
	text-decoration: underline;
}

#events .event-info {  /*Event details - date, location, etc.*/
	font-weight: bold;
	margin-top: 6px;
}

#events img {
	margin: 6px;
}

/*******************NEWS SCROLLER*********************/
#pscroller1{
width: 100%;
height: 250px;
padding: 5px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}