/*********************************************************************
* Login Page Elements
*********************************************************************/
:root {
  --menu_tab: #0D345F;          /* Blue - rgb(13,52,95) use https://www.color-hex.com/ to determine rgb colors */
  --menu_tab_hl: #ED1C24;       /* Red - rgb(237,28,36) */  
  --menu_tab_hlb: #55708F;      /* Not so Dark Blue - rgb(85,112,143) */  
  --body_bckgrnd: #B6C2CF;      /* Gray - rbg(182,194,207) */   
}

#login_col {
	width:				1000px;
	min-height:			650px;
	float:				left;
	background-color:	white;
	border-top:			1px solid #55708F;
	border-left:		1px solid #55708F;
	border-right:		1px solid #55708F;
	border-bottom:		1px solid #55708F;
	font-size:			.75em;
}
/* left and right DIV tags to float picture image in correct position */
#login-left {
	width:				500px;
	min-height:			600px;
	float:				left;
	padding:			0 0 0 50px;
}
#login-right {
	min-height:			600px;
	float:				right;
	padding:			10px 10px 0 0;
}
#login-title {
	padding:			50px 0 0 0;
}
#login-title .title-marquee {
	width:				400px;
	color:				#0D345F;
	font-family: 		"arial black", arial, sans-serif; 
	font-size:			5.5em; 
	line-height:		100%;
	text-align:			left;
	padding: 			0 0 20px 0;
}
#login-title .title-above-marquee {
	width:				400px;
	color:				#0D345F;
	font-size:			1.5em;
	line-height:		100%;
	text-align:			left;
}
#login-title .title-subtext {
	width:				290px;
	color:				#0D345F;
	font-size:			1.5em;
	line-height:		100%;
	text-align:			right;
}
#capslockon-msg {
	color:				red;
	font-weight:		bold;
}
#login-form-msg {
	min-height:			200px;
	padding: 			10px 0 0 100px;
}	
#login-form-no-msg {
	min-height:			200px;
	padding:			40px 0 0 100px;
}
#login-form-no-msg .logon-entry, #login-form-msg .logon-entry {}
#login-form-no-msg .logon-label, #login-form-msg .logon-label {
	padding:			5px 5px 5px 5px;	
}
#login-form-no-msg  .field-text, #login-form-msg .field-text {
	width:				150px;
}
#login-form-no-msg .submit-button, #login-form-msg .submit-button {
	padding:			4px 0 0 0;
	font-weight:		bold;
}
#alert-text {
	width:				350px;
	height:				40px;
	padding:			10px 0 0 0;
	text-align:			center;
}
#login-txt {
	width:				400px;
	padding:			20px 0 0 0;
}
#login-txt .highlight-txt {
	color:				#0D345F;
}
/***************************************************************
*	Banner Styling
***************************************************************/
#login-banner {}
#banner-ctr {
	height:				auto;
	width:				400px;
	background-color:	white;
	border-top:			5px solid #55708F;
	border-right:		5px solid #55708F;
	border-bottom:		5px solid #55708F;
	border-left:		5px solid #55708F;
}
#banner-ctr .banner-img{}
#banner-ctr .banner-txt{
	height:				60px;
	width:				400px;
	text-align:			center;
}
#banner-ctr .banner-txt p {
	padding:			5px 5px 5px 5px;
}
#footer {
	color:				black;
}