/* The style sheet to be used with Contico Manufacturing website */
/* General style attributes */
body
{
margin	: 0px ;
padding : 0px ;
font-size : 90% ;
font-family	: Verdana, Arial, Helvetica, sans-serif	;
text-align : center ;
color: black;
/* default to gray backgroung for browsers that cant handle below */
background-color: gray;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(black), to(#fff));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, black, #fff);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=black, endColorstr=#FFFFFFFF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=black, endColorstr=#FFFFFFFF)";
}
H1
{
margin-top: 10px;
font-family	: Arial, Verdana, Helvetica, sans-serif	;
display		: Block		;
color		: #0000CC	;
text-align	: left		;
padding-bottom	: 0px	;
padding-top	: 0px		;
font-size	: 140%	;
}
H2
{
font-family	: Arial, Verdana, Helvetica, sans-serif	;
display		: Block		;
color		: #0000CC	;
text-align	: left		;
padding-bottom	: 0px	;
margin-top:  10px;
padding-top	: 0px		;
font-size	: 125%	;
}
H3
{
font-family	: Arial, Verdana, Helvetica, sans-serif	;
display		: Block		;
color		: #0000CC	;
text-align	: left		;
padding-bottom	: 0px	;
padding-top	: 0px		;
font-size	: 110%	;
}
H4
{
font-family	: Arial, Verdana, Helvetica, sans-serif	;
display		: Block		;
color		: #0000CC	;
text-align	: left		;
padding-bottom	: 0px	;
padding-top	: 0px		;
font-size	: 100%	;
}
P
{
}
table {
border: 4px;
font-size: 100% ;
padding: 2px ;
max-width: 95% ;
}
caption
{
background:#ffff66; 
color:blue;
font-size:125%;
caption-side:top;
padding-top: 0.692em;
padding-bottom: 0.692em;
}
tr
{

}
th 
{
background: rgb(204, 204, 153);
}
td 
{
vertical-align: top;
text-align	: left	;
}
tr.odd
{
background-color: #ffff99;
}
tr.last
{
background:#ffff66; 	
}
form
{
margin-bottom: 0					;
}
INPUT, TEXTAREA 
{
color: blue;
font-weight: bold;
/*	font-size: larger; */
font-family: sans-serif;
}
select 
{
color: Blue;
font-weight: bold;
}
#Outer 
{
width		: 90%		;
max-width: 1200px ;
height		: auto		;
margin-left	: auto ;
margin-right:  auto ;
margin-top: 20px ;
margin-bottom: 10px ;
padding		: 0px	;
display:  block ;
background-color: azure	;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
z-index: 1000;
}
#Content
{
width: 92%;
white-space		: normal	;
display			: block		;
margin-left		: 0px		;
margin-right	: 0px ;
padding-left	: 20px		;
padding-right	: 20px		;
background-color: Azure		;
font-size	: 90%	;  
height		: auto		;
min-height : 450px ;
text-align:justify;
z-index: 700;
}
#Header
{
color		: white	;
padding-top: 20px ;
width : 100% ;
display: block;
clear: both ;
font-size: 100%;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
z-index: 900;
}
#Header a
{
border	: 0px		; 
padding: 0px;
}
img.logo1
{
float:left ;
width: 80%;
height : auto ;
padding: 0px;
border: 0px ;
}
img.logo2
{
float:left ;
width: 20%;
height : auto ;
padding: 0px;
border: 0px ;
}
.HeaderCell
{
Float	: left	; 
width : 30% ;
padding-left: 5px ;
padding-right: 0px ;
font-weight: bold;
color:  white;
}
.HeaderCell a img
{
display: inline;
text-decoration: none;
padding: 0px;
border: 0px ;
	
}
/* Styling and display effects used for the main navigation links */
#Navigation
{
height: 40px ;
white-space : nowrap;
z-index: 800;
}
#Navigation:after
{ /*Add margin between menu and rest of content in Firefox */
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#Navigation ul
{
border: None;
padding: 0px ;
margin: 0;
text-align: left; 
}
#Navigation li
{
width: 85px;
height: 25px ; 
display: inline;
float : left ;
line-height: 200%;
list-style-type: none;
margin-top: 0px;
margin-bottom : 0px ;
text-align: center ;
background: url("images/Graphics/Darkbutton.gif") center center no-repeat;
}
#Navigation li a
{
height : 100%;
width: 100%;
display	: block ;
padding: 0px;
margin: 0px;
color: white;
font-weight: bold;
font-size: 11px;
text-decoration: none;
border-right: None;
}
#Navigation li a:hover
{
background: url("images/Graphics/Lightbutton.gif") center center no-repeat;
color: black ;
}
#Leftcontent
{
padding: 5px ;
float: left ;
width: 200px ;
}
#Rightcontent
{
float: right ;
text-align: center ; 
padding:  5px ;
padding-right: 20px ;
width: 310px ;
}
#Rightcontent H2
{
text-align	: center ;	
}
#Centercontent 
{
margin-left:240px;
padding:8px;
}
.spacer 
{
clear: both;
}

#Error
{	
color		: #FF0000	;
font-size	: larger	;
}
#Instructions
{
}
/* Text scroll area for use in gallery. */
#Overflow
{
height		: 400px	;
overflow	: auto	;
}
/* Styling for the FAQ section to make question and answer text appear differently. */
.FaqObject
{
padding 	: 10px  ;
}
.FaqObject .Question
{
color		: #FF0000;
}
.FaqObject .Question li
{
list-style-type	: disc	;
}
.FaqObject .Answer
{
color		: #0000CC	;
}
#TypesMenu
{
font-size	: xx-small	;
}
#TypesMenu ul
{
list-style: none;
padding: 0;
margin: 0;
} 
#TypesMenu li
{
font-size	: xx-small	;
float: left;
margin: 0 0.75em;
}
#TypesMenu a
{
font-size	: xx-small	;
}
#Footer
{
font-size	: xx-small	;
padding		: 10px	;
margin		: 0px	;
display: Block;	
clear: both ;
text-align: center ;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}

.bgimage
{
	position: relative;
}
.bgimage .textover

{
	position: absolute;
	top: 30px ;
	left:50px;
	width: 90%;
}
/* Class for the plain text pages */
.Text
{
/*background: #ffffff; */
color:#000000;  
}
.Red
{
color : Red ;
}
.Blue
{
color : blue ;
}
.White
{
color: white ;
}
.redback
{
background-color: red;
color: white ;
}
.yellowback
{
background-color: yellow;
}
.orangeback
{
background-color: fuchsia;
color: white;
}
.greenback
{
background-color: green;
color: white;
}
.smaller
{
font-size: smaller ;
}
.Larger
{
font-size: Larger ;
}

.Left
{
text-align: left;
}

.Center
{
margin-left: auto;
margin-right: auto;
text-align: center;
}
.Right
{
text-align: right ;
}
.Hidden
{
	display: none;
}
.Strong
{
	font-weight: bold;
}
/* used for submit type buttons */
.submit
{
width: 85px;
height: 25px ; 
border: 0px ;
margin: 0px ;
overflow: hidden ;
text-align: center ;
background: url("images/Graphics/Darkbutton.gif") no-repeat center top ;
line-height: 200%;
vertical-align: middle ;
font-family	: helvetica,arial,sans-serif	;
font-size	: 11px;
font-weight	: bold	;
text-decoration: none ; 
color: white;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
.submit:hover
{
background: url("images/Graphics/Lightbutton.gif") no-repeat center top;
color: black;
}
.floatleft
{
float: left;
display: block ;
margin-right: 40px;
}
.firstletter 
{
float: left;
font-size: 3em;
line-height: 1;
font-weight: bold;
margin-right: 0.2em;
}
.block
{
display: block;
clear: right ;
}
img.valignmiddle
{
vertical-align: middle;
}
img.valigntop
{
vertical-align: top;
}
img.floatright { 
float: right; 
margin: 4px; 
}
img.flagsmall
{
height: 15px;
width:20px;
margin-right:5px ;
}
.marginright10
{
margin-right: 10px ;
}
/* Used in displaying back user entered data */
.Display
{
color: Blue;
font-weight: bold;    
}

.CenteredImage
{
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;  
}
.ImageInfo
{
float:none;
clear:both;
}
.ImageInfo img
{
float:left;
margin-right:1em;
}
.perc100
{
width: 100% ;
}
.perc50
{
width: 50% ;
}
.perc40
{
width: 40% ;
}