body{margin:0;background: #ffffff;color:#000000}
form{margin:0;padding:0;}
body,td,th,input,select,textarea {font-family: Arial, Helvetica, sans-serif;font-size:13px;}

a, a:visited{color:#0c5590; text-decoration: underline;}
a:hover {text-decoration: none;color:#0c5590;}


p{margin:0 0 10px 0;}
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-table;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ 

h1 {background:#dbe5f6;font-weight:bold;font-size:19px;color:#4e678f;padding:5px 10px;border-bottom:1px solid #4e678f;margin:0 0 15px 0}
h1.ttctitle {background:#dbe5f6;font-weight:bold;font-size:17px;color:#4e678f;padding:5px 10px;border-bottom:1px solid #4e678f;margin:0 0 15px 0}

h2{color:#4e678f;font-size:16px;font-weight:bold;margin:0 0 5px 0;background:none;border:none;padding:0}

.imgleft {float: left; margin: 0 10px 0 0;}
.imgright {float: right; margin: 0 0 0 10px;}

blockquote {margin: 0 0 10px 15px; font-family: Arial, Helvetica, sans-serif;font-size:13px; font-style: normal;}

.skiptocontent{display:none;}

.layout{}

.header{background: url(/SLO/graphics/header-bg.gif) bottom left repeat-x}
	ul.toolbar{margin:0;padding:5px 0;background:#437cac;color:#ffffff;width:100%;border-bottom:2px solid #cc6600}
	ul.toolbar li{display:block;float:left;width:18.5%}
	ul.toolbar li.narrow, ul.toolbar li.last {width:14.5%}
	ul.toolbar li a, ul.toolbar li a:visited{display:block;float:left;background: url(/SLO/graphics/divider-white.gif) right no-repeat;color:#ffffff !Important;text-decoration:none !Important;text-align:center;width:100%}
	ul.toolbar li a:hover{color:#ffa500 !Important;text-decoration:underline !Important;}
	ul.toolbar li.last a, ul.toolbar li.last a:visited{background:none !important;}

	.header h1.logo{margin:0;float:left; padding: 0; background: transparent; border: 0;}
		h1.logo a{display:block;text-indent:-2000px;background: url(/SLO/graphics/logo.gif) top left no-repeat;width:449px;height:52px;text-decoration:none;}

	.date{float:right;width:160px;padding:18px 0 0 0;color:#4e678f}

	.headerphoto{float:right;margin:0 0 0 20px;}

	.search{background:#cc6600;padding:2px 3px;text-align:right;color:#ffffff;}
		.search .textfield{width:80px;font-size:10px;vertical-align:middle;}
		.search .searchbutton{font-size:10px;background:#f3c18f;border-left:1px solid #ffffff;border-top:1px solid #ffffff;border-right:1px solid #000000;border-bottom:1px solid #000000;vertical-align:middle;}
	

.contentarea{border-bottom:2px solid #cc6600;width:100%}


.containerleft{}

		#depttitle{margin:0 0 20px 0;font-size:12px;}
		#depttitle strong{color:#4e678f;font-size:14px}
		#depttitle em{font-size:10px;color:gray}
	
		#childlinks ul{margin:10px 0 10px 0;padding:0;font-size:13px}
		#childlinks ul li{list-style-image: url(/SLO/graphics/bullet.gif);margin:0 0 5px 15px;}

		#highlights p{font-size:10px;clear:left;padding:0 0 15px 0}
		#highlights p img{float:left;margin:0 5px 0 0;}
		#highlights p a{display:block;font-size:11px}

		#onlineservices{margin:20px 0 5px 0}
		#onlineservices h2{color:#cc6600;font-size:18px;font-weight:bold;margin:0 0 4px 0;padding:0;background:none;border:none}
		#onlineservices .select{width:140px;vertical-align:middle;}
		#onlineservices .gobutton{padding:1px 2px;font-size:13px;background:#f3c18f;border-left:1px solid #ffffff;border-top:1px solid #ffffff;border-right:1px solid #000000;border-bottom:1px solid #000000;vertical-align:middle;}

.pageletcolumn{width:150px;float:right;padding:10px 0 15px 20px; background:#ffffff}
	#quicklinks{margin:0 0 25px 0;}
	#quicklinks h2{color:#cc6600;font-size:16px;font-weight:bold;margin:0 0 5px 0;background:none;border:none;padding:0}
	#quicklinks ul{margin:0;padding:0;font-size:10px}
	#quicklinks ul li{margin:0 0 2px 17px;list-style:square}

	#relatedagencies{margin:0 0 25px 0;}
	#relatedagencies h2{color:#cc6600;font-size:16px;font-weight:bold;margin:0 0 5px 0;background:none;border:none;padding:0}
	#relatedagencies ul{margin:0;padding:0;font-size:10px}
	#relatedagencies ul li{margin:0 0 2px 17px;list-style:square}


.footer{background:#dbe5f6;font-size:10px;padding:5px 0}
	.footer p.left{float:left;width:49%;margin:0;text-align:center;border-right:2px solid #ffffff}
	.footer p.right{float:left;width:50%;margin:0;text-align:center;}
	

.homepage .contentarea{background: url(/SLO/graphics/layoutbg-leftcolumn.gif) top left repeat-y;}
	.homepage .containerleft{float:left;width:280px;}
	.homepage .containerleft .column{padding:8px 10px}
	.homepage .containerright{width:100%;float:right;margin:0 0 0 -280px}
	.homepage .containerright .column{float:left;line-height:1.4em;margin:0 0 0 280px;display:inline; padding:12px 15px}
	.homepage .containerright .column h2{background:#dbe5f6;font-weight:bold;font-size:17px;color:#4e678f;padding:4px 6px;border-bottom:1px solid #4e678f;margin:10px 0 10px 0}

.subpage .contentarea{background: url(/SLO/graphics/layoutbg-leftcolumnsub.gif) top left repeat-y;}
	.subpage .containerleft{float:left;width: 200px;}
	.subpage .containerleft .column{padding:8px 10px}
	.subpage .containerright{width:100%;float:right;margin:0 0 0 -200px}
	.subpage .containerright .column{float:left;line-height:1.4em; margin:0 0 0 200px; display:inline; padding:12px 15px}
	
	.childlinks ul {margin:10px 0 10px 0;padding:0; font-size:85%}
	.childlinks ul li{list-style-image: url(/SLO/graphics/bullet.gif);margin:0 0 0 15px;}
	.childlinks ul li span {display: block}

.subpage.onecolumn .contentarea{background:none;}
	.subpage.onecolumn .contentarea .column{padding:10px 15px;line-height:1.4em;}

.subpage{}
	.path{font-size:11px;margin:0 0 8px 0;}
	
	
	.printlink {text-align: right; font-size: 11px; font-weight: normal; display: block; padding: 0 10px 0 20px; margin-top: -10px; }
	
	