/*  with thanks to http://matthewjamestaylor.com/blog/perfect-3-column.htm
	
	    Max layout width and the biggest img you can use before they get chopped off
	    800 x 600
        Left & right columns: 162 pixels
        Center page: 357 pixels
        
        1024 x 768
        Left & right columns: 210 pixels
        Center page: 459 pixels*/
	
	body {
		margin:0 auto;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		/*background-color:#000;*/
		background-image:url(../Images/bkgBody7.png);
	    background-repeat:no-repeat;
	    background-position: 50% 50px;
		text-align:center;
		
		/*font-family: Tahoma, Sans-Serif;
        font-size: 1em;
        font-style: normal;
        font-weight: normal;
        text-transform: none;
        letter-spacing: normal;
        line-height: 1.2em; */
        font-family: Tahoma, sans-serif;
        font-size: 0.9em;
        font-style: normal;
        font-weight: normal;
        text-transform: none;
        letter-spacing: normal;
        line-height: 1.6em;
		
	}
	.container
	{
	    position:relative;
	    min-width:600px;		/* Minimum width of layout - remove line if not required */
		max-width:1024px;		/* The min-width property does not work in old versions of Internet Explorer */
		margin:0 auto;
		text-align:left;
	}
	/*a {
		color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
.hover-image-container 
{
    display:block; 
    height:11px;
    overflow:hidden;
    border:no;
}
.hover-image-container:hover img 
{
    margin-top:-11px
}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}*/
h1
{
    font-family: Impact, Arial Black, Sans-Serif;
    letter-spacing: -1px;
    font-size: 58px;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1.2em;
    
    /*color:black;*/
}
h1 span 
{
  background: url(../Images/bkgH1.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}

h2
{
    /*letter-spacing: -1px;*/
    font-family:Impact, Arial Black Sans-Serif;
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    line-height: 1.1em;
    /*color:black;*/
}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	
.p
{
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: normal;
    line-height: 1.6em;
        
}

	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;

		/*margin-top:10px;*/
		padding-bottom:10px;
		background: #000000; /* for non-css3 browsers */
	    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
	    background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#000000));
	    background: -moz-linear-gradient(top,  #333333,  #000000);
	 /*background-image:url(../Images/bkgGradientHeader.png);
	  background-repeat:repeat-x;
	  
	  background-color:#000;
	  border-top:solid 1px #000;
	  border-bottom:solid 1px #000;*/
		
	}
	#header p,
	#header h1,
	#header h2 {
		padding: 15px 15px 15px 25px;
		margin:0;
		color:#fff;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		/*display:inline;*/
		float:left;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
	    font-size:32px;
	    font-family: Impact, Arial Black, Sans-Serif;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:transparent;
		color:#fff;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
		text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
	}
	#header ul li a:hover {
		/*background:#000;*/
		color:Silver;
		text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
	}
	/*#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}*/
	/* 'widths' sub menu */

	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		text-align:left;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:1em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:transparent;		 /*right column background colour */
}
	.threecol .colmid {
		right:25%;			    /* width of the right column */
		background:transparent;	 /*center column background colour */
}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		 background:transparent;	/*left column background colour */
}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* 2 Column (double page) settings */
	.doublepage {
		/*background:#eee;		 right column background colour */
	}
	.doublepage .colleft {
		right:50%;			    /* right column width */
		/*background:#eee;		 left column background colour */
	}
	.doublepage .col1 {
		width:46%;			/* left column content width (column width minus left and right padding) */
		left:52%;			/* right column width plus left column left padding */
	}
	.doublepage .col2 {
		width:46%;			/* right column content width (column width minus left and right padding) */
		left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	/*-------------------- Full page settings -------------------------- */
.fullpage 
{
		background:transparent;		/* page background colour */
}
.fullpage .col1 
{
		width:96%;			    /* page width minus left and right padding */
		left:2%;			    /* page left padding */
}

	
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	    background-image: url(../Images/bkgAccentColorShort.png);
	    background-repeat:repeat-x;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	
.width100
{
    clear:both;
    float:left;
	width:100%;
}
.width100 p, .width100 h1, .width100 h2, .width100 h3 
{
		padding: .4em 15px 15px 15px;
		margin:0;
}
/*---------------- button --------------------------*/
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

/*-------------------color----------------------*/
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.orangeNew
{
    color: #fef4e9;
	border: solid 1px #ab7c24;
	background: #e5a912;
	background: -webkit-gradient(linear, left top, left bottom, from(#e5a912), to(#fff100));
	background: -moz-linear-gradient(top,  #e5a912,  #fff100);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5a912', endColorstr='#fff100');
    
}
.orangeNew:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orangeNew:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.bkgColor
{
    background:#ccc;
}
.bkgAccentColor
{
    background-color:#0099ff;
}
.bkgMain
{
     background-image:url(../Images/bkgMain.png);
     background-repeat:repeat-x;
}
.clear
{
    clear:both;
    height:20px;
}
.alignLeft
{
    text-align:left;
}
.alignRight
{
    text-align:right;
}
.inner
{
    background-color:White;
    padding:5px;
}
.floatLeft
{
    float:left;
}
.highlight
{
    border:solid 1px white;
}
.highlight h2
{
    margin:0;
    padding:5px;
    width:100%;
    background-image:url(../images/bkgHighlight.png);
    color:#fff;

}
.highlight p
{
    padding:5px;
}
.companyContainer
{
    /*display:table;*/
    width:320px;
    height:220px;
    background-image: url(../Images/bkgCompany.png);
    /*margin: 0 auto;
    text-align:center;*/
    float:left;
}

.companyContainer table
{
     width:100%;
     text-align:center;
}
.companyContainer td
{
    height:200px;
    vertical-align:middle;
}
.bkgGradientTop
{
    clear:both;
    height:40px;
     background-image:url(../Images/bkgGradientTop.png);
}
.bkgGradientBottom
{
    clear:both;
    height:40px;
    background-image:url(../Images/bkgGradientBottom.png);
}
/*-------------form elements-------------*/
.txbStandard 
{
    border: solid 1px silver;
    background-color: Transparent;
    width: 100%;
    padding-top:0.8em;
    padding-bottom:0.8em;
    padding-left:0.5em;
    font-family: “Lucida Sans Unicode”, sans-serif;
    font-size: 1.1em;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    color:gray;
    
}
.txbMultiLine
{
    border: solid 1px silver;
    background-color: Transparent; /* White; /*#efefef;*/
    height: 11.719em; /*150px;*/
    width: 100%;
    padding-top:0.8em;
    padding-left:0.5em;
    font-family: “Lucida Sans Unicode”, sans-serif;
    font-size: 1.1em;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    color:gray;
}