html {
	overflow-y: scroll;
	}
body {
	background: #f1f0e0 url('images/bg.gif') repeat-x top;
	font-family: arial, Verdana, Helvetica, Microsoft Sans Serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	color:#333;
	}

a, a:visited, a:link {
	text-decoration: none;
	}

a:hover {
	text-decoration:underline;
	}

a.external {
	padding-right: 15px;
	background-image: url('images/external-link.gif');
	background-position: right;
	background-repeat: no-repeat;
}
span.external {
	font-family: Webdings;
	font-size: 14px;
	color:#aaa;
	height: 12px;
	width: 14px;
	padding-left: 3px;
}
.clear {
	/* use overclear instead (meaning fewer divs) */
	clear:both;
	}

.right {
	text-align:right;
}
.overclear {
	width: 100%;
	overflow: hidden;
	}

.indent10 {
	margin-left: 10px;
	}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 965px;
	}

div.hr {
	border-top: solid 1px #43c03c;
	height: 1px;
	margin-bottom: 2px;
	font-size: 1px;
	}


.link img, .link a {
	vertical-align: middle;
	margin: 3px 6px 5px 0;
	}
.link a:hover {
	text-decoration: underline !important;
	}

a.backToTop {
	background: #fff url('images/arrow-back-to-top.gif') no-repeat top left;
	padding-left: 11px;
	height: 14px;
	color: #019916;
	margin: 0 16px;
	float:right;
	}


/* header */
#logo {
	float:left;
	margin-top:10px;
	}

.headerText{
	float:right;
	margin-top:55px;
	color: #fff
!important;;
	}

.headerLink {
	color: #fff;
	}


/* navbar */

#navbar {
	position:relative;
    width:925px;
	padding-left: 40px;
    display: inline;
    float:left;
	white-space:nowrap;
	margin: 22px 0 10px 0;
    font-size: 12px;
    line-height:normal;
    height:40px;
    z-index: 2;
    background-image: url('images/navbar-bg.gif');
	}
#navbar > ul div {
	width:auto;
	}
#navbar ul li {
	position: relative !important;
	float:left;
	background:url("images/navbar-tab.gif") no-repeat left top;
	margin:0;
	height:38px;
	padding:0 0 0 9px;
	}
#navbar ul li div, #navbar ul li a {
	float:left;
	display:block;
	background:url("images/navbar-tab.gif") no-repeat right top;
	height:24px;
	padding:13px 20px 0 2px;
	text-decoration:none;
	color:#0060ba;
	cursor: default;
	}
#navbar li:hover, #navbar li:hover div {
	background-position:0% -40px;
	border-bottom: 1px solid white;
	}
#navbar li:hover div {
	background-position:100% -40px;
	border-bottom: 1px solid white;
	}
#navbar .current {
	background-position:0% -40px;
	}
#navbar .current div {
	background-position:100% -40px;
	color:#333;
	}

/* navbar dropdown menus */

#navbar ul li ol {
	position:absolute; 
	top:39px;
	left:0;
	background:#d1d1d1; 
	display:none; 
	opacity:0; 
	list-style:none;
	}
	
#navbar ul li ol li:last-child {
	border-bottom:solid 1px #b0b0b0 !important; 
	}

#navbar ul li ol li {
	position:relative; 
	float: left;
	clear: both;
	background: white none;
	margin:0;
	height:30px;
	padding: 0 0 0 0;
	border-left:solid 1px #d0d0d0; 
	border-right:solid 1px #d0d0d0; 
	width: 200px !important;
	border-bottom: none !important;
	}

#navbar ul li ol li a {
	display:block;
	background: none;
	padding: 7px 0 0 5px;
	text-decoration:none;
	color:#0060ba !important;
	width: 195px !important;
	border-bottom: none !important;
	cursor: pointer !important;
	}
		
#navbar ul li ol li a:hover {
	background: white url('images/menu-selection.gif') repeat-y top left;
	color: #fff !important;
	}

	

/* Search In NavBar */
#search {
	position: absolute;
	right: 5px;
	top: 99px;
	z-index: 3;	
	}
#query {
	width: 140px;
	height: 20px;
	border: solid 1px #bbb;
	font-size: 16px;
	color: #999;
	}
#searchButton {
	width:60px;
	height:24px;
	vertical-align: bottom;
	margin:0 1px 1px 2px;
	}

/* Splash */
#splashPhoto
{
	/* NOTE: For randomly cycled photos, add in index.html rather than here */
	background-image: url('images/splash-golf.jpg'); 
	float: left;
	width: 800px;
	height: 210px;
	margin: 2px 0 12px 0 ;
	z-index: 1;
	}

#splashGreen {
	float: right;
	background-image: url('images/splash-green.png');
	width: 390px;
	height: 170px;
	margin-right: 20px;
	z-index: 2;
	/* ie6Win only stuff */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/splash-green.png');
	}
#splashGreen h1 {
	margin: 25px 0 0 25px;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	width: 355px;
	}
#splashGreen h2 {
	position: absolute;
	top: -6px;
	margin: 0 0 0 4px;
	font-weight: normal;
	line-height: 20px;
	font-size: 16px;
	font-style: italic;
	letter-spacing: 1px;
	color: #a2ff9e;
	width: 325px;
	}
#splashGreen p {
	margin: 5px 0 0 60px;
	font-size: 13px;
	color: #fff;
	width: 325px;
	line-height:18px;
	}
#splashAction {
	position: relative;
	bottom: -18px;
	margin: 0 0 0 55px;
	font-size: 18px;
	color: #fff;
	width: 325px;
	white-space: nowrap;
	}
#signUpBox {
	width: 170px;
	height: 26px;
	border: solid 1px #3a9b00;
	font-size: 16px;
	padding:4px 3px 0 3px;
	color: #999;
	vertical-align: middle;
	}
#signUpButton {
	width:36px;
	height:30px;
	vertical-align: bottom;
	margin-bottom:1px;
	}

/* Vertical sidebar UtahBar.org navigation */
#sideNav {
	float: right;
	width: 155px;
	margin: 0 0 4px 0;
	padding: 0;
	}

/* Mini Boxes on Homepage */
#column1 {
	float: left;
	}
#column2 {
	float: left;
	}
#column3 {
	float: left;
	}

.miniBox {
	position: relative; 
	width: 240px;
	padding: 0 12px 26Px 12px;
	margin: 0 6px 6px 0;
	}
.miniBox h1 {
	color: #fff;
	font-size: 16px !important;
	letter-spacing: 1px;
	padding: 20px 0;
	}
.miniBox h1 a{
	color: #fff !important;
	text-decoration: none !important;
	}
	
.miniBox h2 {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 2px;
	}
.miniBox a:hover h2{
	text-decoration: underline;
	}

.miniBoxFooter {
	position: absolute;
  bottom: 0;  /* -1px for IE6 */
  left: 0;
	width: 264px;
	height: 26px;
	background-image: url('images/minibox-footer.gif');
	background-position: bottom left;
	}
.miniBoxFooter div.seeMore {
	margin: 0 9px;
	border-top: solid 1px #2167c4;
	}
.miniBoxFooter div.seeMore a {
	float: right;
	height: 16px;
	padding-top: 5px;
	background: url('images/arrow-blue.gif') no-repeat left 4px;
	color: #2167c4 !important;
	padding-left:16px;
	white-space:nowrap;
	}
.miniBoxFooter div.seeMore a:hover {
	text-decoration:underline !important;
	}
.NoSeeMore {
	height: 4px !important;
	}

	
/* Upcoming Events minibox */
#miniBoxGreen {
	background-image: url('images/minibox-green.gif');
	}
	
#miniBoxGreen .event {
	display: block;
	margin-bottom: 5px;
	line-height: 14px;
}
#miniBoxGreen .date {
	float: left;
	width: 70px;
	color: #7d7d7d;
	font-size: 14px;
	margin-top: 2px;
}
#miniBoxGreen .title {
	float: left;
	width: 170px;
	margin-top:2px;
}
#miniBoxGreen p {
	margin: 0;
	padding: 0;
}
#miniBoxGreen em {
	color: #999;
}

/* About Us minibox */
#miniBoxTan {
	background-image: url('images/minibox-tan.gif');
	padding-bottom: 4px;
	}
#miniBoxTan h2 {
	color: #7e6c54;
	}
#miniBoxTan li {
	margin-left: 16px;
	padding-bottom:8px;
	list-style-image: url('images/bullet-tan.gif');
	}
#miniBoxTan a {
	color: #333;
	text-decoration: none;
	}
#miniBoxTan a:hover{
	text-decoration: underline;
	}
#miniBoxTan p {
	line-height: 16px;
	padding-bottom: 8px;
	}


/* Bench Books minibox */
#miniBoxOrange {
	background-image: url('images/minibox-orange.gif');
	}
#miniBoxOrange p {
	line-height: 15px;
	}
#miniBoxOrange a {
	color: #333;
	text-decoration: none;
	}

.judgeInfo
{
	padding-bottom: 6px;
	}
.judgePhoto
{
	float: left;
	position: relative;
	width: 48px;
	height: 48px;
	background: url('images/bg-transparency.gif') repeat;
	margin-right: 6px;
	font-size:1px;
	}
.judgePhoto img {
	width: 48px;
	height: 48px;
	}
	
/* Helpful Resources minibox */

#miniBoxBlue {
	background-image: url('images/minibox-blue.gif');
	}
#miniBoxBlue h2, #miniBoxBlue h2 a {
	color: #2367c5;
	padding-bottom: 2px;
	}
#miniBoxBlue p {
	line-height: 14px;
	}
#miniBoxBlue a {
	color: #333;
	text-decoration: none;
	}
#miniBoxBlue a:hover h2 {
	text-decoration: underline;
	}
#miniBoxBlue li {
	margin-left: 70px;
	padding: 0 0 3px 0;
	list-style-image: url('images/bullet-blue.gif');
	}

.linkList li a:hover {
	text-decoration: underline !important;
	}
.helpfulRes
{
	padding-bottom: 14px;
	}
.resImage
{
	float: left;
	position: relative;
	width: 48px;
	height: 48px;
	background: url('images/bg-transparency.gif') repeat;
	margin-right: 6px;
	font-size:1px;
	}
.resImage img {
	width: 48px;
	height: 48px;
	}


/* Masks */
.mask800x210 {
	float: left;
	background-image: url('images/mask-800x210.png');
	width: 800px;
	height: 210px;
	/* ie6Win only stuff */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/mask-800x210.png');
	}


.mask48x48
{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 48px;
	height: 48px;
	background: url(images/mask-48x48.png) no-repeat;
	/* ie6Win only stuff */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/mask-48x48.png');
	}


/* Footer */
	
#footer {
	background-color: #f8f8f0;
	width: 100%;
	height: 40px;
	margin-top: 12px;
	padding-top: 10px;
	color: #999;
	font-size: 11px;
	}
#footer p {
	line-height:16px;
	}
#footer a {
	color: #999;
	}
#footer div.wrapper {
	position: relative;
	margin: 0 auto;
	width: 965px;
	}
#footer p.links {
	float:left;
	}
#footer p.note {
	float:right;
	background:url('images/external-link.gif') no-repeat top left; 
	padding: 0 162px 0 20px;
}


/* Wide Content on SecondaryPageD (single box + right sidenav)*/
#wideColumn {
	float: left;
	width: 810px;
	}

.wideBox {
	position: relative; 
	width: 776px;
	padding: 60px 14px 26px 14px;
	margin: 0 6px 6px 0;
	line-height:normal;
	background: #fff url('images/widebox-middle.gif') repeat-y top left !important;
	}
.wideBoxHeader {
	position: absolute;
  top: 0;  /* -1px for IE6 */
  left: 0;
	width: 804px;
	height: 60px;
	background-position: top left;
	}
.wideBoxHeader h1 {
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 18px 16px;
	}

.wideBoxHeader.orange {
	background: #fff url('images/widebox-header-orange.gif') no-repeat left top;
	}
.wideBoxHeader.green {
	background: #fff url('images/widebox-header-green.gif') no-repeat left top;
	}

.wideBoxFooter {
	position: absolute;
  bottom: 0;  /* -1px for IE6 */
  left: 0;
	width: 804px;
	height: 26px;
	background-image: url('images/widebox-footer.gif');
	background-position: bottom left;
	}
.wideBox.orange a{
	color: #019916;
	}

.wideBox.orange p {
	margin-bottom: 10px;
	}
.wideBox.orange h2 {
	font-size: 18px;
	color: #019916;
	font-weight: normal;
	padding-bottom: 8px;
	}
.wideBox.orange ul li {
	margin-left: 16px;
	padding-bottom:8px;
	list-style-image: url('images/bullet-tan.gif');
	}
.wideBox.orange ol li {
	margin-left: 24px;
	padding-bottom:8px;
	list-style-type: decimal !important;
	}


/* widearea (like widebox but w/out the box) */

.wideArea {
	position: relative; 
	width: 794px;  /* 804px incl padding */
	padding: 54px 5px 26px 5px;
	margin: 0 6px 6px 0;
	_margin: 0 0 6px 0; /* IE6 Hack */
	line-height:normal;
	}
.wideAreaHeader {
	position: absolute;
  	top: 0;  /* -1px for IE6 */
  	left: 0;
	width: 804px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: top left;
	}
.wideAreaHeader h1 {
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	padding-top: 14px;
	padding-left: 16px;
	}
.wideAreaHeader.orange1 {
	background-image: url('images/widearea-header-orange.gif');
	}


/* Left Column on Secondary Pages */
#leftColumn {
	float: left;
	width: 210px;
	}

.leftBox {
	position: relative; 
	width: 180px;
	padding: 0 12px 6Px 12px;
	margin: 0 6px 6px 0;
	}
.leftBox h1 {
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 20px 0;
	}
.leftBox p {
	margin-bottom: 10px;
	}
.leftBox ul {
	margin: 8px 0 0 0;
	}
.leftBox li {
	margin-left: 0px;
	padding-bottom:10px;
	list-style-image: none;
	}
.leftBox a{
	color: #666;
	}
.leftBoxFooter {
	position: absolute;
    bottom: 0;  /* -1px for IE6 */
    left: 0;
	width: 204px;
	height: 6px;
	background-image: url('images/leftbox-footer.gif');
	background-position: bottom left;
	}
.leftBox.orange {
	background-image: url('images/leftbox-orange.gif');
	}
.leftBox.orange h2{
	font-size: 18px;
	color: #ff931a;
	font-weight: normal;
	}

.leftBox.blue {
	background-image: url('images/leftbox-blue.gif');
	}
.leftBox.blue h2{
	font-size: 18px;
	color: #ff931a;
	font-weight: normal;
	}



/* Main Column on Secondary Pages */
#mainColumn {
	float: left;
	width: 600px;
	}

.mainBox {
	position: relative; 
	width: 562px;
	padding: 52px 16px 26px 16px;
	margin: 0 6px 6px 0;
	_margin: 0 0px 6px 0;
	line-height:normal;
	background: #fff url('images/mainbox-middle.gif') repeat-y top left !important;
	}
.mainBoxHeader {
	position: absolute;
    top: 0;  /* -1px for IE6 */
    left: 0;
	width: 594px;
	height: 60px;
	background-position: top left;
	}
.mainBoxHeader h1 {
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 18px 16px;
	}

.mainBoxHeader.green {
	background: #fff url('images/mainbox-header-green.gif') no-repeat left top;
	}

.mainBoxFooter {
	position: absolute;
    bottom: 0;  /* -1px for IE6 */
    left: 0;
	width: 594px;
	height: 26px;
	background-image: url('images/mainbox-footer.gif');
	background-position: bottom left;
	}
.mainBox.green a{
	color: #019916;
	}

.mainBox p {
	padding: 15px 0 5px 0;
	}

.mainBox.green h2 {
	font-size: 18px;
	color: #019916;
	font-weight: normal;
	padding: 10px 0 4px 0;
	}
.mainBox.green ul li {
	margin-left: 16px;
	padding-bottom:8px;
	list-style-image: url('images/bullet-tan.gif');
	}
.mainBox ol li {
	margin-left: 24px;
	padding-bottom:8px;
	list-style-type: decimal !important;
	}
.mainBox blockquote {
	padding-left:13px;
	}


/* districts map */
#map {
	width: 378px;
	height: 487px;
	margin: 20px 0 30px 90px;
	} 

/* judge tables */
table.judges {
	width:554px;
	margin-left:5px;

	}
table.judges td {
	padding:5px;
	width:45%;
	border-bottom: solid #eee 1px;
	line-height: 18px;
	}

/* newsletter */
table.newsletters {
	width: 560px;
	text-align:left;
	margin-bottom: 10px;
}
table.newsletters td {
	width:10%;
}

/* committee */
table.committee {
	width: 560px;
	text-align:left;
	margin: 15px 0 20px 0;
}
table.committee td {
	width:50%;
	padding:5px 0;
}

/* Event Calendar Page */

#eventCal {
	border-bottom: solid 1px #eee;
	margin-bottom: 10px;
	background: #fff url('images/calendar-gradient.gif') repeat-y -10px top;
}

#eventCal .event {
	float: left;
	width: 564px;
	border-top: solid 1px #eee;
	white-space:wrap;
}
#eventCal .date {
	float: left;
	width: 87px;
	height: 39px;
	color: #7d7d7d !important;
	font-size: 16px;
	margin-top: 1px;
}
/*DON'T DELETE THIS .view CLASS. Added dynamically. */
#eventCal .view {
	background-image: url('images/view.gif');
	background-repeat: no-repeat;
	cursor: pointer;
}
#eventCal .title {
	float: left;
	margin-top:4px;
}
#eventCal p {
	margin: 0;
	padding: 0;
}
#eventCal em {
	color: #999;
}
#eventCal div.expandable {
	float: left;
	width: 480px;
	padding: 0 0 6px 80px;
	display: none;
	/*background: #fff url('images/zebra-stripe.gif') repeat-y 80px top;*/
}
#eventCal table {
	width:100%;
}
#eventCal td {
	vertical-align:top;
	padding: 0 4px 4px 4px;
}

#eventCal td:first-child {
	color:#266bc7;
	white-space: nowrap;
	width: 10%;
	text-align: right;
}

#eventCal td strong {
	display: block;
	text-align: left;
}



/* Helpful Resources Boxes */

.resourceBox {
	position:relative;
	width: 792px;
	height: 179px;
	background: #fff url('images/resources-bg-right.gif') no-repeat top right;
	margin: 0 8px 8px 0;
}
.resourceBox .orange {
	float: left;
	width: 380px;
	height: 179px;
	background: #fff url('images/resources-bg-left-orange.jpg') no-repeat top left;
}
.resourceBox .white {
	float: left;
	width: 380px;
	height: 179px;
	background: #fff url('images/resources-bg-left-white.jpg') no-repeat top left;
}
.resourceBox .blue {
	float: left;
	width: 380px;
	height: 179px;
	background: #fff url('images/resources-bg-left-blue.jpg') no-repeat top left;
}
.resourceBox .green {
	float: left;
	width: 380px;
	height: 179px;
	background: #fff url('images/resources-bg-left-green.jpg') no-repeat top left;
}

.resourceBox h1 {
	margin: 11px 0 0 72px;
	font-size: 23px;
	font-weight: normal;
	color: #fff;
	width: 300px;
	}
.resourceBox p {
	margin: 4px 0 0 98px;
	font-size: 13px;
	color: #fff;
	width: 260px;
	line-height:18px;
	}
.resourceBox span, .resourceBoxAlt span {
	position: absolute;
	bottom: 37px;
	right: 39px;
	font-size: 14px;
	font-weight: bold;
	color: #fff !important;
	}
.resourceBoxAlt span{
	color: #333 !important;
	}
.resourceBoxAlt h1 {
	margin: 11px 0 0 142px;
	font-size: 23px;
	font-weight: normal;
	color: #555;
	width: 235px;
	}
.resourceBoxAlt p {
	margin: 4px 0 0 155px;
	font-size: 13px;
	color: #333;
	width: 205px;
	line-height:18px;
	}

.resourceBox .column1 {
	float: left;
	margin: 15px 0 0 5px;
	width: 185px;
}
.resourceBox .column2 {
	float: left;
	margin: 15px 0 0 20px;
	width: 185px;
}
.resourceBox h2 {
	font-size: 13px;
	padding-bottom: 5px;
	color: #666;
}
.resourceBox ul li {
	margin-left: 5px;
	padding: 0 0 3px 0;
}
.resourceBox ul a {
	color: #333;
	text-decoration: none;
}
.resourceBox ul a:hover {
	text-decoration: underline;
}


/* Legal Support Services */
img.leftColumnAd  {
	display: block;
	margin: 2px 0 12px 16px;
}
img.bannerAd {
	display: block;
	margin: 0 0 12px 26px;
}
.textAd a {
	font-size: 15px !important;
	color: #019916 !important;
	font-weight: normal !important;
	margin-left: 26px;
}
.textAd p {
	padding: 0 0 12px 0;
	font-size: 12px !important;
	color: #333 !important;
	font-weight: normal !important;
	margin-left: 30px;
}
.textAd p a {
	font-size: 12px !important;
	margin-left:0px;
}

/* Law Review Articles */
div.article {
	width: 562px;
	padding: 10px 0;
	margin-top: 5px;
	border-top: solid 1px #ccc;
	}
div.articleTitle {
	float: left;
	width: 370px;
	font-style: italic;
	padding-right:20px;
	}
div.articleAuthor {
	float:right;
	width: 150px;
	}
	
/* Search Results */
#siteSearch {
	width: 160px;
	height: 24px;
	border: solid 1px #bbb;
	font-size: 16px;
	color: #999;
}
div.gs-result           { margin-top: 18px;}
div.gs-title            { font-size: 14px; padding-bottom:2px;}
div.gs-snippet          { padding-bottom:2px;}
div.gs-visibleUrl       { color: #999; font-style:italic;}
div.gs-visibleUrl-short { display: none;}
div.gs-watermark        { display: none; }
div.gsc-back            { display: none;}
table.gsc-branding      { margin-top:20px; }
td.gsc-branding-text    { color: gray; }