/*----------
=GENERAL CSS
----------*/

* {
margin:0;
padding:0;
z-index:0;
}

html, body {
height:100%;
}

	body {
		margin: 0;
		padding: 0;
		font-family:Arial, Helvetica, sans-serif;
	}

	.left {
		float: left;
	}
	
	.right {
		float: right;
	}
	
	.clear {
		clear: both;
	}
	
	ul {
		margin:10px 0 0 0;
		font-size:95%;
	}
	
	li{
		margin:0 0 5px 50px;}
	
	h1{
		color:#046085;
		font-size:140%;
		font-family:Arial, Helvetica, sans-serif;
		margin-left:-15px;
	}
	
	p{
		padding:0;
		margin:0 0 9px 0;
		line-height:140%;
	}
	
	a{ 
		color:#326F00;
		
	}
	
	a:hover{
		color:#005A84;
		
	}
	
	a img{
		border:none;
	}
	
	

#site {
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 100% !important;
}


/*----------
=WRAPPER CSS
----------*/

	#wrapper {
		position: relative;
		min-height: 100%;
		width: 900px;
		margin: 15px auto 0 auto;
		
		
	}
	
		/*----------
		=WRAPPER-TOP CSS
		----------*/
		
			#wrapper #top {
				background: transparent url(../images/topNavRptr_white.gif) bottom left repeat-x;
				padding: 0 10px 10px 18px;
			}
			
				#top a:active, #top a:visited, #top a:link {color: #3e3e3e; text-decoration: none;}
				#top a:hover {color: #2165a3;}
			
					#top h1#logo {
						margin: 12px 0 0 0;
						padding: 0;
						float: left;
						text-indent: -500em;
					}
					
						#top h1#logo a {
							background: transparent url(../images/Westel3.gif) top left no-repeat;
							height: 53px;
							width: 300px;
							display: block;
							font: 0px/0 "Arial", sans-serif;
						}
					
				#top ul {
					top: -5px;
					float: left;
					font: 10px "Arial", sans-serif;
					
				}
				
					#top ul li {
						background: transparent url(../images/mainNavDivider.gif) top right no-repeat;
						padding: 5px 10px 3px 5px;
						float: left;
					}
					
					/*----------
					=TOP-RIGHT CSS
					----------*/
					
						#top .topRight {
							position: relative;
							width: 500px;
							float: right;
							margin: 15px 0 0 0;
							text-align:right;
							
						}
					
							/*----------
							=TOPRIGHT-NAV CSS
							----------*/
						
								#top .topRight ul#nav {
									position: relative;
									margin: 10px 0px -3px 0;
									padding: 0;
									float:right;
								}
								
									#top .topRight ul#nav li {
										margin: 0;
										padding: 5px 0 3px 0;
										
									}
									
										#top .topRight ul#nav li a {
											height: 32px;
											padding: 6px 20px 0 15px;
											font: 14px "Tahoma", sans-serif;
										}
											
							/*----------
							=TOPRIGHT-SEARCH CSS
							----------*/
							
								#top .topRight p.search {
									margin: 8px 0 0 0;
									padding: 0 0 0 15px;
									position:relative;
									
								}
								
									#top .topRight p.search input {
										position: relative;
										width: 120px;
										font: 11px "Arial", sans-serif;
									}
									
										#top .topRight p.search input.submit {
											background: transparent url(../images/goBtn3.gif) top left no-repeat;
											width: 35px;
											height:18px;
											top: -2px;
											padding: 8px 0 6px 0;
											font: 0px/0 "Arial", sans-serif !important;
											border: 0;
											cursor:pointer;
											outline:none;
										}
								
								#top .headerPhone{
									float:right; 
									text-align:right;
									margin:15px 0 0 0;
									font-size:120%;
									font-family:Arial, Helvetica, sans-serif;
									font-weight:normal;
									color:#888888;
								}
							
		/*----------
		=WRAPPER-SUBNAV CSS
		----------*/
							
			#wrapper #subnav {
				background: transparent url(../images/topNavSub.gif) top left repeat-x;
				width: 900px;
				float: left;
				margin: 0;
				padding: 0;
				background-color:#013950;
			}
			
				#subnav ul {
					position: relative;
					margin: 0 ;
					padding: 0;
					float: right;
					font: bold 10px "verdana", sans-serif;
					z-index: 1;
					line-height:100%;
					list-style-type:none;
				}
				
				
					#subnav ul li{
						line-height:100%;
						margin:0;
						padding:0;
					}
					
					#subnav ul.ul1 li {
						background-image: none;
						padding: 0px 0px 2px;
				
					}
				
					#subnav ul li {
						background: transparent url(../images/topNavDiv.gif) top right repeat-y;
						padding: 6px 2px 3px 0;
						position:relative;
						float:left;
						
					}
					
						#subnav ul li .pipe {
							display: none;
						}
					
						#subnav ul li a {
							float: left;
							display: block;
							margin: -6px 0 0 0;
							padding: 7px 15px;
							letter-spacing:.05em;
							font-size:115%;
							
						}
						
							#subnav ul li a:active, #subnav ul li a:visited, #subnav ul li a:link, #subnav ul li.no_click a {color: #fff; text-decoration: none;}
							#subnav ul li a:hover {color: #7ABE43;}
							#subnav ul li:hover a{color: #7ABE43}
							
							#subnav ul li.current a{color: #7ABE43}
							#subnav ul li.current ul li a{color: #4f6676;}
							
							/*-------------
							=SUBNAV DROPDOWN CSS
							-------------*/
							
								#subnav ul li ul {
									position: absolute;
									margin: 17px 0 0 0;
									display: none;
									z-index: 1;
									width:150px;
									left:0px;
									top:1em;
									border-left:3px solid #015374;
									border-bottom:1px solid #999999;
									border-right:1px solid #999999;
									
								}
								
									#subnav ul li.many:hover ul {
										display: block;
										
									}
									
										#subnav ul li ul li {
											background-image: none;
											margin:0;
											padding:0;
											display:block;
											width:100%;
											float:left;
											position:relative;
											line-height:150%;
											
										}
									
											#subnav ul li ul li a {
												background-image: none;
												display:block;
												margin:0;
												padding:0;
												position:relative;
												background-color: #F3F8FC;
												width:100%;
												font-size:105%;
												font-weight:normal;
												border-bottom:1px solid white;
											}
											
											#
											
											#subnav ul li ul li:last-child a{border:none;}
												
												#subnav ul li ul li a span{margin:0px;  padding:4px 5px 8px 5px; display:block;}
											
											#subnav ul li ul li a:active, #subnav ul li ul li a:visited, #subnav ul li ul li a:link {color: #4f6676;}
											#subnav ul li ul li a:hover {color: #fff; background-color: #015374;}
					
		/*----------
		=WRAPPER-HEADER CSS
		----------*/
		
			#wrapper #header {
				position: relative;
				background: transparent url(../images/homeBannerBeakerRptr.gif) top left repeat-x;
				height: 159px;
				clear: both;
				border-bottom: 1px solid #838383;
			}
			
				#header .headImg {
					background: transparent url(../images/header.jpg) top left no-repeat;
					height: 158px;
					width: 545px;
					float: left;
				}
				
				#header p {
					position: relative;
					background: transparent url(../images/index_banner_tagline.gif) top left no-repeat;
					height: 57px;
					width: 295px;
					margin: 80px 60px 0 0;
					padding: 0;
					float: right;
					display: block;
					text-indent: -500em;
				}
					
		/*----------
		=WRAPPER-CONTENT CSS
		----------*/
			
			
			#wrapper #contentNarrow #rightCol{
				width:275px;
				float:right;
				margin: 20px 0 0 0;
			
			}
			
			
				#rightCol .custom-plugin-vert{	
					background: transparent url(../images/highlights.jpg) top left no-repeat;
					width: 275px;
					margin: 0 15px 0 0;
					padding: 0;
					float: left;
					font: 11px "Arial", sans-serif;
					border-left:1px solid #b6b6b6;
					border-bottom:1px solid #b6b6b6;
					border-right:1px solid #b6b6b6;
				}
			
					#rightCol .custom-plugin-vert h3{
						background: transparent url(../images/breadCrumbRptr.gif) top left repeat-x;
						height: 18px;
						margin: 0 0 0 25px;
						padding: 3px 0 0 10px;
						font-weight: bold;
						font-size:100%;
						color: #fff;	
					}
				
					#rightCol .custom-plugin-vert img {
						background-color: #fff;
						margin: 6px auto;
						padding: 1px;
						display: block;
						border: 1px solid #b6b6b6;
						max-width:268px;
					}
					
					#rightCol .custom-plugin-vert .custom-text{
						padding:0 10px 10px;
					}
					
			
			#wrapper #contentNarrow{
				 width:800px; 
				 float:left;
				 background-image:url(../images/right-col.gif);
				 background-repeat:repeat-y;
				 background-position:575px;
			}
			
			#wrapper #contentNarrow .inner{
				float:left;
				width:470px;
			}
				
			
			#wrapper .content, #wrapper #contentNarrow {
				position: relative;
				margin: 20px 0 0 0;
				padding: 0 55px 0 55px;
				color: #3e3e3e;
			}
			
			#wrapper .content img, #wrapper #contentNarrow img {
				padding:5px;
				border:1px solid gray;
						
			}
			
			#wrapper #home img{
				border:none; padding:0;
			}
			
			#wrapper #home{
				padding:0 30px 0 40px;
			}
			
				#wrapper #secondary .inner{
					font-size:95%;
				
				}
				
				.content h1, #contentNarrow h1{
					padding-top:10px;
					padding-bottom:10px;
				}
				
				.content h2, #contentNarrow h2 {
					background: transparent url(../images/homeDottedLine.gif) bottom left no-repeat;
					font: 24px "Arial", sans-serif;
					margin: 2px 0;
					padding: 0;
				}
				
				.content p, #contentNarrow p {
					margin: 8px 0 8px 0;
					padding: 0;
					line-height:140%;
				}
				
				/*----------
				=CONTENT-EXCERPT CSS
				----------*/
				
					.content .excerpt, #contentNarrow .excerpt {
						position: relative;
						width: 355px;
						_width:350px;
						margin:10px 45px 0px 15px;
						float:left;
					}
					
					
					
						.content .excerpt img, #contentNarrow .excerpt img {
							margin: 0 10px 0 0;
							border: 0;
						}
				
					/*----------
					=CONTENT-EXCERPT PLUGINS CSS
					----------*/	
					
					/*Business Telephone Systems*/
					#plugin34 h3, #plugin35 h3{
						background: transparent url(../images/homeDottedLine.gif) bottom left no-repeat;
						font: 24px "Arial", sans-serif;
						margin: 2px 0 8px 0;
						padding: 0;
					}
					
					#plugin34 .custom-image, #plugin35 .custom-image{
						float:left; 
						padding:0 3px 10px 0;
						
					}
					
					#plugin34 .custom-text, #plugin35 .custom-text{
						font: 95%/140% "Arial", sans-serif;
						padding:0 0px 0 15px;
						
					}
					
					#plugin34 .custom-text img, #plugin35 .custom-text img{
					
					}
		
		/*----------
		=WRAPPER-BTMCONTENT CSS
		----------*/
			
			#wrapper #btmContent{
				position: relative;
				margin-top: 30px;
				padding: 0 0 20px 20px;
				width:860px;
				float:left;
			}
			
				#btmContent #plugin36, #btmContent #plugin37, #btmContent #plugin38 {
					background: transparent url(../images/highlights.jpg) top left no-repeat;
					width: 275px;
					padding: 0;
					float: left;
					font: 11px "Arial", sans-serif;
					color: #fff;
					margin: 0 13px 0 0;
					border-right-color: #d8d8d8;
					border-bottom-color: #d8d8d8;
				}
				
				
				
				
				#btmContent #plugin38{
					margin-right:0;
				}		
				
						#btmContent h3 {
							background: transparent url(../images/breadCrumbRptr.gif) top left repeat-x;
							height: 18px;
							margin: 0 0 0 25px;
							padding: 3px 0 0 10px;
							font-weight: bold;
							font-size:100%;
						}
						
						#btmContent .custom-image{
							max-width:144px;
							_width:144px;
							min-height:118px;
							border:1px solid #A09F9E;
							margin:5px 10px 5px 0;
							float:left;
						}
						
						#btmContent img{
							max-width:140px;
							_width:140px;
							padding:2px;
						}
						
						#btmContent .custom-text{
							color:#3E3E3E;
							float:left; 
							width:115px;
							margin:5px 0 0 0;
						}
						
						#btmContent .custom-text p{
							margin:0 0 7px 0;
						}
					
	/*----------
	=FOOTER CSS
	----------*/

		#footer {
			border-top:1px solid #A09F9E;
			position: relative;
			height: 50px;
			font: 10px "Arial", sans-serif;
			margin-top:20px;
			clear:both;
			
		}
		
			#footer .right{
				text-align: right; 
				margin: 10px 0 0 0; 
				padding: 0 8px 0 0;
			}
			
				#footer .left img{
				
				}
		
			#footer a:active, #footer a:visited, #footer a:link {text-decoration:none;}
			#footer a:hover {text-decoration:underline;}
				
			
			#footer p {
				margin: 13px 0 0 0;
			}
				
			#footer .left{
				margin:8px 0 0 0;
			}	
				
					#footer p img {
						margin: 0px 5px 0 0;
						
					}
					
					#footer .contact_us{font-size:150%; color:#666666}
					#footer .copyright{}
	
	.left_item{margin:0 20px 10px 0; float:left;}
	.right_item{margin:0 0 10px 20px; float:right;}