/* Styles for the Minnesota Judicial Branch Public Web Site
   questions? email: darrel.austin@courts.state.mn.us

   Table of contents:
     Section 1          Default  
     Section 2          Toolbar 
     Section 3          Navigation Column
     Section 4          Content Column
	                       - Sidebar Column
     Section 5          Site Footer
     Section 6          Topic Path Navigation
	 Section 7 			Page specific items
     Section 8 			Individual Items (tables, etc.)     
*/

/* =============================================================
   SECTION 1 
   default 
   ============================================================= */

body, td, ul, ol, li {
	font-family: Garamond, Georgia, serif;
	font-size: 100%;
}

/* this is needed because VS.NET wants to wrap everything in a form */
body>form {
	padding: 0px;
	margin: 0px;
	}

img {
	border: 0;
	}

body {
	/* background-image: url(assets/background2.gif); */
	background-color: #3E5688; /* #369; */
	padding: 0px 3% 0px 3%;
	margin: 0px;
	}
	
p, li, dt, dd, blockquote {
	line-height: 150%
	}
	
a {
	color: #369;
	}

#leftShadow {
	background-image: url(assets/background_left_shadow2.gif);
	background-position: left top;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	background-repeat: repeat-y;
	width: 100%;
	}

html>body #leftShadow {
	/* over-ride IE's 100% width for correct width in Moz and Opera */
	width: 97%;
	}

#rightShadow {
	background-image: url(assets/background_right_shadow2.gif);
	background-position: right top;
	padding: 0px 10px 0px 0px;
	background-repeat: repeat-y;
	margin: 0px;
	width: 100%;
	}
	
h1 {
	color: #369;
	font-size: 200%;
	font-weight: bold;
	font-family: Garamond, Georgia, serif;
	text-transform: uppercase;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 2px 0px;
	line-height: 100%;
	}
	
h2 {
	color: #369;
	font-size: 120%;
	font-weight: bold;
	font-family: Garamond, Georgia, serif;
	margin: 0px 0px 2px 0px;
	padding: 3px 0px;
	line-height: 100%;
	}	

h3 {
	color: #369;
	font-size: 110%;
	font-weight: bold;
	font-family: Garamond, Georgia, serif;
	margin: 0px 0px 2px 0px;
	padding: 2px 0px;
	line-height: 100%;
	}	

/* =============================================================
   SECTION 2 
   toolbar 
   ============================================================= */

	
#siteToolBar {
	background: #ddd;
	padding: 3px;
	font-size: 10px;
	}
	
#siteToolBar a {
	color: #000;
	}
	


.textfield {
	border-top: 1px solid #666;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #666; 
	height: 18px;
	}

.outsideBevel {
	padding: 0px;	
	border-top: 1px solid #999;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #999;
	}

html>body .outsideBevel {
	/* to let NN and Opera see correct padding */
	padding: 1px 0px 1px 0px;
	}
	
.outsideBevel a {
	padding: 0px 4px 0px 3px;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
	}

.searchButton {
	background: #ddd;
	border-top: 1px solid #fff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #fff; 
	height: 18px;
	font-size: 10px;
	font-family: verdana;
	}
	
.powersearch {
	padding: 0px 0px 3px 18px;
	background: url(assets/icon_powersearch.gif) no-repeat 0px 0px;
	}
	

	
.siteMap {	
	padding: 0px 0px 3px 18px;
	background: url(assets/icon_sitemap.gif) no-repeat 0px 0px;
	}
	

	
.accessibilityLink {	
	padding: 0px 0px 3px 18px;
	background: url(assets/icon_accessibility.gif) no-repeat 0px 0px;
	}
	
#siteToolBar a:hover{
	background-color: #ccc;
	}
	
span.textSizer {
	white-space: nowrap;
	}	
	
/* =============================================================
   SECTION 3 
   navigation column
   ============================================================= 
   
   THIS SECTION HAS BEEN MOVED INTO IT'S OWN STYLE SHEETS
   - sitestyle_mainNavColumn.css = main navigation
   - sitestyle_subSiteNavColumn.css = subSite navigation
  
   */


	
	
/* =============================================================
   SECTION 4 
   Content Column
   ============================================================= */

.td test {
	background-image: url(index_files/topbanner.jpg);
	background-position: right top;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-repeat: repeat-y;
	width: 100%; }
	
td#contentColumn {
	background: #f7f7f7; 
	padding: 15px;
	background-image: url(assets/content_column_topshadow.gif);
	background-position: left top;
	background-repeat: repeat-x;
	width: 100%;
	}
	
/* the following is to fix IE/Mac's inability to float items properly in a TD 
   this is the TAN hack (http://www.l-c-n.com/IE5tests/hiding/index.shtml) 
   and can only be seen by IE5/Mac */
*>html #contentColumn {
		position: relative; /* needed to allow #sidebarColumn to be positioned relatively */
		}
			
#mainColumn {
	/* float: left; */
	}
	
#sidebarColumn {
	float: right;
	width: 30%; 
	border-left: 1px solid #999;
	padding: 0px 0px 0px 10px;
	background: #efefef;
	}
	
/* the following is to clear the float for IE/5-Mac */   
.ieColumnFloatClearFix { /* for all browsers */
	display: none; 
	}
*>html .ieColumnFloatClearFix { /* only IE/5 Mac */
	display: block;
	clear: both;
	}
	
.photoCaption {
	color: #000;
	font-style: italic;
	}

h1.home {
	color: #369;
	font-size: 120%;
	font-weight: bold;
	font-family: Garamond, Georgia, serif;
	text-transform: uppercase;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 2px 0px;
	}
	
.newPosting {
	margin: 5px 0 10px 16px;
	}
	
.newPostingCategory {
	font-size: 85%;
	color: #666;
	text-transform: uppercase;
	margin-left: -16px;
	background: inherit;
	}

	
.newPostingCategory .notice {
	padding: 2px 0 2px 16px;
	background: url(assets/icon_publicnotice.gif) no-repeat -2px 0px;
	}
	
.newPostingCategory .news {
	padding: 2px 0 2px 16px;
	background: url(assets/icon_news.gif) no-repeat -2px 0px;
	}
	
.newPostingCategory .speech {
	padding: 2px 0 2px 16px;
	background: url(assets/icon_speech.gif) no-repeat -1px 0px;
	}	
	
.newPostingCategory .report {
	padding: 2px 0 2px 16px;
	background: url(assets/icon_report.gif) no-repeat -2px 0px;
	}		

.newPostingDate {
	font-size: 85%;
	color: #666;
	background: inherit;
	}


/*========================== Sidebar Column ================================ */


#sidebarColumn p {
	line-height: normal;
	}

#sidebarColumn h2 {
	color: #369;
	font-size: 120%;
	font-weight: bold;
	font-family: Garamond, Georgia, serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	}

.quickLinks {
	border-bottom: 1px solid #999;
	padding-bottom: 8px;
	}

.quickLinks p {
	font-style: italic;
	margin: 0;
	}

.quickLinks ul {
	/* Tell NS4 to ignore these styles.... */
	/*/*/
	margin: 0px;
	padding: 0px;
	/* Okay, we can let NS4 see the rest.... */
	list-style: none;
	width: 100%;
	}

.quickLinks ul li {
	padding: 3px 5px 3px 18px;
	width: 100%;
	color: #000;
	background: url(assets/navarrow_blue.gif) no-repeat 2px 2px;
	}

html>body .quickLinks ul li {
	/* let NN and Opera see proper width setting */
	 width: auto; 
	}

.quickLinks ul li a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	}

.quickLinks ul li a:hover {
	text-decoration: underline;
	color: #369;
	background-image: none;
	background: none;
	}
	
.sidebarFeature {
	border-bottom: 1px dotted #999;
	margin: 0px 0px 4px 0px;
	}
	
.sidebarFeature p {
	margin: 5px 0px 10px 0px;
	}
	
.sidebarFeature a {
	font-size: 80%;
	}
	
/* meet your judge */

#sidebarColumn a img {
	border: 0;
	}	
	
/* page tools */

dl#pageTools {
	margin: 3px 3px 3px 0;
	border-top: 1px dashed #999;
	padding: 5px 0;
	}

dl#pageTools dt {
	display: none;
	}
	
dl#relatedLinks dt {
	font-weight: bold;
	color: #369;
	}
	
dl#pageTools dd, dl#relatedLinks dd {
	margin: 0;
	padding: 2px 0px 1px 16px;
	}	

dl#pageTools dd.printerFriendly {
	background: url(assets/icon_printerfriendly.gif)  no-repeat -2px -1px;
	}		
	
dl#pageTools dd a, dl#relatedLinks dd a {
	color: #555;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	}		

dl#relatedLinks dd {
	background: url(assets/icon_linkArrowRight.gif)  no-repeat -2px -2px;
	}
	
dl#relatedLinks dd.popUpLink {
	background: url(assets/icon_popUpLink.gif)  no-repeat -2px -1px;
	}
	
dl#pageTools dd a:hover, dl#relatedLinks dd a:hover {
	color: #630;
	text-decoration: none;
	border-bottom: 1px solid #630;
	}			

/* =============================================================
   SECTION 5 
   site footer
   ============================================================= */

#siteFooter {
	padding: 5px;
	background: #666;
	background-image: url(assets/shadow_footer.gif);
	background-position: left top;
	background-repeat: repeat-x;
	color: #fff;	
	}

#siteFooter a {
	color: #fff;
	}
	
/* =============================================================
   SECTION 6 
   topic path navigation
   ============================================================= */	
   
ul.topicPathNav  {
	padding: 0 0 5px 0; 
	margin: 0px;
	list-style: none;
	} 

ul.topicPathNav li  {
	display: inline;
	background: url(assets/navarrow_topicPathDivider.gif) right center no-repeat;
	} 	
ul.topicPathNav li a  {
	display: inline;
	padding-right: 15px;
	text-decoration: none;
	} 	
	
ul.topicPathNav li a:hover {
	text-decoration: underline;
	} 		
	
		
/* =============================================================
   SECTION 7
   Page Specific Items
   ============================================================= */	
   
/* home page */   
h1.home {
	font-size: 120%;
	}   

td#contentColumnHome {
	background: #f7f7f7; 
	padding: 15px;
	background-image: url(assets/content_column_topshadow.gif);
	background-position: left top;
	background-repeat: repeat-x;
	width: 100%;
	}
	
/* the following is to fix IE/Mac's inability to float items properly in a TD 
   this is the TAN hack (http://www.l-c-n.com/IE5tests/hiding/index.shtml) 
   and can only be seen by IE5/Mac */
*>html #contentColumnHome {
		position: relative; /* needed to allow #sidebarColumn to be positioned relatively */
		}
			
#contentColumnHome #mainColumn {
	float: left;
	width: 65%;
	}
	
#contentColumnHome #sidebarColumn {
	float: right;
	width: 30%; 
	border-left: 1px solid #999;
	padding: 0px 0px 0px 10px;
	background: #efefef;
	}
	
/* the following is to clear the float for IE/5-Mac */   
.ieColumnFloatClearFix { /* for all browsers */
	display: none; 
	}
*>html .ieColumnFloatClearFix { /* only IE/5 Mac */
	display: block;
	clear: both;
	}



	
/* =============================================================
   SECTION 8
   Individual Items
   ============================================================= */	

.topheaderback {
								background-color:#000000;
								background-image: url(../index_files/topbannerback2.gif);
								background-position: right;
								background-repeat: no-repeat;
    						}
.objectTable {
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	}

.objectTable td {
	padding: 6px 3px;
	border-bottom: 1px solid #ccc;
	}	

table.navigationWidget {
	margin-bottom: 15px;
	}

table.navigationWidget td.widgetTabs {
	margin: 0px;
	padding: 0 0 8px 0;
	}
	
table.navigationWidget td.widgetTabs span.on {
	border-bottom: 6px solid #666;
	margin: 0 5px 8px 5px;
	padding-bottom: 2px;
	}	
	
table.navigationWidget td.widgetTabs a {
	margin: 0 5px 4px 5px;
	padding-bottom: 2px;
	}		
	
table.navigationWidget td.widgetNav {
	border: 1px solid #333; 
	background: #ccc; 
	padding: 6px;
	}

span.widgetNavLabel {
	color: #777;
	border: 0px;
	margin: 0px;
	}
	
div.contentFooterNavigation	{
	border-top: 1px dotted #666; 
	margin-top: 10px; 
	padding-top: 10px;
	}
	
p.pageOverview {
	padding-bottom: 10px;
	border-bottom: 1px dashed #999;
	}
	
#siteMap ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 20px;
	}
	
#siteMap li {
	padding: .3em 0;
	}	
	
#siteMap a {
	text-decoration: none;
	background-image: none;
	border-bottom: 1px solid #ccf;
	}	
	
#siteMap a:hover {
	text-decoration: underline;
	background-image: none;
	border-bottom: none;
	}		
	
.pleaseNote {
	background-color: #ffc;
	border: 1px solid #666;
	padding: 5px;
	margin: 5px;
	display: block;
	width: 200px;
	}

.subPagingNavigationWrapper {
	padding: 5px 0px;
	margin: 5px 0px;
	border-top: 1px solid #999;
	}
	
.subPagingNavigationBlock {
	padding: 5px 0px;
	margin: 5px 0px;
	border-top: 1px dashed #999;
	line-height: 160%;
	}	
	
.alphaPaging {
	color: #aaa;
	}
	
.alphaPaging a {
	padding: 0px 0px;
	}
	
/* for FAQ lists or any link that jumps down the page */	
ul.anchorlinks { 
	list-style: url(/assets/icon_anchorlink.gif);
	}

ul.anchorlinks li { 
	padding: 3px 0;
	margin: 
	}