/*.................................   KEY / HELP   .................................
Color Scheme:
	Dark Blue:#0D3D63
	Medium Blue:#135C98
	Light Blue:#1872C0
	Light Light Blue:#8FC5EB (blue link on blue text)
	Dark Red:#8E041C
	Light Red:#C60200
	Light Gray:#EDEDED (Background)
	Dark Gray:#D6D7D8 (Page Background)
	Borders:#D9DADB

Padding Order:
	Top, Right, Bottom, Left;
	
Menu Layout:
	MenuUL > MenuLI (Visible Menu Items - 'Court of Appeals', 'Superior Court'...)
		DropRight\DropCenter\DropLeft
			DropHeader\DropOdd\DropEven\DropFooter
				CategoryUL > CategoryLI (Headers - 'How do I...', 'Featured Topics')
					ComponentUL > ComponentLI (Fat links\Inner\Component Pages) 
					OLSComponentUL > ComponentLI (Online Services Fat links) 
						GroupUL > GroupLI (Skinny links\innerInner)
				

/*.................................   page   .................................*/

*{	/*Sets all margins and padding to 0 as a default to avoid inherited values*/
	padding:0px; 
	margin:0px;
	border:none;
	background:none;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#333333;
	z-index:0;
	} 
.pageBG{	
	background:#D6D7D8;	
	z-index:0;
	}
/*.................................   header   .................................*/
.header{
	background:url(../images/bg-header.jpg);
	background-repeat:no-repeat;
	position:relative;
	z-index:4001;
	width:1008px; /* total width = 1022 when adding the border in */
	margin:auto;  /* auto left and auto right to center content */
	border-style:solid;
	border-color:#FFFFFF;
	border-width:7px;
	border-top:none;
	}
.logo{
	display:block;
	margin:0px 0px 10px 42px;
	width:508px;
	height:115px;
	overflow:hidden;
	position:relative;
	background:url(../images/logo.png);
	background-repeat:no-repeat;
	}
.logo a, .logo a:hover{
	display:block;
	height:100%;
	outline:none;
	cursor:pointer;
	text-decoration:none;
	}
/*Organization Based Menu*/
.orgMenuUL{	
	left:750px;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:87px;
	width:940px;
	z-index:4001;
	}
.orgMenuLI{	
	background:url(../images/orgTab.gif);	
	display:block;
	float:left;
	font-size:17px;
	font-weight:normal;
	height:30px;
	margin-right:7px;
	padding: 8px 10px 0px 10px;
	position:relative;
	text-align:center;
	width:153px;
	}
.orgMenuLI:hover{	
	background-position:0 -39px; /*adjusts image up to give appearance of color change - does this work in netscape?*/
	}
.orgMenuLI a{	
	text-decoration:none;
	color:#0D3D63;
	}

.redLine{
	background:#C60200;
	height:7px;
	position:relative;
	z-index:2000;
	}
/*.................................   all pages / generic   .................................*/
.body{
	background-color:#EDEDED;
	position:relative;
	width:1008px; /* 1022 with the border*/
	margin:auto;
	border-left:solid;
	border-right:solid;
	border-top:none;
	border-bottom:solid;
	border-width:7px;
	border-color:#FFFFFF;
	overflow:hidden;
	padding:0px;
	color:
	}
.body a{
	color:#1872C0;
	}
.breadcrumbs{
	overflow:hidden; 
	width:1008px;
	padding:0px 0px 7px 0px; /*padding above and below the breadcrumb line*/
	color:#000000;
	border-bottom:1px solid #D9DADB;
	font-size:12px;	
	background:#FFFFFF;
	position:relative;
	float:left;
	}
.breadcrumbs a{
	color:#135C98;
	text-decoration:none;
	}
.breadcrumbs ul{
	float:left;
	list-style:none;
	overflow:hidden;
	}
.breadcrumbs li{
	float:left;
	margin:0px 5px 0px -5px; /*spacing between items, neg 5 hides the slash that preceeds home*/
	background:url(../images/separator.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding:0px 5px 0px 10px;
	}
.glossary a, .glossary a:hover{
	border-bottom:1px dotted; 
	}
.contentRed{
	font-family:Times New Roman, Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#8E041C;
	margin:7px 0 7px 0;
	font-size:15px;
	}
.contentH1{
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:bold;
	color:#0D3D63;
	font-size:23px;
	padding:7px 0 5px 0;
	}
.contentH2{
	font-family:Georgia, Times New Roman, Times, serif;
	color:#0D3D63;
	font-size:17px;
	padding:7px 0 5px 0;	
	}
.sideBar{
	background:#F7F8F8;
	width:220px;
	border-style:solid;
	border-width:7px 0px 7px 7px; /*Should match borders for leftNav and content*/
	border-color:#FFFFFF;
	position:relative;
	float:right;
	}
.sideBarH2{
	margin:0 0 10px 0;
	padding:11px 0px 11px 0px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:21px;
	text-align:center;
	color:#01375a;
	background:#E5E5DF;
	position:relative;
	float:left;
	width:100%;
	}	
.sideBarLinksUL{
	background:#F7F8F8;
	width:220px;
	color:#4d4d4f;
	list-style:none;
	overflow:hidden;
	}
.sideBarLinksLI{
	border-top-width:1px;
	border-top-style:solid;
	border-color:#8FC5EB;
	margin:-1px 0 1px;
	padding:7px 7px 7px 7px;
	}
.sideBarLinksLI a{
	text-decoration:none;
	color:#1872C0;
	}

.loginUL{
	list-style:none;
	display:block;
	float:left;
	background:#F7F8F8;
	position:relative;
	width:100%;
	margin:7px 0px 7px 0px;
	padding:0px;
	}
.loginLI{
	font-size:12px;
	margin:0px;
	padding:0px;
	height:25px;
	vertical-align:middle;
	}
.loginLI input, .appWrap input{
	}
.appFieldDescription{
	font-family:Calibri,Arial, Helvetica, sans-serif;
	font-size:11px;
	width:60px;
	display:block;
	float: left;
	position:relative;
	margin:5px 3px 0px 3px;
	text-align:right;				
	}
.appSelect{
	background:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#777777;
	margin:0px 2px 2px 2px;
	width:131px;
	padding:0 0 0 0;
	height:22px;
	}
.appInput{
	background:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#777777;
	margin:0 2px 0 2px;
	width:125px;
	padding:2px;
	}
.appButton{
	background:#999999;
	border-style:solid;
	border-width:1px;
	border-color:#777777;
	color:#ffffff;	
	width:76px;
	height: 20px;
	margin:0px 0px 0px 68px;		
	padding:0px;	
	}
				.appComments{
				background:#FFFFFF;
				border-width:1px;
				border-style:solid;
				border-color:#777777;
				width:500px;
				}
				.appWrap{
				width:100%;
				float:left;
				position:relative;
				margin:20px 7px 20px 7px;
				}
			
	
/*.................................   application page  .................................*/
.appContent{
	float:left;
	width:771px; 
	background:#EDEDED;
	padding:0px 5px 0 5px;
	border-style:solid;
	border-width:7px 0px 0px 0px; /*Should match borders for leftNav and content*/
	border-color:#FFFFFF;
min-height:495px;}
.appContentMedium{
	float:left;
	width:570px; 
	background:#EDEDED;
	padding:0px 7px 0px 7px;
	margin:0px;
	border-style:solid;
	border-width:7px 0px 0px 0px; 
	border-color:#FFFFFF;
	min-height:495px;
	}
	/* MESSAGE BOX OPTIONS */
	
	.leftNav{
	width:190px; 
	float:left;
	border-style:solid;
	border-width:7px 7px 7px 0px; /*Should match borders for leftNav and content*/
	border-color:#FFFFFF;	
	background:url(../images/leftNav.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#135C98;	
	}
.leftNav a:link, .leftNav a:visited{
	color:#ffffff;
	font-size:16px;  /*SHOULD MATCH SIDEBAR */
	line-height:24px;  /*SHOULD MATCH SIDEBAR */
	text-decoration:none;
	display:block;
	padding:0 0 0 7px; /*LEFT PADDING SHOULD MATCH SIDEBAR */	
	}
.leftNav a:hover, .leftNav a.selected{
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	background-color:#0D3D63;
	display:block;
	}
.leftNav ul{
	list-style:none;
	margin:0;
	min-height:150px;
	padding:7px 0px 7px 0px;
	min-height:190px;
	}
.whatsNew{
	position:absolute;
	left:0px;
	-moz-box-shadow: 5px 5px 5px #C60200;
	-webkit-box-shadow: 5px 5px 5px #C60200;
	box-shadow: 5px 5px 5px #C60200;	
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#C60200')";/* For IE 8 */	
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#C60200');/* For IE 5.5 - 7 */
	}
.whatsNewUL{
	color:#8E041C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	}
.whatsNewLI{
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	
	/* INFORMATION, SUCCESS, WARNING, ERROR */
	
	.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
width:75%;}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}