/*=========================================================================================
Title: 		LRS IT Solutions (General Stylesheet)
Date: 		October 11 2007, revised February 28 2009
Autor: 		LRS Web Services
Document:	style.css

DOCUMENT ORGANIZATION:
	=1.0 HTML Elements
	=2.0 Layout Structure
	=3.0 Header		
		=3.1 Search
			=3.1.1 Search Inputs
			=3.1.2 Search Links
		=3.3 Main Navigation
		
	-5.0 Banners
	-6.0 Breadcrumbs
	-7.0 Content
		-7.1 Content
			-7.1.1 Content Inner
				-7.1.1.1 Middle Column
				-7.1.1.2 Content Inner Left
					-7.1.1.2.1 Content Inner Left Inner
					-7.1.1.2.2 Events Calendar
			-7.1.2 Content Inner 2
	-8.0 Misc
	-9.0 Footer


DOCUMENT ARRANGEMENT:
	-Order of appearance within HTML

ATTRIBUTE PROPERTY ORDER:
	-Dimentions (width; height; line-height; vertical-align)
	-Backgrounds (color, image, repeat, position)
	-Box (margin, border padding)
	-Position (display, position, float, clear, z-index, directon, overflow, visibility)
	-Misc (list-style, outline, cursor)
	-Font (color, family, size, style, weight)
	-Text (align, indent, decoration, transform, white-space)

ATTRIBUTE LAYOUT:
	selector{
		property: value;
	}

=========================================================================================*/





/* ==========================================================================================
=0.0 IMPORTS
========================================================================================== */
@import url(fonts.css);





/*=========================================================================================
=1.0: HTML ELEMENTS 
=========================================================================================*/
*{
	margin:0;
	paddng:0;
}
html, body{
	width:100%;
}

h1{
	background-repeat:no-repeat;
	display:block;
	padding:0;
	text-indent:-10000px;
}
h2{
	line-height:16px;
	margin:0;
	padding:0;	
}
h3{
	line-height:16px;
	margin:0;
	padding:0;
}
h4{
	line-height:16px;
	margin:10px 0 0 0;
	padding:0;
}
ul{
	margin:0;
	padding:0;
}
li{
	margin:0;
	padding:0;
}
input{
	margin:0;
	padding:0;
}
p{
	line-height:16px;
	margin:0;
	padding:0;
}
a{
	border:0;
	line-height:13px;
	outline:none;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:visited{
	text-decoration:underline;
}
strong{
	line-height:13px;
}
sup{
	line-height:6px;
	vertical-align:3px;
}




/*===========================================================================================
=2.0: LAYOUT STRUCTURE 
===========================================================================================*/
body.HP{
	background:url(/itsolutions/images/new/b-homePage.gif) repeat-x;
}
body.SP{
	background:url(/itsolutions/images/new/b-subPage.gif) repeat-x;
}
.page{
	background:#ffffff url(/itsolutions/images/new/b-page.gif) repeat-x;
	margin:0 auto;
	padding:0 20px;
	width:960px;
}




	
/*===========================================================================================
=3.0: HEADER 
===========================================================================================*/
.header{
	width:inherit;
	height:120px;
}





	/*=======================================================================================
	=3.1: SEARCH BAR
	=======================================================================================*/
	/* Parent div for search bar  (inside header div, above main navigation and logo) */
	#searchBar{
		width:960px;
		height:38px;
		margin:0;
		padding:0;
	}

		/*===================================================================================
		=3.1.1: SEARCH INPUTS
		====================================================================================*/
		#searchInputs{
			width:240px;
			height:18px;
			margin:20px 0 0 0;
			padding:0;
			float:right;
		}
		#searchInputs .text{
			width:164px;
			height:12px;
			margin:0;
			border:1px solid;
			border-top-color:#7c7c7c;
			border-right-color:#c3c3c3;
			border-bottom-color:#dddddd;
			border-left-color:#c3c3c3;
			padding:2px;
			float:right;
			font-size:1.00em;
		}
		#searchInputs .image{
			width:70px;
			height:18px;
			margin:0;
			padding:0;
			float:right;
		}

		/*===================================================================================
		=3.1.2: SEARCH INPUTS
		====================================================================================*/
		#searchLinks{
			width:134px;
			height:18px;
			margin:20px 14px 0 0;
			float:right;
		}
		#searchLinks a{
			height:18px;
			background-repeat:no-repeat;
			display:block;
			float:left;
			text-indent:-10000px;
		}
		#searchLinks a:hover{
			background-position:0 -23px;
		}
		a#aboutLRS{
			width:58px;
			height:18px;
			background:url(/itsolutions/images/n0-aboutLRS.gif);
		}
		a#contactUs{
			width:61px;
			height:18px;
			background:url(/itsolutions/images/n0-contactUs.gif);
		}
		#searchLinks #textspacer{
			width:15px;
			height:5px;
			margin:2px 0 0 0;
			float:left;
			color:#d9d9d9;
			font-size:.8em;
			text-align:center;
			line-height:9px;
		}





/*===========================================================================================
=5.0: BANNERS
===========================================================================================*/
.HP #banner{
	background:url(/itsolutions/images/b-divider-1.gif) no-repeat;
	height:237px;
	padding-top:2px;
	position:relative;
	width:960px;
	z-index:1;
}
.HP #banner2{
	height:120px;
	margin:1px 0 15px 0;
	position:relative;
	width:960px;	
	z-index:1;
}

.SP #sub-banner{
	width:960px;
	height:118px;
	background:url(/itsolutions/images/b-divider-1.gif) no-repeat;
	padding-top:2px;
	position:relative;
	z-index:1;
}





/*===========================================================================================
=6.0: BREADCRUMBS
===========================================================================================*/
.SP #sub-breadcrumb{
	width:960px;
	height:19px;
	background-color:#77787C;
	margin:1px 0 0 0;
}
#sub-breadcrumb p{	
	margin:0 0 0 20px;
	padding:2px 0 0 0;
	display:block;
	color:#bfc2c7;
	font-size:.9em;
}
#sub-breadcrumb span{
	margin:0 7px 0 6px;
	padding:0;
	display:inline;
	color:#000;
	font-weight:500;
}
#sub-breadcrumb p a{
	color:#bfc2c7;
	font-size:1.00em;
	text-decoration:none;
}
#sub-breadcrumb p a:hover{
	text-decoration:underline;
}





/*===========================================================================================
=7.0: CONTENT
===========================================================================================*/
.HP .content{
	background:url(/itsolutions/images/new/b-HP-content.gif) repeat-y;
	clear:left;
	margin:15px 0;
	width:960px;
}
.HP .content .col-1{
	float:left;
	margin:0 25px 0 12px;
	width:218px;
}
.HP .content .col-2{
	float:left;
	margin:0 16px 0 0;
	width:224px;
}
.HP .content .col-3{
	float:left;
	margin:0 16px 0 0;
	width:224px;
}
.HP .content .col-4{
	float:left;
	margin: 0 1px 0 0;
	width:224px;
}











/* HOMEPAGE div between banners and footer - holds most content... */

/* SUBPAGE div between banners and footer - holds most content... */
#sub-main{
	width:960px;
	background:url(/itsolutions/images/b-sub-content.gif) repeat-y;
	margin:15px 0;
}


	/*---------------------------------------------------------------------------------------
	=7.1: CONTENT
	---------------------------------------------------------------------------------------*/
	#content{
		width:720px;
		margin:0;
		padding:0;
		float:left;
	}
	#content ul{
		margin:0 15px 15px 30px;
		padding:0;
		list-style-type:none;
	}	

		/*-----------------------------------------------------------------------------------
		=7.1.1: CONTENT INNER
		-----------------------------------------------------------------------------------*/
		#content-inner{
			width:720px;
			background:url(/itsolutions/images/b-grayDot-verticalDivider.gif) 481px 4px repeat-y;
			float:left;
			clear:left;
		}
		#content-inner ul{
			margin:0 15px 15px 30px;
			padding:0;
			list-style-type:none;
		}		

			/*-------------------------------------------------------------------------------
			=7.1.1.1: MIDDLE COLUMN
			-------------------------------------------------------------------------------*/
			#n2{
				width:225px;
				margin:0;
				padding:0 0 30px 0;
				float:right;
			}	
			#n2 h3{
				width:200px;
				line-height:13px;
				margin:0 0 15px 0;
				text-transform:uppercase;
				position:relative;
			}
			#n2 ul.partnerships{
				margin:0 0 0 19px;
				padding:0 0 0 5px;
				line-height:13px;
			}
			#n2 ul.partnerships li{
				background:url(/itsolutions/images/b-ulDot.gif) no-repeat 0 3px;
				margin:0 0 1px 0;
				padding:0 0 0 5px;
			}
			#n2.divider{
				width:200px;
				height:1px;
				background:url(/itsolutions/images/b-graySolid-verticalDivider.gif) repeat-x;
				margin:15px 19px;
			}
			#n2.divider2{
				width:200px;
				height:1px;
				line-height:1px;
				background:url(/itsolutions/images/b-grayDot-horizontalDivider.gif) repeat-x;
				margin:15px 0;
				clear:both;
			}
			#n2 p{
				width:200px;
				line-height:13px;
				margin:-3px 19px 8px 0;
				font-size:.9em;
				color:#9a9da1;
			}
			#n2 p.title{
				font-size:1.00em;
				margin:0 19px 8px -7px;
			}

			/*-------------------------------------------------------------------------------
			=7.1.1.2: CONTENT INNER LEFT
			-------------------------------------------------------------------------------*/
			#content-inner-left{
				width:441px;
				margin:-4px 20px 0 20px;
				padding:0;
				display:inline;
				float:left;
				
			}
			#content-inner-left ul{
				margin:0 15px 15px 30px;
				padding:0;
				list-style-type:none;
			}
			#content-inner-left ul li{
				background:url(/itsolutions/images/b-ulDot.gif) no-repeat 0 3px;
				margin:0;
				padding:0 0 0 5px;
			}
			#content-inner-left p{
				padding:0 0 0 0;
				margin:0 0 14px 0;
				display:block;		
			}
			#content-inner-left p.title{
				margin:0 0 8px -7px;
				padding:0 0 0 7px;
			} 
			.learnMore{
				margin:0 0 25px 0;
				padding:0 0 0 0;
				display:block;
			}
			.learnMore a{
				width:249px;
				height:27px;
				background:url(/itsolutions/images/btn-SP-learnMore.gif) no-repeat;
				margin:0;
				border:0;
				padding:0;
				display:block;
				text-indent:-10000px;
			}
			#content-inner-left .learnMore a:hover{
				background-position:0 -32px;
			}
			#registerForm{
				width:441px;	
			}
			#registerForm h2{
				margin:0 0 5px 91px;
				text-align:left;	
			}
			#registerForm label{
				width:75px;
				padding:3px 10px 0 0;
				float:left;
				clear:both;
				text-align:right;	
			}
			#registerForm label.required{
				background:url(/itsolutions/images/icn-arrow-small-right.gif) no-repeat 80px 8px;
				display:block;
				font-weight:normal;
			}
			#registerForm .textbox{
				width:345px;
				margin:0 0 5px 3px;
				padding:0;
				display:inline;
				float:right;
			}
			#registerForm .submitBtn{
				margin:10px 0 15px 91px;
				display:inline;
				float:left;
			}
			#registerForm .resetBtn{
				margin:10px 225px 15px 0;
				display:inline;
				float:right;
			}
			#registerForm p{
				margin:0 0 5px 91px;	
			}
			#registerForm p strong{
				display:none;
			}
			#registerForm p span{
				background:url(/itsolutions/images/icn-arrow-small-right.gif) no-repeat 0 5px;
				margin:0 3px 0 0;
			}
			#registerForm table{
				width:347px;
				font-weight:normal;
				margin:0 0 10px 90px;
			}
			#registerForm table td{
				vertical-align:;
				padding:0 0 5px 0;
			}
			#registerForm table td label{
				width:200px;
				float:none;
				margin:5px 0 0 5px;
				text-align:right;
				font-weight:normal;	
			}
			span#validationSummary div{
				width:340px;
				color:#b54550;
			}

				/*---------------------------------------------------------------------------
				=7.1.1.2.1: CONTENT INNER LEFT INNER
				---------------------------------------------------------------------------*/
				#content-inner-left-inner{
					width:441px;
					background:url(/itsolutions/images/b-content-inner-left-inner.gif) repeat-y;
					margin:20px 0;
					padding:0;
				}
				#content-inner-left-inner ul{
					width:170px;
					margin:15px 20px 0 0;
					padding:0 0 0 15px;
				}
				#content-inner-left-inner h2{
					width:200px;
				}
				#content-inner-left-inner img{
					width:200px;
					height:135px;
					margin:0;
					border:0;
					padding:0;
					float:right;
				}
				#content-inner-left-inner p.caption{
					width:200px;
					line-height:10px;
					margin:4px 0 15px 0;
					padding:0;
					clear:right;
					float:right;
					font-size:.9em;
					font-style:italic;
				}	
				
				
				
				/*---------------------------------------------------------------------------
				=7.1.1.2.2: EVENTS CALENDAR
				---------------------------------------------------------------------------*/				
				table.eventsCalendar{
					width:440px;
					vertical-align:middle;
					line-height:19px;
				}
				.eventsCalendar td.month{
					width:440px;
					background:url(/itsolutions/images/b-graySolid-horizDivider.gif) no-repeat bottom;
				}
				.eventsCalendar td.month h2{
					width:440px;
					margin:0 0 5px 0;
					display:block;
					font-size:13px;
					color:#636466;
					font-weight:normal;
				}
				.eventsCalendar .dayOfWeek{
					width:20px;
					height:19px;
					background:url(/itsolutions/images/b-event-dayOfWeek.gif);
					font-size:10px;
					color:#9a9da1;
					font-weight:bold;
				}
				.eventsCalendar .dayOfWeek-on{
					width:20px;
					height:19px;
					background:url(/itsolutions/images/b-event-dayOfWeek-on.gif);
					font-size:10px;
					color:#636466;
					font-weight:bold;
				}
				.eventsCalendar .dayOfWeek span, .eventsCalendar .dayOfWeek-on span{
					width:18px;
					display:block;
					text-align:center;
				}
				.eventsCalendar .dayOfMonth{
					width:20px;
					height:19px;
					padding:0 0 0 0;
					background:url(/itsolutions/images/b-event-date.gif);
					font-size:10px;
					color:#636466;
					font-weight:bold;
					text-align:right;
				}
				.eventsCalendar .dayOfMonth-on{
					width:20px;
					height:19px;
					padding:0 0 0 0;
					background:url(/itsolutions/images/b-event-date-on.gif);
					font-size:10px;
					color:#e4e7ed;
					font-weight:bold;
					text-align:right;
				}
				.eventsCalendar .dayOfMonth span, .eventsCalendar .dayOfMonth-on span{
					margin-right:5px;
				}
				.eventsCalendar .eventDesc{
					width:400px;
					height:19px;
				}
				.eventsCalendar .eventDesc-on{
					width:400px;
					height:19px;
					padding:0 0 0 0;
					background:url(/itsolutions/images/b-event-description.gif) no-repeat 1px 0;
					font-size:10px;
					color:#636466;
					text-align:left;
				}
				.eventsCalendar .eventDesc span, .eventsCalendar .eventDesc-on span{
					width:400px;
					height:19px;
					margin-left:0;
					overflow:hidden;
					display:block;
				}
				.eventsCalendar .eventDesc-on a{
					font-size:10px;
					font-weight:bold;
					color:#b54550;
					text-decoration:none;
					margin-left:10px;
				}
				.eventsCalendar .eventDesc-on a:visited{
					color:#b54550;
					text-decoration:none;
				}
				.eventsCalendar .eventDesc-on a:hover{
					color:#b54550;
					text-decoration:underline;
				}
				.eventsCalendar .divider-Day{
					width:440px;
					height:1px;
					background:url(/itsolutions/images/b-grayDot-horizDivider.gif);
					line-height:1px;
					font-size:1px;
				}
				.eventsCalendar .divider-Week{
					width:440px;
					height:1px;
					background:url(/itsolutions/images/b-graySolid-horizDivider.gif) no-repeat;
					line-height:1px;
					font-size:1px;
				}
			
				div#n2-eventsCalender{
					width:200px;
					margin:-15px 0 0 0;
				}
				#n2-eventsCalender span{
					width:200px;
					height:18px;
					margin:0;
					background:url(/itsolutions/images/n2-divider-dots.gif) repeat-x bottom;
					display:block;
				}				
				#n2-eventsCalender span.last{
					width:200px;
					height:18px;
					margin:0;
					background:url(/itsolutions/images/n2-divider.gif) repeat-x bottom;
					display:block;
				}
				
				
				
		/*-----------------------------------------------------------------------------------
		=7.1.2 CONTENT INNER 2
		-----------------------------------------------------------------------------------*/
		#content-inner2{
			width:655px;
			margin:-4px 0 0 20px;
			float:left;
			clear:left;
		}
		#content-inner2 h2{
			margin:0 0 15px 0;
		}
		#content-inner2 ul{
			margin:0 15px 15px 30px;
			padding:0;
			list-style-type:none;
		}
		#content-inner2 ul li{
			background:url(/itsolutions/images/b-ulDot.gif) no-repeat 0 3px;
			margin:0;
			padding:0 0 0 5px;
		}
		#content-inner2 p.ourPeople{
			padding:0 0 0 0;
			margin:0 0 14px 0;
			display:block;		
		}
		.siteMap{
			margin-left:0px;	
		}
		.siteMap p.title{
			margin-bottom:8px;
			padding-bottom:0;
		}
		.siteMap ol{
			margin-top:-8px;
			margin-bottom:8px;
		}
		.siteMap ol li{
			margin:0;
			padding:0;
		}
		.siteMap ul{
			margin:0;
			padding:0;
		}
		#content-inner2 div.siteMap ul{
			margin:0 0 0 30px;
			
		}
		
/*===========================================================================================
=7.0: SIDEBAR
===========================================================================================*/
#sidebar{
	width:200px;
	margin:0;
	padding:25px 20px 20px 19px;
	float:right;
}
#sidebar p{
	
}
#sidebar .quote, 
#sidebar .quote a,
#sidebar .quote a:hover,
#sidebar .quote a:visited{
 	font-size:18px;
	line-height:24px;
	color:#9a9da1;
	font-family:Georgia, "Times New Roman", Times, serif;	
	font-style:italic;
	margin-bottom:.5em;
	text-indent:-6px;
	text-decoration:none;
}
#sidebar .source,
#sidebar .source a,
#sidebar .source a:hover,
#sidebar .source a:visited{
	font-size:11px;
	line-height:16px;
	color:#76787b;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

/*===========================================================================================
=8.0: MISC
===========================================================================================*/
a img{
	border:0;
}	
.image{
	width:70px;
	height:18px;
	margin:0;
	padding:0;
	float:right;
}
.clear{
	width:0px;
	height:0px;
	margin:0;
	padding:0;
	clear:both;	
}
.hidden{
	display:none;
	position:relative;
}
.lowerCase{
	text-transform:lowercase;
}
.divider2{
	height:1px;
	line-height:1px;
	background:url(/itsolutions/images/b-grayDot-horizontalDivider.gif) repeat-x;
	margin:15px 0;
	clear:both;
}
.PS-list{

}

#PS-help{
	width:200px;
	text-align:right;
	margin:0 0 10px 0;
	display:block;
	clear:both;
}
#PS-searchInputs{
	width:200px;
	margin:0 0 5px 0;
	display:block;
	clear:both;
}
.PS-inputbutton{
	width:18px;
	float:right;
}
.PS-searchbox{
	width:178px;
	height:12px;
	border:1px solid;
	border-top-color:#7c7c7c;
	border-right-color:#c3c3c3;
	border-bottom-color:#dddddd;
	border-left-color:#c3c3c3;
	padding:2px 0 2px 2px;
	float:right;
	font-size:10px;
}
#PS-selectWords{
	width:200px;
	margin:0 0 5px 0;
	display:block;
	clear:both;
}
.PS-selectbox{
	width:200px;
}
#PS-searchWithin{
	width:200px;
	margin:10px 0 5px 0;
	clear:both;
	display:block;
}
#PS-sortBy{
	width:200px;
	display:block;
}
.PS-label, .PS-term{
/*	line-height:25px;*/
	padding:0;
	color:#76787b;
	font-size:1.25em;
}
.PS-conc{
 	line-height:16px;
	margin:0 0 0 -7px;
	line-height:normal;
}
.PS-titlehits{
	font-weight:bold;
}
.PS-conchits{
	font-weight:bold;
	color:#76787b;
}
.PS-metahits{
	font-weight:bold;
	color:#76787b;
}
.PS-url{
	color:#CCCCCC;
	font-size:10px;
}
.PS-date{
	color:#cccccc;
	font-size:10px;
}
a.PS-title{
	line-height:13px;
	color:#b54550;
	font-size:1em;
	text-transform:uppercase;
	text-decoration:none;
}
a.PS-title:visited{
	color:#b54550;
	text-decoration:none;
}
a.PS-title:hover{
	color:#b54550;
	text-decoration:underline;
}
a.PS-title strong{
	line-height:13px;
	color:#b54550;
	font-size:1.00em;
}

	
/*===========================================================================================
=9.0: FOOTER
===========================================================================================*/
#footer{
	width:960px;
	height:71px;
	background:url(/itsolutions/images/b-divider-2.gif) no-repeat;
}
#footer p{
	margin:0;
	padding:11px 0 0 19px;
	line-height:18px;
	float:left;
	font-size:.9em;
	color:#b3b4b6;	
}
#footer a{
	color:#77787C;
}
#footer a:visited{
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer .icon{
	margin:16px 18px 0 0;
	float:right;
}





/*===========================================================================================
=10.0 MISC
===========================================================================================*/
p.title{
	line-height:13px;
	background:url(/itsolutions/images/icn-arrow-small-right.gif) no-repeat 0 4px;
	display:block;
	margin:0 0 8px -7px;
	margin:0 0 8px 0;
	padding:0 0 0 7px;
}
p.teaserText{
	line-height:16px;
	/*margin:-8px 0 16px -7px;*/
	margin:-8px 0 16px 0px;	
	padding:0 0 0 7px;
	display:block;
}
p.teaserText2{
	line-height:16px;
	margin:0 0 10px -7px;
	padding:0 0 0 7px;

}
p.title a.text{
	line-height:13px;
	color:#b54550;
	font-size:.9em;
	text-transform:uppercase;
	text-decoration:none;
}
p.title a.text:hover{
	text-decoration:underline;
}
a.text:visited{
	color:#b54550;
	text-decoration:none;
}
a.text:hover{
	color:#b54550;
	text-decoration:underline;
}
a.text strong{
	line-height:13px;
	color:#b54550;
	font-size:1.00em;
}
p.title a.pdfIcon, img.pdfIcon{
	margin:0 0 0 5px;
	float:right;
}

p.title a.pdfIcon2, img.pdfIcon2{
	margin:0 0 0 5px;
}