/* Remove border around linked images */
	img { border: 0; }

/* body */
.Ubody {
	/*scrollbar-arrow-color: #4D6185;
	scrollbar-base-color: #BDD1FB;
	scrollbar-shadow-color: #BCC8F3;
	scrollbar-face-color: #B4BDC5;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #000000;
	scrollbar-3dlight-color: #000000;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 0 0; 
	background-image: url(http://www.sjc.utah.gov/images/bg.png);
	
}
	
/*text and fonts*/
.mainpagetxt {
	color: #242524;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;/*11px;*/
}

.mainpagecalendartxt {
	color: #242524;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;/*15px;*/
}

.mainpagetitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: /*18*/15px;
	color: #00673e; /*56b145*/
}

.subtitles{
	font-family: Arial, Helvetica, sans-serif;
/*18*/
	font-size: 15px;
	color: #00673e; /*56b145*/
	
}

.pageheader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18.38px;
	color: #00673e; /*56b145*/
}

.readingtext{
	color: #242524;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.48px;
}
.readingtext A:link    {color: #56b145; text-decoration : none;}
.readingtext A:visited { color:#56b145; text-decoration : none; }
.readingtext A:active  { color:#56b145; text-decoration : none; }
.readingtext A:hover   { color:#56b145 ; text-decoration : underline;}	

.breadcrumbs{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.63px;
	color: #3F4D4E;
}

.breadcrumbs A:link    {color: #3F4D4E; text-decoration : none;}
.breadcrumbs A:visited { color:#3F4D4E; text-decoration : none; }
.breadcrumbs A:active  { color:#3F4D4E; text-decoration : none; }
.breadcrumbs A:hover   { color:#3F4D4E ; text-decoration : underline;}

.footertxt {
	font-family : Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #3F4D4E;
	text-decoration : none;
	font-weight : normal;
	/*line-height : 12px;*/
}

.footertxt A:link    { color:#56b145; text-decoration : none; }
.footertxt A:visited { color:#56b145; text-decoration : none; }
.footertxt A:active  { color:#56b145; text-decoration : none; }
.footertxt A:hover   { color: #56b145; text-decoration: underline;}

.newstext{
	border: 0px;
	/*background: #EDF0F4;*/
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3F4D4E;
	font-weight: NORMAL;
	/*background-image: url(images/background-stripe4.gif);*/
}

.newstext A:link    { color:#3F4D4E; text-decoration : none; }
.newstext A:visited { color:#3F4D4E; text-decoration : none; }
.newstext A:active  { color:#3F4D4E; text-decoration : underline; }
.newstext A:hover   { color:#3F4D4E; text-decoration : underline; }

.calendar_daystxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6cb240;
	text-decoration: none;
	font-weight: normal;
	
}

.calendar_datestxt {
	font-family : Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #6cb240;
	text-decoration : none;
	font-weight : bold;
	/*line-height : 12px;*/
}


.calendar_txt {
	font-family : Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #3F4D4E;
	text-decoration : none;
	font-weight : normal;
}

.calendar_txt A:link    { color:#3F4D4E; text-decoration : none; }
.calendar_txt A:visited { color:#3F4D4E; text-decoration : none; }
.calendar_txt A:active  { color:#3F4D4E; text-decoration : none; }
.calendar_txt A:hover   { color:#3F4D4E; text-decoration: underline;}


.calendarRECevents {
	font-family : Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #56b145;
	text-decoration : none;
	font-weight : normal;
}

.calendarRECevents A:link    { color:#56b145; text-decoration : none; }
.calendarRECevents A:visited { color:#56b145; text-decoration : none; }
.calendarRECevents A:active  { color:#56b145; text-decoration : none; }
.calendarRECevents A:hover   { color:#56b145; text-decoration: underline;}

.calendarFIREevents {
	font-family : Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ba2334;
	text-decoration : none;
	font-weight : normal;
}

.calendarFIREevents A:link    { color:#ba2334; text-decoration : none; }
.calendarFIREevents A:visited { color:#ba2334; text-decoration : none; }
.calendarFIREevents A:active  { color:#ba2334; text-decoration : none; }
.calendarFIREevents A:hover   { color:#ba2334; text-decoration: underline;}

.calendarblurb_title{
	color: #00703C;
}

.weather{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #006F3C;
	font-weight: bolder;
}

.weather_Linux{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006F3C;
	font-weight: bolder;
}

.mainpagesides{
	color: #242524;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.onlineservicesdiv {
	/*background: #f6f1d0;*/
	border: 1px solid #6db33f;
	padding: 3px 3px 3px 3px;
}


.tab1 {
		padding-left: 22px;
	}
.tab2 {
		padding-left: 44px;
	}
.tab3 {
		padding-left: 88px;
	}

/* left menu non IE version */
.greennav {
	vertical-align: top;
	width: 174px;
	list-style: none;
	list-style-type: none;
	font-size: 12px;
	
}
.greennav li {
	list-style-type: none;
	margin-top: 2px;
	padding: 9px; 
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f8edb5;
   /*text-align: center;*/
	
}
	.greennav ul {
	text-align: center;
	padding-top: 10px;
	margin-left: 0px;
	padding-left: 0px;
}

.greennav li:hover {
background-color: #006837; /* Darken the item we are on */
cursor: default; /* Retain a pointy arrow */
color:#FFFFFF;
font-weight:bold;
list-style-image:url(images/menu-pointer.png);
list-style-position:inside;
}


.greennav a {color: #f8edb5; text-decoration : none;}
.greennav a:visited {color: #f8edb5;text-decoration: none;}
.greennav a:link {color: #f8edb5;text-decoration: none;}
.greennav a:hover {color: #ffffff; text-decoration : none;background-color: #006837;}

/*LEFT MENU IE VERSION*/
.arrowlistmenu{
	width: 174px; /*width of menu*/
	/*vertical-align: top;*/
	font-size: 12px;
}


.arrowlistmenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	/*padding-top: 10px;*/
	font-size: 12px;
	/*border: 1px dotted Aqua;*/
}

.arrowlistmenu ul li{
	padding-bottom: 1px; /*bottom spacing between menu items*//*must have this or IE spaces them to fill the whole area*/
	/*border: 1px dashed red;*/
	
}

.arrowlistmenu ul li a{
	color: #f8edb5;
	/*background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/*/
	display: block;
	padding: 9px 0;
	/*padding-left: 8px; link text is indented 19px*/
	text-decoration: none;
	font-weight: normal;
	/*border-bottom: 1px solid #dadada;*/
	/*font-size: 90%;*/
/*border: 1px solid blue;*/

}



.arrowlistmenu ul li a:link{color: #f8edb5;text-decoration: none;}
/*.arrowlistmenu ul li a:visited{color: #f8edb5;text-decoration: none;}*/
/*.arrowlistmenu ul li a:active{color: #ffffff;text-decoration: none;}*/
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #ffffff;
	background-color: #006837;
	list-style-image:url(images/menu-pointer.jpg);/*non transparent image for older IE*/
	/*list-style-position:inside;*/
	font-weight: bold;
}
.arrowlistmenu a:hover {/*IE ignores color in ul li a:hover so we have to do it here for the text*/
color: #ffffff; text-decoration : none;
}

.contact a:link{color: #56b145;}
.contact a:hover{color: #ffffff;}

/*MULLIGANS*/
.bigm {
	FONT-WEIGHT: bold; FONT-SIZE: 25px; FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.contentbox {
	border: 1px solid #6db33f;
	padding: 4px 4px 4px 4px;
}

.portlet_table {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #669966
}

.portlet_content {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
.portlet_content_text {
	FONT-SIZE: 12px; COLOR: #0000ff; FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.picturetxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f8eeb3;
}
.picturetxt A:link    { color:#f8eeb3; text-decoration : none; }
.picturetxt A:visited { color:#f8eeb3; text-decoration : none; }
.picturetxt A:active  { color:#56b145; text-decoration : none; }
.picturetxt A:hover   { color:#56b145; text-decoration: underline;}

/*RECREATION*/
.Recreadinghighlight {
	font-size: 14px;
	text-transform: none;
	color: #56b145;
	font-weight: bold;
	font-style: oblique;
	background-color: #FFFFFF;
	
}