/* CSS Document Layout Styles*/

/* TOC */

/* html body */
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #364E7A;
	font-family: Arial, Helvetica, sans-serif;
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	font-size: 84%;
	color: #333333;
	text-align: center;
}


html, body { /* saves you from the "centering jump" on short pages */
	min-height: 100%;
	margin-bottom: 1px;
}


/* DIVS */

/* wrapper styles */
#wrapper {
	text-align: left;
}

/* holder styles */
#holder {
	margin: 0 auto 0 auto;
	text-align: center;
	width: 762px;
	border: 1px solid #333333;
}

/* turn offs */


/* turn ons */


/* header styles */
#header {
	height: 131px;
	background-color: #666666;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}


/* #headerContact {
	float:right;
} */

#headerContact p {
	margin: 0;
	font-size: 2.25em;
	color: #FF9900;
	text-align: right;
	letter-spacing: .25em;
	padding: 40px 65px 0px 0px;
}

#logo {
	width: 418px;
	height: 90px;
/*	background-image: url(../images/QEH1LogoSlogan.jpg); */
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}

#logo h1 {
	display:none;
}

/* slogan */

#slogan {
	display:none;

}

/* nav styles */

#nav ul {
	width: 750px;
	margin: 0 auto 0 auto;
	padding: 3px 0px 0px 0px;
	text-align: center;
  	border: none;
	font-size: 15px;
	list-style:none; 
	height: 22px;
}


#nav ul li {
	padding: 0px 0px 0px 0px;
	float:left;
	white-space: nowrap;
}


#nav a {
	text-decoration:none;
}


#nav a span {	
	font-weight: bold;
	color: #FFFF97;
	padding: 0px 0px 0px 27px;
}


#nav a:hover span {
	color: #e5625c;
}


#nav a:hover {
	color: #e5625c;
}


#nav {
	background-color: #003466;
	border-top: 1px solid #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #FFFFFF;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0px;

}


#frontLinksWrap1 {
	width: 760px;
}

#frontLinksWrap2 {
	width: 760px;
}




#frontLinks1 {
	height: 235px;
	margin: 0 auto 0 auto;
	padding: 0px;
	color: #e5625c;

}

#frontLinks2 {
	height: 100%;
	margin: 0 auto 0 auto;
	padding: 0px;

}


/* content styles */
#contentWrap {
	margin: 0 auto 0 auto;
}


#content {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 718px;
	padding: 0px 20px 20px 20px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}


#content p {
	line-height: 130%;
}

#content li {

margin-bottom: 7px;

}

#frontText {
	font-weight: bold;
	
}

#officeInfo a:hover {
	color: #666666;
}

#officeInfo a {
	color: #8c3f11;
}


#officeInfo p {
	line-height: 0.1em;
	color: #666666;
	font-size: 1.2em;
}

.frontOfficeInfo {
	font-size: 14px;
	color: #FFFFFF;
}


/* Welcome page styles */
#frontLinksWrap1 {
/*	background-image: url(../images/bgVersion3.jpg); */
/*	background-repeat: repeat-x; */
/*	background-position: left top; */
	background-color: #F3F0C6;
}


#frontLinksWrap2 {
	background-color: #003466;
}



#frontLinksWrap1 ul {
	width: 760px;
	margin: 0 auto 0 auto;
	padding: 30px 0px 0px 0px;
	text-align: center;
	list-style:none; 
  	border: none;
}

#frontLinks1 ul li {
	padding: 0px 41px 0px 41px;
	float:left;
	white-space: nowrap;
}

#frontLinks1 a {
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}

#frontLinksWrap2 ul {
	width: 760px;
	margin: 0 auto 0 auto;
	padding: 20px 0px 0px 0px;
	text-align: center;
	list-style:none; 
  	border: none;
}

#frontLinks2 ul li {
	padding: 0px 33px 0px 33px;
	float:left;
	white-space: nowrap;
}

.frontTextTitle {
	text-align: center;
	font-weight: bold;
	font-size: 1.25em;
}


.frontText2 {
	text-align: center;
	font-weight: bold;
}


#officeInfo {
	text-align: center;
	font-weight: bold;
	padding-top: 25px;
	color: #333333;
}

#extraLinksTop ul {
	padding: 15px 0px 15px 15px;
	margin: 0px;
	text-align: left;
	list-style-type: none;
}

#extraLinksBottom ul {
	padding: 15px 0px 15px 15px;
	margin: 0px;
	text-align: left;
	list-style-type: none;
}


/* front specific */
#frontInfo {
	margin: 0px;
	height: 375px;
	width: 565px;
	background-image: url(../images/frontImage.jpg);
	background-repeat: no-repeat;
	background-position: right top;	
}


#frontText {
	padding: 150px 0px 0px 100px;
}

/* normal link styles */
a:link {
	color: #8c3f11;
	text-decoration:underline;
	font-weight: bold;
} 

a:visited {
	color: #8c3f11;
	text-decoration:underline;
	font-weight: bold;
} 



a:hover, a:active, a:focus {  
	color: #000000;  
	text-decoration: none;
	font-weight: bold;

}



/* footer styles */
#footer {
	color: #ffffff; 
	font-weight: bold;
	width: 758px;
	padding: 0px;
	height: 100%;
	padding: 5px 0px 5px 0px;
	background-color: #003466;
	border: 2px groove #CCCCCC;
}

#footerHolder {
	margin: 5px 10px;
}

#footerHolder a{
		color: #FFFF97;
}

/* footer Nav styles */
#footerNav {
	margin: 0 auto 0 auto;
}


#footerNav a {
	text-decoration:none;
}


#footerNav a:link,  #footerNav a:visited {
	color: #FFFF97;	
	text-decoration: none;
}


#footerNav a:hover {
	color: #e5625c;
	text-decoration: underline;
	text-align: left;
}



/* copyright styles */

#copyright {
}

#copyright p {
	color: #FFFFFF;
}

#copyright a {
	color: #fff;
	text-decoration: none;
}

#copyright a:hover, #footerNav a:active, #footerNav a:focus {  
	text-decoration: underline;
	border-bottom: none;
	color: #82CDF5;
}





/* clear Class */
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
}




/* jumpLinks styles */
#jumpLinksContentWrap {	
}


#jumpLinksContent, #jumpLinksContent * {

}


#jumpLinksContent {
	margin: 0 auto 0 auto;
	padding: 20px 0px 50px 0px;
	width:650px;	
}


#jumpLinksContent ul li {

list-style-type: disc;

}

#jumpLinksContent ol li {

list-style-type: decimal;

}

#jumpLinksContent  p {
	text-align: left;	
}


#jumpLinksContent a {
	margin: 0 auto 0 auto;
}


#jumpLinksContent h3 {
	text-align: center;
	padding: 0px 0px 20px 0px;
}


#jumpContact  p {
	text-align: center;	
}

#jumpLinks1 {
	float:left;
}


#jumpLinks2 {
	float:left;	
	padding: 0px 0px 0px 40px;
}


#jumpLinks3 {
	float:right;	
	padding: 0px 0px 0px 0px;
}


/* interior Column styles */

#interiorColContent, #interiorColContent * {
	margin: 0px;
	padding: 0px;
}


#interiorColContent {
	padding: 40px 0px 40px 0px;
	float:left;
	width: 400px;	
}


#interiorCol1 {
	float:left;
}


#interiorCol2 {
	float:left;	
	padding: 0px 0px 0px 40px;
}


/* forms */
form {
/*	width: 400px; */
}


.formContent {
	padding-top: 10px;
	padding: 3px;
}


/* google toolbar form fix using Important -  add more form elements as necessary
toolbar auto colors most used fields yellow - match desired color */

input { 
background-color: #FFFFFF! important;
}

select {
background-color: #FFFFFF! important;
}

/*
input {
	left: 450px;
	position: absolute;
}
*/


#formTextBoxes input {
	left: 400px;
	position: absolute;
}


.colLeft {
	float:left;
}


.colRight {
	float:left;	
	padding: 0px 0px 0px 40px;
}


.timeContact {
	text-align: center;
}


.timeContactSpaceOut{
	padding: 0px 0px 0px 20px;
}

/* clear Class */
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
}


/* Helper divs */
#helper1 {
}


#returnToTop p {
	text-align: right;
}



/* storage
insert asterisk here for universal selectorness
{
margin:0;
padding:0;
}

*/

/* text styles */

p {
	font-size: 1em;
}


h1 {
color: #FFFF97;
font-size: 18px;

}


h2 {
color: #7E3117;
font-size: 18px;

}

.fronth2 {
color: #FFFF97;
font-size: 18px;

}

h3 {
	font-size: 1.2em;
	color: #7E3117;
	margin: 0;
	padding: 20px 0px 0px 0px;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	margin: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

h5 {
	font-size: .75em;
	font-weight: bold;
	color: #999999;
	margin: 0;
}

h6 {
	font-weight: bold;
	font-size: 1.25em;
	color: #333333;
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-align: center;
}



em {
	font-weight: normal;
	color: #666666;
	font-style: italic;
}

strong {
	font-style: normal;
	font-weight: bold;
	color: #666666;
}

hr {

}




/* jumpLinks styles */

#jumpLinksContent, #jumpLinksContent * {
	list-style-type: none;
}

#jumpLinksContent {
	
}

#jumpLinks1 {

}

#jumpLinks2 {

}

/* CLASSES */

/* forms */

#formTextBoxes {
		color: #666666;
}

.formText1 {
	font-weight: normal;
	font-size: 1.2em;
	color: #333333;
}

.formText2 {
	font-weight: bold;
	color: #7E3117;
	font-size: 1.2em;
}

.formContent {

	
}

.formContent ul {
	list-style-type: none;
}


.formContent p {
	font-weight: bold;

}

.formContent input {
	color: #666666;
	border: 1px solid color: #7E3117;
}

.formHR {
	width: 250px;
	text-align: left;
	color: #ee9414;
}

.formRequired {
	text-align: left;
	color: #7E3117;
}

/* other */

.returnToTop {
	text-align: right;
	padding: 0px 20px 0px 0px;
}

.imageShiftLeft {
	padding: 0px 20px 0px 0px;
}

.imageShiftRight {
	padding: 0px 0px 0px 20px;
}

.imageC2A {
	padding: 0px 100px 0px 0px;
}

#contact_hover a {
width : 140px;
height : 58px;
background : url(../images/contactBox.jpg) no-repeat;
            /* float:center; 
            padding:15px;
            margin-top: 10px; */
            display:block;
}

#contact_hover a:hover {
width : 140px;
height : 58px;
background : url(../images/contactBox2.jpg) no-repeat;
            /* float:center; 
            padding:15px;
            margin-top: 10px; */
            display:block;
}

/* INDEX PICTURES */

#indexServices_hover a {
width : 168px;
height : 168px;
background : url(../images/servicesPic2.jpg) no-repeat;
            /* float:center; */
            padding: 0px;
            margin-top: 0px;
            display:block;
}

#indexServices_hover a:active {
width : 168px;
height : 168px;
background : url(../images/servicesPic2Bord.jpg) no-repeat;
            /* float:center; */
            padding: 0px;
            margin-top: 0px;
            display:block;
}

#indexServices_hover a:hover {
width : 168px;
height : 168px;
background : url(../images/servicesPic2Bord.jpg) no-repeat;
            /* float:center; */
            padding: 0px;
            margin-top: 0px;
            display:block;
}

#preloadServices {
width : 1px;
height : 1px;
background-image: url("../images/servicesPic2Bord.jpg");
background-repeat: no-repeat;
background-position: -1000px -1000px;
}

#indexFreeHelp_hover a {
width : 168px;
height : 168px;
background : url(../images/contactPic2.jpg) no-repeat;
            /* float:center; */
            padding: 0px;
            margin-top: 0px;
            display:block;
}

#indexFreeHelp_hover a:hover {
width : 168px;
height : 168px;
background : url(../images/contactPic2Bord.jpg) no-repeat;
            /* float:center; */
            padding: 0px;
            margin-top: 0px;
            display:block;
}

#preloadFreeHelp {
width : 1px;
height : 1px;
background-image: url("../images/contactPic2Bord.jpg");
background-repeat: no-repeat;
background-position: -1000px -1000px;
}

#indexTestimonials_hover a {
width : 168px;
height : 168px;
background : url(../images/TestimonialsPic1.jpg) no-repeat;
            /* float:center; */
            padding: 0px;
            margin-top: 0px;
            display:block;
}

#indexTestimonials_hover a:hover {
width : 168px;
height : 168px;
background : url(../images/TestimonialsPic1Bord.jpg) no-repeat;
            /* float:center; */
            padding: 0px;
            margin-top: 0px;
            display:block;
}


#preloadTestimonials {
width : 1px;
height : 1px;
background-image: url("../images/TestimonialsPic1Bord.jpg");
background-repeat: no-repeat;
background-position: -1000px -1000px;
}


#indexAboutUs_hover a {
width : 168px;
height : 168px;
background : url(../images/aboutUsPic5b.jpg) no-repeat;
            /* float:center; */
            padding: 0px;
            margin-top: 0px;
            display:block;
}

#indexAboutUs_hover a:hover {
width : 168px;
height : 168px;
background : url(../images/aboutUsPic5bBord.jpg) no-repeat;
            /* float:center; */
            padding: 0px;
            margin-top: 0px;
            display:block;
}

#preloadAboutUs {
width : 1px;
height : 1px;
background-image: url("../images/aboutUsPic5bBord.jpg");
background-repeat: no-repeat;
background-position: -1000px -1000px;
}


#indexContactUs_hover a {
width : 168px;
height : 168px;
background : url(../images/contactPic1.jpg) no-repeat;
            /* float:center; */
            padding: 0px;
            margin-top: 0px;
            display:block;
}

#indexContactUs_hover a:hover {
width : 168px;
height : 168px;
background : url(../images/contactPic1Bord.jpg) no-repeat;
            /* float:center; */
            padding: 0px;
            margin-top: 0px;
            display:block;
}


#preloadContactUs {
width : 1px;
height : 1px;
background-image: url("../images/contactPic1Bord.jpg");
background-repeat: no-repeat;
background-position: -1000px -1000px;
}



.imageBorder {
	border: 1px solid #000000;
}


.servicesImageRight {

margin: 0px 0px 15px 15px;

}


.helpImageRight {

margin: 0px 0px 15px 15px;

}

.marginSpaceLeft {

margin: 50px 0px 10px 10px ;

}

.marginSpaceRight {

margin: 50px 10px 10px 0px ;

}

.contactSpaceLeft {

margin: 0px 0px 10px 10px ;

}

.contactSpaceRight {

margin: 0px 10px 10px 0px ;

}


.aboutSpaceLeft {

margin: 0px 0px 10px 10px ;

}

.aboutSpaceRight {

margin: 0px 10px 10px 0px ;

}

.employmentSpaceLeft {

margin: 0px 0px 10px 10px ;

}

.employmentSpaceRight {

margin: 0px 10px 10px 0px ;

}



.servicesSubTitle {

font-weight: bold;
color: #666666;

}

#aboutContact{
	width: 460px;
}

#aboutImages {
	margin-bottom: 10px;
	margin-left: 10px;
}

#pgTitle {
	color: #666;
	font-size: 22px;
	margin: 5px 0 0 0;
	padding: 0px;
}

#indexInfo {
	margin-bottom: 5px;
}

#footer h2, #footer h3 {
	color: #FFFF97;
}
