body {
	text-align: center;
	color: #666666;
	}

  #mock_body{
	  background: #fff url(/images/background.gif) repeat-x; 	  
    min-height: 320px;
    height: auto !important;
/*    height: 100%; take this out, it is for IE6...I'd rather have it not scroll than make the image a fluid transition since if there is content it will fill out anyway.*/
  }		
  
	.hidden {
		display: none; }
		
	#container {
		position: relative;
		margin: 0px auto;
		width: 750px;
		max-width: 750px;
		text-align: left; 
		font-size:1.2em;
  }


		
		#header {
			position: relative;
			height: 175px;
			background: #ffffff url(../images/header.gif) no-repeat; }
			
      /*Image replacement*/
			#header h1 a {
        text-indent: -3000em;
				position: absolute;
				top: 40px;
				left: 2px;
				width: 416px;
				height: 128px;
				background: url(../images/logo.png) no-repeat;
				 }
			
			#header h2 {
				display: none; }
				
			#quickLinks {
				position: absolute;
				top: 10px;
        right: 17px;
/*        width: 53px; */
				}
				
				#quickLinks li {
					text-indent: -3000em;
					float: left; }
					
					#quickLinks a {
						display: block;
						width: 11px;
						height: 11px; }
						
					#quickLogout{
            float:right;
            position:relative;
            right:105px;
            top:8px;
            color:#C0781C;
            font-weight:bold;
				  }

					a:hover#quickLogout{
            color:#fff;
            background:none;
/*            font-weight:normal;*/
				  }
					
					#quickLogin {
						background: url(../images/spacer.gif) no-repeat; 
						}

					#quickHome {
						background: url(../images/quickHome.gif) no-repeat; 
            margin-left: 10px;
						}

						
          #quickRSS {
            margin-left: 10px;
            background: url(../images/quickRSS.gif) no-repeat; }
            
					#quickContact {
						margin-left: 10px;
						background: url(../images/quickContact.gif) no-repeat; }
					
					#search{
					  float:right;
					  margin:130px 20px 0 0;
				  }
						
			#navigation {
				position: absolute;
				top: 75px;
				right: 2px;
				text-align: right;
/*        font-size: 14px; */
        font-size: 1.17em; 
				}
				
				#navigation li {
					float: left; }
					
					#navigation a {
						display: block;
						border-left: 1px solid #ffffff;
						padding: 0 15px;
						height: 20px;
						line-height: 20px;
						color: #ffffff;
						text-decoration: none; }
						
					#navigation a:hover {
						color: #effcc2;
						background:none;
						text-decoration: underline; 
						}
						
					#navigation .active {
						color: #effcc2; 
						text-decoration:underline;
						}
						
		#content {
			float: left;
			margin-top: 25px;
			width: 490px;
			line-height: 1.5em; }

			
		#content h1 .h1_link{
		 font-size:.6em; 
	  }
														
			#content ul {
				list-style: disc; }
				
			#content ol {
				list-style: decimal; }
				             				
			#content form div {
				clear: both; }
				
				#content form div label {
					float: left; }

/*        The form styling was messing up my button.*/
/*        #content form div input,
        #content form div select,
        #content form div textarea {
          float: right;
          width: 60%;
          border: 1px solid #538535;
          color: #666666;
          background-color: #ffffff;
          font-family: arial, verdana, helvetica, sans-serif;
          font-size: 1em; 
          }
*/					
                  
			#content .required {
/*        font-size: 20px;*/
        font-size: 1.67em;
				color: #538535; }
				
			#content .formNote {
				clear: right; }
				
			#welcome {
				margin-top: -35px; 
			  color:#538535;
			}
			
			#banner {
				text-indent: -3000em;
				display: block;
				height: 145px;
				background: url(../images/banner.gif) 15px 0 no-repeat; }
				
			#learn {
				text-align: center; }
				
				#learn a {
					text-indent: -3000em;
					display: block;
					margin: 0 auto;
					width: 340px;
					height: 70px;
					background: url(../images/learn.gif) no-repeat; }
					
			#content #services {
				list-style: none;
				padding-left: 10px; }
				
				#content #services li {
					margin-bottom: 5px;
					padding-top: 1px;
					padding-left: 30px;
					color: #666666;
					line-height: 21px;
					background: url(../images/cogSmall.gif) no-repeat; }
			
		#sidebar {
			float: right;
			padding-bottom: 15px;
			margin-bottom: 30px;
			width: 250px;
			background: url(../images/sidebar.gif) bottom right no-repeat;
			line-height: 1.5em; 
			}
			
			#sidebar_header {
        padding-top: 107px;
        background: url(/images/fiber.gif) no-repeat;
			 }
			 
			 .below_sidebar{
			   float:right;
			   width:220px;			   
			   background:#EFFCC2;
			   padding:5px;
		   }
		   
       .below_sidebar p{
        margin:0;
        padding:0;
        float:left;
       }
		   
		   .below_sidebar img{
		     float:left;
		   }
			 
			 .below_sidebar .below_sidebar_link{
         float:left;
			   color:red;
         margin:-1px 0 0px 0px;
         display:block;
         padding:5px 100px 3px 5px;
		   }
		   
		   a:hover.below_sidebar_link{
		    background: #fb9e24;
	     }
	     
	     a:hover.below_sidebar_link img{
	      border:0; 
       }
      
									
			#recentNews {
				padding-top: 145px;
				margin:0;
/*        background: url(../images/phonerss.png) no-repeat;*/
        background: url(/images/fiberRSS.gif) no-repeat;
			 }

      /*allow the "Recent News" to be text and not part of that image...*/
			#recentNews .recent_news_link {
			  float:left;
			  margin:-30px 0 0px 32px;
/*        font-size:18px;*/
        font-size: 1.15em;
				font-weight: normal;
				color: #538535; /* defined inline, this color wouldn't take */
/*        text-transform: lowercase;*/
        text-align: right; 
			}
							
			#sidebar p {
				margin:0 0 0 20px;
				padding: 0 16px 10px 16px;
				background-color: #effcc2;
 				}
				
        /* look for hard coded color inline in the HTML, stylesheet won't let me over-ride the a's color*/
				.newsTitle {
					color: #333333; 
          padding:0 0 0 1px;
					font-weight:bold;
					text-decoration:underline;
				}
				
				.newsTitleContainer{
          margin:0 0 0 -4px;
			  }
				
				h3 .newsTitle{
				 padding:5px 4px 2px 4px;
				 margin:0 0 0 -3px;
				 text-decoration:underline;
			  }
				
				h3 .newsDate{
				 text-decoration:none; 
			  }
													
				.newsOverview {
/*          background:red;*/
          display:block;
				  text-align:justify;
					}
					
				.newsDate {
					color: #5e8d42; 
				  text-decoration:underline;
				}
			
	#home_page_snippet_text{
		padding-top: 25px;
	}	
	
#sortable-contacts-list{
	
	width:750px;
}		
			
		#footer {
			clear: both;
			position: relative;
			top: 20px;
			padding-bottom: 30px;
/*      font-size: 11px;*/
      font-size: .92em;
			color: #999999;
			text-align: center; 
/*      background:red;*/
			}
			
			#footer a {
				color: #999999;
				background-color: #ffffff;
				text-decoration: none; }
				
			#footer a:hover {
				color: #ffffff;
				background-color: #999999;
				text-decoration: none; }