/*
==================================================================================================================================== SITE-WIDE TAG MODIFICATIONS
General Tag Modifications
*/

* {
	padding : 0;
	margin : 0;
}
  
html {
	font : small/1.4 "Lucinda Grade", Tahoma, sans-serif;
	overflow: auto;
	border: none;
}  

body { 
	font-size : 92%;
	height : 100%;
}

img { 
	border : none;
}

p {  
	padding-left : 5px; 
	padding-right : 5px; 
	text-align : justify; 
}

h4 {  
	font-size : 1.1em; 
	font-weight : lighter; 
	padding-top : 20px; 
	padding-left : 25px; 
	padding-bottom : 10px; 
	font-weight : bold; 
}  
 
/*
==================================================================================================================================== SITE-WIDE CLASSES AND IDS
Used for menus etc. throughout the entire website.
*/
 
#header {
	/* The Header */ 
	color : #333; 
	width : 880px; 
	float : left; 
	border-top : 1px solid #ccc; 
	border-left : 1px solid #ccc; 
	border-right : 1px solid #ccc; 
	border-bottom : 1px solid #ccc; 
	height : 140px; 
	margin : 10px 0 0 0; 
	background : #fff 25px 10px; 
}
 
#leftcolumn {  
	/* Defines styling for the lefthand menu. */
	color : #333; 
	border-left : 1px solid #ccc; 
	border-right : 1px solid #ccc; 
	background : #ECECEC; 
	height : 9900px; 
	padding-bottom : 9999px; 
	margin-bottom : -9999px; 
	width : 203px; 
	float : left; 
	font-variant: small-caps; 
} 

#rightcolumn {
	/* Defines styling for the righthand container */
	float : right; 
	color : #333; 
	width : 677px; 
	display : inline; 
}  

#wrapper {
	/*site border*/ 
	margin : 0 auto; 
	width : 882px; 
	overflow : hidden; 
}  

#boxes {
	/* Defines styling for the righthand content */
	height : 9999px; 
	background-color : #f6f6f6; 
	border-bottom : 9999px; 
	margin-bottom : -9999px; 
}  

#boxes a {
	/* Defines styling for the righthand content anchor tags */
	color : #5FB5F0; 
}

#boxes p {
	/* Defines styling for the righthand content paragraph tags */
	padding-left : 10px;
	padding-right : 10px;
	text-align : justify;
	font-size : 1em;
}

#maincontent {
	/* Defines styling for the righthand content content */
	padding-left : 20px; 
	padding-right : 20px; 
	background-color : #f6f6f6; 
}

#footer {  
	width : 860px; 
	color : #333;  
	border : 1px solid #ccc; 
	background : #EAEAEA; 
	padding : 10px; 
	color : #fff; 
	margin-top : 3px; 
	float : left; 
}
 
#footer p {  
	text-align : center; 
	font-size : 0.9em; 
	color : #515151; 
}  
/* TO DO: Can we merge these color attributes with footer? */
#footer a {
	color : #515151; 
}

.supportInfo {
	/* This is to remove the "need assistance" link at the bottom of formassembly forms. */ 
    display: none; 
} 

/* ========================================================================================= MENU */ 

#menu3 { 
	width: 201px; 
	border: 1px solid #ccc; 
	padding-top: 0px; 
	font-weight : normal; 
} 
 
#menu3 li a { 
  	height: 32px; 
  	voice-family: "\"}\"";  
  	voice-family: inherit; 
  	height: 24px; 
	text-decoration: none; 
} 
 
#menu3 li {			   
	list-style-type: none; 
	list-style: none; 
} 
 
#menu3 ul {			   
	list-style-type: none; 
	list-style: none; 
} 
 
#menu3 li a:link, #menu3 li a:visited { 
	color: #000000; 
	display: block; 
	background:  url(images/menu3.gif) no-repeat;  
	padding: 8px 0 0 24px; 
} 
 
#menu3 li a:hover, #menu3 li a:active { 
	color: /*#283A50*/#000000; 
	background:  url(images/menu3.gif) no-repeat 0 -32px; 
	padding: 8px 0 0 27px; 
} 

.navHeading { 
	/* This is the style for the "for complete information on any service click on the individual panel" text at the top of the menu */ 
	line-height: 1em; 
	text-align: center; 
	font-size: 1.1em; 
	font-weight: bold; 
	margin-top: 3px; 
	margin-right: 3px; 
	margin-bottom: 5px; 
	margin-left: 3px; 
	border-bottom-width: 2px; 
	border-bottom-style: solid; 
	border-bottom-color: #A3C2DB; 
	padding-bottom: 5px; 
} 

.navSubHeading{
	/* This is the style for the subheadings in the menu (e.g.: Genetics, Forensics, etc.) */
	line-height: 1em;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 12px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-bottom: 5px;
}

/* ========================================================================================= TABS */ 

#tabs1 { 
	float:left; 
	width:100%; 
	background:#F4F7FB; 
	font-size: 93%; 
	line-height:normal; 
	border-bottom:1px solid #BCD2E6; 
} 
 
#tabs1 ul { 
	margin:0; 
	padding:10px 10px 0 50px; 
	list-style:none; 
} 
 
#tabs1 li { 
	display:inline; 
	margin:0; 
	padding:0; 
} 
 
#tabs1 a { 
	float:left; 
	margin:0; 
	padding:0 0 0 4px; 
	text-decoration:none; 
} 
 
#tabs1 a span { 
	float:left; 
	display:block; 
	padding:5px 15px 9px 6px; 
	color:#627EB7; 
} 
 
/* Commented Backslash Hack hides rule from IE5-Mac \*/ 
#tabs1 a span {
	float:none;
} 
/* End IE5-Mac hack */ 
 
#tabs a:hover span { 
	color:#627EB7; 
} 
 
#tabs1 a:hover { 
	background-position:0% -42px; 
} 
 
#tabs1 a:hover span { 
	background-position:100% -42px; 
} 

/*
==================================================================================================================================== PAGE SPECIFIC STYLING
These classes are used in very specific pages of the website
*/

.toggleborder:hover img{
	/* Makes stuff show border when moused over "so that people know they can click it"
	Currently only found on index.html, fingerprinting.htm, and dna-testing.htm
	TODO: Make the site more consistent.  Maybe make an a.img instead?  Need to check rest of site. */
	border: 1px solid navy; 
} 
.toggleborder:hover{ 
	color: red; /* Dummy definition to overcome IE bug */ 
} 

#left {
/* Only used in dna-testing.htm
 TODO: Is this not default behaviour?  Can we not make it an attribute of div tags?  Overall, this isn't too important. */
float : left; 
} 

#leftcan1 {
/* Only used in canine-dog-dna.htm */ 
float : left; 
padding-left : 15px; 
} 

#right {  
/* Only used in canine-dog-dna.htm and dna-testing.htm */ 
float : right; 
} 

#rightcan {  
/* Only used in canine-dog-dna.htm */ 
float : right; 
padding-left : 20px; 
} 

#leftquestions {  
/* Only used in canine-dog-dna.htm */ 
float : left; 
padding : 15px; 
} 

#rightpic { 
/* Only used in dna-paternity-testing.htm and hair-drug-testing.htm */ 
padding-top : 20px; 
padding-bottom : 20px; 
}

#mainimg { 
/*No Styling information, but the tags are all already set up, so I guess I may as well leave this here.  Could be removed with no problems.*/
}

#stream { 
/* Only used in facilities.htm */ 
padding-left : 180px; 
}

.red { 
	/*Makes things red.
	Found on child-crisis.htm, fingerprinting.htm, and forensic.htm */
	color : #FF0000; 
	font-size:100%; 
} 

.trOdd { 
	/* striped  easy-to-read-table
	Only found on forensic.htm */ 
	background-color: #ECECEC; 
} 

/*
==================================================================================================================================== THE BOX SERIES
TODO: Try to merge these
*/

#box6 {  
	/* The small blue box in dna-testing.htm */
	width : 224px; 
	border : 2px solid #6DB5F0; 
	height : 100px; 
	/*float : center;*/ 
	margin : 0 auto; 
	text-align : left; 
}

#box1 {
	/* Only seems to appear in backups of dna-paternity-test that for some reason or another are being hosted on the website. */
	width : 224px; 
	border : 20px solid #F6F6F6; 
	height : 260px; 
	float : left; 
	margin : 0 auto; 
	text-align : left; 
}

#box9 {  
	/* Only seems to appear in backups of dna-paternity-test that for some reason or another are being hosted on the website. */
	width : 224px; 
	border : 20px solid #F6F6F6; 
	border-left : 80px solid #F6F6F6; 
	height : 260px; 
	float : left; 
	margin : 0 auto; 
	text-align : left; 
}

#box1 h2, #box6 h2 {  
	padding-left : 70px; 
	padding-bottom : 15px; 
	padding-top : 15px; 
	font-size : 1.5em; 
	color : #df7111; 
	font-weight : lighter; 
	background-color : #E5E7EE; 
	display : block; 
	text-transform : uppercase; 
	font-size : 1.1em; 
	font-weight : bolder; 
}  

#box12 { 
	/* privacy-policy.htm */
	width : 224px; 
	height : 440px; 
	/*float : center;*/ 
	margin : 0 auto; 
	text-align : justify; 
	padding-left : 8px; 
	padding-right : 8px; 
	padding-top: 20px; 
	padding-bottom: 20px; 
	border : 1px solid #498DBE; 
	color : #333333; 
	background-color : #DADADA; 
	display : block; 
	font-size : 1.0em; 
} 

#box1 h3 {  
	padding-left : 10px; 
	padding-right : 10px; 
	font-size : 1em; 
	color : #070707; 
	font-weight : lighter; 
}

/*
==================================================================================================================================== THE TABLE SERIES
Various tables that should be checked for mergability
*/

#standardTable td{ 
	border: 1px solid #000000; 
	padding: 5px; 
} 
 
#standardTable{ 
	border-collapse:collapse; 
} 

.fertilitytable { 
	text-align: center; 
	border: 1px solid #003366; 
	padding: 4px; 
} 
.alcoholtable { 
	border: 1px solid #000000; 
	padding: 4px; 
	margin: 0px; 
}