/* CSS Document */
	
	body {
		background:#820729 url(../images/tile.gif);
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:medium;
		margin:20px 0 0 0;
		padding:0;
		}
	
	#outer {
		margin:0 auto 0;
		padding:0 0 0 0;
		position:relative;
		width:745px;
		}
	
	#branding {
		margin:0 0 20px 0;
		}
		
	#banner {
		margin-bottom:20px;
		text-align:center;
		display:none;
		}
		
	#login-1 {
		margin:0 auto 15px;
		position:relative;
		width:730px;
		}
		
	#login-2 {
		margin:0 auto 0;
		position:relative;
		width:730px;
		}
		
	span.headline {
		background:url(images/login-outer-headline.gif) 0 0 no-repeat;
		display:block;
		font-size:1px;
		line-height:1px;
		overflow:hidden;
		height:12px;
		width:730px;
		}
		
	#login-1 .tile,
	#login-2 .tile {
		display:block;
		background:url(images/login-outer-tile.gif) 0 0 repeat-y;
		}
		
	span.upper-headline {
		background:url(images/login-upper-headline.jpg) 0 0 no-repeat;
		display:block;
		font-size:1px;
		line-height:1px;
		margin:0 auto 0;
		overflow:hidden;
		height:9px;
		width:705px;
		}
		
	#login-1 .content {
		background:#50154b url(images/login-upper-tile.jpg) 0 0 repeat-x;		
		margin:0 auto 0;
		min-height:199px;
		width:705px;
		} /* will need IE6 height declaration */
		
		#login-1 .imgHolder {
			background:url(images/dudette.jpg) 0 0 no-repeat;
			height:245px;
			position:absolute;
			left:8px;
			top:0px;
			width:205px;
			z-index:2;
			}
		
		#login-1 .col-a {
			font-size:0.9em;
			position:relative;
			left:128px;
			top:20px;
			width:240px;
			z-index:3;
			}
		
		#login-1 .content h1 {
			background:url(images/h1-login-upper.gif) 0 0 no-repeat;
			height:31px;
			margin:0 0 0 0;
			padding:0 0 0 0;
			text-indent:-5000px;
			width:210px;
			}
		
	span.upper-baseline {
		background:url(images/login-upper-baseline.jpg) 0 0 no-repeat;
		display:block;
		font-size:1px;
		line-height:1px;
		margin:0 auto 0;
		overflow:hidden;
		height:9px;
		width:705px;
		}
		
	span.lower-headline {
		background:url(images/login-lower-headline.jpg) 0 0 no-repeat;
		display:block;
		font-size:1px;
		line-height:1px;
		margin:0 auto 0;
		overflow:hidden;
		height:9px;
		width:705px;
		}
		
	#login-2 .content {
		background:#2a193d url(images/login-lower-tile.jpg) 0 0 repeat-x;		
		margin:0 auto 0;	
		min-height:199px;	
		width:705px;
		}
		
		#login-2 .imgHolder {
			background:url(images/dude.jpg) 0 0 no-repeat;
			height:167px;
			position:absolute;
			left:-10px;
			top:36px;
			width:217px;
			z-index:2;
			}
		
		#login-2 .col-a {
			font-size:0.9em;
			position:relative;
			left:128px;
			top:29px;
			width:240px;
			z-index:3;
			}
		
		#login-2 .content h1 {
			background:url(images/h1-login-lower.gif) 0 0 no-repeat;
			height:19px;
			margin:0 0 0 0;
			padding:0 0 0 0;
			text-indent:-5000px;
			width:162px;
			}
		
		.col-b {
			float:right;
			margin:0 0 0 0; /* was 18px 0 0 0 */
			padding:24px 0 0 25px;
			width:317px; /* 342 minus padding */
			}
			
		.col-b h2 {
			font-size:1.2em;
			font-weight:normal;
			margin:0 0 2px 0;
			word-spacing:-0.02em;
			} /* has IE7 styles */
			
			#login-1 .col-b,
			#login-1 .col-b-password {
				background:url(images/border-upper.jpg) 0 0 no-repeat;
				}
			
			#login-2 .col-b,
			#login-2 .col-b-password {
				background:url(images/border-lower.jpg) 0 0 no-repeat;
				}
			
		.col-b ul {
			float:left;
			list-style:none;
			margin:0 0 0 0 ;
			padding:0;
			width:295px;
			} /* has IE7 styles */
			
		.col-b ul li {
			float:left;
			font-size:0.7em;
			margin:0 0 7px 0;
			padding:0;
			width:295px;
			}
			
			#login-1 .col-b ul li.error-msg {
				color:#F58BD6;
				}
				
			#login-1 .col-b ul li a:link,
			#login-1 .col-b ul li a:visited,
			#login-1 .col-b ul li a:hover,
			#login-1 .col-b ul li a:active {
				color:#F58BD6;
				}
					
			#login-2 .col-b ul li.error-msg {
				color:#BF82C7;
				}
				
			#login-2 .col-b ul li a:link,
			#login-2 .col-b ul li a:visited,
			#login-2 .col-b ul li a:hover,
			#login-2 .col-b ul li a:active {
				color:#BF82C7;
				}
			
		.col-b ul li label {
			float:left;
			width:129px;
			}
		
		.col-b ul li input {
			border:1px solid #000;
			font-size:0.7em;
			width:156px;
			}
			
		.col-b ul li.button {
			margin:6px 0 0 0;
			text-align:right;
			}
			
		.col-b ul li.button input {
			border:none;
			height:19px;
			width:81px;
			}
			
/* -------------------------------------------------------------
	Styles for alternate col-b (when user has lost password
--------------------------------------------------------------*/			
			
		.col-b-password {
			float:right;
			margin:18px 0 0 0;
			padding:0 0 0 25px;
			width:317px; /* 342 minus padding */
			}
			
		
			
		.col-b-password ul {
			float:left;
			list-style:none;
			margin:40px 0 0 0 ;
			padding:0;
			width:295px;
			}
			
		.col-b-password ul li h2 {
			font-size:1.8em;
			font-weight:normal;
			margin:0 0 2px 0;
			word-spacing:-0.02em;
			}
			
		.col-b-password ul li {
			float:left;
			font-size:0.7em;
			margin:0 0 7px 0;
			padding:0;
			width:295px;
			}
			
		.col-b-password ul li label {
			float:left;
			width:82px;
			}
		
		.col-b-password ul li input {
			border:1px solid #000;
			font-size:100%;
			width:150px;
			}
			
		.col-b-password ul li.button {
			margin:26px 0 0 0;
			text-align:right;
			} /* has IE7 styles */
			
		.col-b-password ul li.button input {
			border:none;
			height:19px;
			width:81px;
			}

/* ----------------------------------------------------------------
	End styles for alternate col-b (when user has lost password
------------------------------------------------------------------*/
		
	span.lower-baseline {
		background:url(images/login-lower-baseline.jpg) 0 0 no-repeat;
		display:block;
		font-size:1px;
		line-height:1px;
		margin:0 auto 0;
		overflow:hidden;
		height:9px;
		width:705px;
		}
		
		
		
	span.baseline {
		background:url(images/login-outer-baseline.gif) 0 0 no-repeat;
		display:block;
		font-size:1px;
		line-height:1px;
		overflow:hidden;
		height:12px;
		width:730px;
		}	
		
	a.footer:link,
	a.footer:visited,
	a.footer:hover,
 	a.footer:active {
		background:url(images/footer-tab.gif) 0 0 no-repeat;
		bottom:1px;
		color:#da3362;
		display:block;
		font-size:0.7em;
		padding:1px 0 4px 14px;
		width:665px; /* 745 minus padding */
		margin:0 auto 0;
		}

/* ----------------------------------------------------------------------------------- //
/      Generic Styles (these styles must remain at the bottom of the style sheet)       /		
// ----------------------------------------------------------------------------------- */
	
	a:link,
	a:visited,
	a:hover,
	a:active {
		color:#fff;
		text-decoration:underline;
		}
		
	a:hover {
		color:#fff;
		text-decoration:none;
		}
	
	.initial {
		margin-top:0;
		}
	
	.clear {
		clear:both;
		}
	
	.clearer {
		clear:both;
		display:block;
		font-size:1px;
		height:1px;
		line-height:1px;
		margin:0;
		overflow:hidden;
		padding:0;
		}
		
	.bold {
		font-weight:bold;
		}
		
	img {
		border:none;
		}	
		
	.italic {
		font-style:italic;
		}
		
/* hiddend from safari */

		.col-b ul li input {
			font-size:100%;#
			}