/* 	Color usage:
		orange: c67b49;
		blue text: 41779C;
		nav background (light blue): E8EDF2;
	font-family: Georgia, "Times New Roman", Times, serif;
*/
html {
	height: 100%;
	cursor: default; /* improves visual focus of mouse in all browsers */
	overflow-y: scroll; /* corrects page centering in all browsers regardless of content height */
	font-size: 12px; /* THIS SHOULD BE THE ONLY PLACE WE DECLARE ANYTHING IN PX!!! ...except for certain borders */
	background-color: #b0b0b0;
  	margin-left:auto;
	margin-right:auto;
}
body {
 	min-width: 600px;
 	min-height: 500px;
 	max-width: 1130px;
 	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5;
 	padding: 15px 20px 20px 20px;
 	text-rendering: optimizeLegibility;
	background-color: white;
	border:2px solid white;
	border-radius:20px;
 	box-shadow: 10px 10px 10px #606060;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
}
h1,h2,h3 {
	color: #c67b49;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
}
h1 {
	font-size: 130%;
	color:  #b86cae;
	margin-bottom: 20px;
}
h2 {
	font-size: 120%;
}
h3 {
	font-size: 100%;
}

h1 .sub-nav {
	font-size: 80%;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
}
h1 .right {
	float: right;
	color: #606060;
	font-size: 80%;
	margin-top: -4px;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-weight: normal;
}
h1 .h1subline {
	/*
	color: #404040;
	font-size:12px;
	padding-top: 3px;
	*/
	float: right;
}

h1 .subTitle {
	color: #808080;
	font-size:12px;
	float: right;
	padding-top: 3px;
}
h1.home a:hover {
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
}
h1.home a:link, h1.home a:visited {
	text-decoration: none;
	color: #41779C;
}
h1.home {
	font-size: 135%;
	border-bottom-style: none;
	border-bottom-width: 2px;
	margin-bottom: 10px;
	color: #41779C;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

p.clear, br.clear, div.clear {
	clear:both;
}
p.spacerBelow {
	padding-bottom: 20px;
}
p.spacerAbove {
	padding-top: 20px;
}
p.grid-intro {
	font-size: 110%;
	margin-bottom: 15px;
}
p.grid-intro.bold {
	font-weight: bolder;
}
br {
	margin-bottom: 2px;
}
br.spacerBelow {
	margin-bottom: 12px;
}

/* Semantic Elements */
header {
	margin: 0px 15px 10px 15px;
	z-index: -1;
}
header .top-heading {
	color: #a7489b;
	font-family: 'Open Sans', sans-serif;
	opacity: 0.8;	
}
header #leftContent {
	float: left;
}
header #rightContent {
	color: #909090;
	float: right;
	font-size: 220%;
	margin-top: 0px;
	font-weight: bold;
	text-align: right;
}
header #rightContent .login-info {
	font-size: 50%;
	margin-top: 20px;
	margin-bottom: 12px;
	font-weight: normal;
}

#outerContainer {
	border: 1px solid #d0d0d0;
 	margin: 30px auto 0px auto;
 	padding:20px 15px 0px 15px;
	background-color: #fbf9f7;
	min-height: 100px;
	overflow: auto;
	border-radius: 8px;
	max-width:  900px;	
	min-width:  885px;
}
#outerContainer.jqGrid {
	border:  none;
	background-color: initial;
	padding:  20px 0px 20px 20px;
	margin:  0px;
	max-width:  unset;
	min-height:  unset;
}
#outerContainer.minWidth1150 {
	min-width: 1150px;
}
#outerContainer.minWidth1000 {
	min-width: 1000px;
}
/* outerContainer-1 on apps/index.php */
#outerContainer-1 {
	margin: 30px 15px 0px 25px;
	padding: 20px 20px 20px 20px;
	min-height: 100px;
	overflow: auto;
	border-radius: 8px;
}
#outerContainer-1 .info-box {
	margin-bottom: 0px;
	margin-top: 20px;
	border: 1px solid #d0d0d0;
	padding: 2px 10px 10px 30px;
	background-color: #fff;
	overflow: auto;
	border-radius: 4px;
}
#outerContainer-1 .tab1 {
	margin-left: 20px;
}
a:link.main-link {
	font-weight: bolder;
}



TEXTAREA {
	font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size : 11px;
}
legend {
	font-weight:  bold;
	color:  #505050;
}
fieldset {
	border-width: 3px;
	max-width: 920px;
}
.clear {
	clear: both;
}

.hidden {
	display: none;
}

 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 768px) {
	html {
		background: unset;
	}
	body {
		border: none;
		border-radius:0px;
 		box-shadow: none;	
 		margin: 0px auto 0px auto;	
	}
	header img {
		width: 150px;
	}
	header #rightContent {
		font-size: 100%;
	}
	header #rightContent .top-heading {
		font-size: 90%;
	}	
	header #rightContent .login-info {
		font-size: 70%;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	#outerContainer {
		min-width: 600px;
		border: none;
		border-radius:0px;
 		box-shadow: none;	
 		margin: 0px auto 0px auto;	
		padding: 10px 0px 0px 10px;
  		background-color: unset; 		
	}
	#outerContainer-1 {
		margin: 0px;
		padding: 10px 0px 0px 0px;
	}
}


@media only screen and (min-width: 768px) and (max-width: 992px)  {
	html {
		background: unset;
	}
	body {
		border: none;
		border-radius:0px;
 		box-shadow: none;	
 		margin: 0px auto 0px auto;	
	}
	header img {
		width: 200px;
	}
	header #rightContent {
		font-size: 100%;
	}
	header #rightContent .login-info {
		font-size: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#outerContainer {
		min-width: 600px;
		border: none;
		border-radius:0px;
 		box-shadow: none;	
 		margin: 0px auto 0px auto;	
		padding: 10px 0px 0px 10px;
  		background-color: unset; 		
	}
	#outerContainer-1 {
		margin: 0px;
		padding: 20px 20px 0px 20px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	html {
		background: unset;
	}
	body {
		border: none;
		border-radius:0px;
 		box-shadow: none;	
 		margin: 0px auto 0px auto;	
	}
	header img {
		width: 250px;
	}	
	header #rightContent .login-info {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	header #rightContent .top-heading {
		font-size: 80%;
	}
}

@media (max-width: 1300px) {
/*	#outerContainer .outer1 .inner1 fieldset.left1 {
		width: 100%;
		float: left;
		height: auto;
	}
	#outerContainer .outer1 .inner1 fieldset.right {
		width: 100%;
		float: left;
		height: auto;
	}*/
}

/*@media (max-width: 1135px) {
	.media-w-760 {
		width: 600px;
	}
}
@media (max-width: 1015px) {
	.media-w-600, .media-w-700 {
		width: 450px;
	}
	.media-w-600-a {
		width: 450px !important; 
		font-size: 90%;
	}
	.media-w-640 {
		width: 470px;
	}
	.media-w-642 {
		width: 500px;
	}
}*/