/* 
 * Andrew Howard
 * E-Quality Staffing Services
 * 28-07-2008
 *
 */

/* color blue background #668699 */
/* color lavenderblush3 #cdc1c5 */
/* color lavenderblush4 #8b8386 */
/* color thistle3 #cdb5cd */
/* color gray15 #262626 */
/* color grey19 #171717 */
/* color grey24 #302226 */
/* color grey30 #4d4d4d */
/* color grey32 #463E3F */
/* color grey39 #636363 */
/* color light grey #e0e0e0 */
/* color slate grey4 #616D7E */
/* color dark purple #300060 */
/* color darker purple #100030 */
/* color white orchid #FDFDF0 */
/* color white snail #FFFFF3 */



/******** Basic Element Styling *********/
body {
	min-width: 60em;
	background-color: #262626;
	font-family: arial;
}

a:link {
	color: #ffffff;
}

a:visited {
	color: #0000ff;
}
/****** end of Basic Element Styling ****/



/********** Class Styles ****************/
/* used to display creative commons logo beneath floated(right) ccimages */
.ccimageright {
	clear: right;
	float: right;
	height: 1.2em;
	width: 1.2em;
	margin: 0;
	padding: 0;
	padding-right: 1em;
	padding-bottom: 1em; 
	border: 0;
}


/* used for main page to display E-Quality text 
 * different then the rest of the link 
 */
.smallblue {
	color: #668699;
	font-size: 0.85em;
	font-family: "Verdana",san-serif;
}


/* use floatcolumn for multiple column lists */
.floatcolumn {
	float: left;
	width: 20em;
	padding: 1em;
}

.floatcolumn ul, .floatcolumn li {
	margin: 0;
	padding: 0;
}


/* clears all floats */
.clearfloat {
	clear: both;
}
/**** end of Class Styles ************/



/*************************************/
/* BEGIN home page "index.php"       */
#mainpage {
	display: block;
	width: 60em;
	border: 1px solid black;
	background-color: #ffffff;
	margin: auto;					/* center main page */
}

#mainpage .equalitylogo {
	display: block;
	width: 22.5em;
	border: 0;
	margin-left: 5em;
	padding: 0.2em;
}

#mainpage .mainimage {
	float: left;
	height: 23em;
	margin: 0.5em;
	border: 2px solid black;
}


#mainpage p {
	margin: 0;
	margin-left: 8em;
	margin-right: 8em;
	padding: 1em;
	color: #000000;
}
/* END home page                     */
/*************************************/



/*************************************/
/* BEGIN home navigation             */
#homenav {
	float: right;
	margin: 0;
	padding: 0;
	padding: 0;
}

#homenav div {
	height: 23em;
	margin: 0.5em;
	border: 2px solid black;
}

#homenav p {
	display: block;
	margin: 0;
	padding: 0.5em;
	background-color: #262626;
	color: #ffffff;
	text-align: center;
	font-family: arial;
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
}

#homenav table {
	height: 19em;
	margin: 0.5em;
	padding: 0;
	border-collapse: separate;
}

#homenav td {
	width: 23em;
	height: 5em;
	border: outset 0.5em;
	background: #ffffff;
	background-image: url(../images/equality.watermark.png);
	background-repeat: no-repeat;
	background-position: center; 
	color: #000000;
	text-align: center;
	vertical-align: middle;
}

#homenav a {
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
}	
/* END home navigation               */
/*************************************/



/*************************************/
/* BEGIN container section           */

/* contains entire page */
#container {
	position: relative;
	width: 60em;
	border: 1px solid black;
	margin: auto;				/* center container */
	padding: 0;
	background-color: #ffffff;
}
/* END container section             */
/*************************************/



/*************************************/
/* BEGIN header section              */
#mainheader {
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

#mainheader img.headerlogo {
	width: 22.5em;
	border: 0;
	border-left: 5px solid #ffffff; /* used as padding to display */
	border-top: 5px solid #ffffff;  /* properly in IE             */
	margin: 0;
	padding: 0;
}

#mainheader .headercontact {
	float: right;
	border: 0;
	margin: 0;
	padding: 0.5em;
	padding-bottom: 0;
	color: #000000;
	text-align: right;
	font-weight: bold;
	font-size: 0.9em;
}
/* END header section                 */
/**************************************/



/**************************************/
/* BEGIN main navigation section      */
#mainnav {
	clear: both;
	border: 0;
	border-bottom: 3px solid black;
	margin: 0;
	padding: 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	text-align: center;
}

#mainnav a {
	border: 0; 
	margin: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-color: #4d4d4d;
	color: #ffffff;
	text-decoration : none;
	font-variant: small-caps;
	font-family: arial;
	font-size: 0.8em;
}

#mainnav a.highlight {
	background-color: #668699;
}

#mainnav a:hover {
	background-color: #668699; /* #e0e0e0; */
}

#mainnav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
 
#mainnav li {
	display: inline; 
	border: 0;
	margin: 0;
	padding: 0;
}
/* END main navigation               */
/*************************************/


/*************************************/
/* BEGIN header slogan               */
#headerslogan {
	clear: both;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
	color: #000000;
	text-align: center;
	font-family: arial;
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
}
/* END header slogan                 */
/*************************************/



/*************************************/
/* BEGIN wrap section                */

/* contains side nav and content sections */
#wrap {
	float: left;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #668699;
	background-image: url(../images/wrap.bg.png); 
	background-repeat: repeat-x;
}
/* END wrap section                  */
/*************************************/


	
/*************************************/
/* BEGIN side navigation             */
#sidenav {
	float: left;
	width: 13em;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #4d4d4d;
}

#sidenav a, #sidenav li {
	padding: 0;
	color: #ffffff;
	font-variant: small-caps;
	font-family: arial;
	text-decoration: none;	
}

#sidenav a:hover {
	background-color: #668699;
}

#sidenav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidenav li {
	padding: 0.3em;
	font-size: 0.9em;
}

#sidenav li ul {
	border: 0;
	margin: 0;
	margin-left: 1.2em;
	list-style: disc;
}

#sidenav li ul li {
	list-style-type: disc;
	list-style-image: url(../images/blue.arrow.gif);
	font-size: 0.8em;
}

#sidenav div {
	display: block;
	margin: 0;
	padding: 0;
	padding-top: 1em;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
}

#sidenav hr {
	height: 0.3em;
	margin: 0.2em;
	padding: 0;
	color: #668699;
	background-color: #668699;
}

#sidenav .thickhr {
	height: 0.5em;
}
/* END side navigation style         */
/*************************************/


/*************************************/
/* BEGIN content section styles      */
#content {
	position: relative;
	height: 100%;
	margin: 0;
	margin-left: 14em;	/* leave room for sidenav */
	padding: 0;
	border: 0;
	color: #ffffff;
	font-family: 'arial';
	font-size: 0.9em;
}

#content h1, #content h2, #content h3, #content h4, #content h5 {
	margin-top: 1em;
	margin-left: 1.5em;
	margin-right: 3.5em;
	font-variant: small-caps;
}

#content p {
	margin-left: 3em;
	margin-right: 3.5em;
}

#content ul, #content ol {
	margin-left: 5em;
	margin-right: 5em;
	margin-bottom: 2em;
}

#content ol {
	list-style-type: lower-roman;
}

#content li {
	padding: 0.2em;
}

#content img.admininfoimage1 {
	float: left;
	width: 14em;
	border: 0;
	padding: 1em;
}

#content img.admininfoimage2 {
	float: right;
	width: 10em;
	border: 0;
	padding: 1em;
}

#content img.professionalinfoimage1 {
	float: right;
	width: 18em;
	border: 0;
	padding: 1em;
	padding-bottom: 0.2em;
}

#content img.technicalinfoimage1 {
	float: right;
	width: 15em;
	border: 0;
	padding: 1em;
	padding-bottom: 0.2em;
}

#content img.allprivateimage1 {
	float: right;
	width: 20em;
	border: 0;
	padding: 1em;
	padding-bottom: 0.2em;
}

#content img.allgovernmentimage1 {
	float: right;
	width: 15em;
	border: 0;
	padding: 1em;
	padding-bottom: 0.2em;
}

#content img.allinterviewimage1 {
	float: right;
	width: 18em;
	border: 0;
	padding: 1em;
}

#content img.allqualityimage1 {
	display: block;
	width: 25em;
	border: 0;
	margin: 0 auto;
	padding: 1em;
}
/* END content section styles        */
/*************************************/


/*************************************/
/* BEGIN contactcontent section      */
#contactcontent {
   margin: 0;
   padding: 0;
}

#contactcontent ul.contactlist {
	margin-left: 7em;
	padding: 0em;
}

#contactcontent ul.contactlist li {
	margin: 0;
	padding: 0.3em;
}

#contactcontent ul.nobullets {
	margin: 0;
	margin-left: 2em;
	padding: 0;
	list-style: none;
}

#contactcontent ul.nobullets li {
	margin: 0;
	padding: 0;
	list-style: none;
}


/* start of contact form positioning and styling */
.contactform {
   margin: 0;
   margin-left: 2.5em;
   padding: 0.5em;
}

.contactform input {
	padding: 0.2em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	margin: 0;
	margin-bottom: 0.5em;
}

.contactform label {
   display: block;
   padding-left: 0;
   padding-top: 0.5em;
}

.contactform span {
	vertical-align: top;
}

.contactform .smallfont {
	margin: 0;
	padding: 0;
	font-style: italic;
	font-size: 8pt; 
}

.nameinput {
	position: relative;
}

.lname {
	position: absolute;
	top: 0;
	left: 20em;
}

.addressinput div label {
   padding-top: 0;
}

.addressLocation {
	position: relative;
}

.locationProvince { 
	position: absolute;
	top: 0;
	left: 17em;
	margin: 0;
}

.locationPostal {
	position: absolute;
	top: 0;
	left: 30em;
	margin: 0;
}

.buttoninput input {
	display: inline;
	margin: 0.3em;
	margin-left: 0;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
/* end of conact form positioning and styling */

/* END contactcontent section        */
/*************************************/

	
/*************************************/
/* BEGIN footer section              */
#footer {	
	clear: both;
	display: block;
	width: 100%;
	border: 0;
	border-top: 3px solid black;
	margin: 0;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	background: #ffffff;
	color: #000000;
	text-align: center;
	font-size: 0.8em;
}

#footer a {
	color: #000000;
	text-decoration: none;
}

#footer p {
	border: 0;
	margin: 0;
	padding: 0;
}
/* END footer section                */
/*************************************/