/* CSS file for ansellnet.com */

* {
margin: 0;
padding: 0;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #fff;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	text-align:center;
}

body p {
	padding: 10px 10px 10px 0px;
	font-size:1.6em;
	color: #485755;
	line-height:140%;
	
}

body a:link {
	padding: 0 0 0 0;
	font-weight:bold;
	color:#35648c;
	text-decoration:none;
}

body a:visited{
	text-decoration:none;
color: #664422;
}

body a:hover, a:focus, a:active {
	text-decoration:underline;
	color: #35648c;
}

table {
	
	width: 100%;
/*	border: 1px solid #CCF252;
	background: #326470;*/
	padding: 0 0 0 0;
	font-size:1.6em;
		}
		
table th, table td {
margin:0;
padding: 5px 5px 0 0;
text-align:left;
/* border-bottom: 1px solid #b5b5b5; */
}

table .button {
	text-align:left;
	}

table .tbltext {
color: #F3FF55;	
}

#contact {
	float: right;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.errtext {
color: #F02F04;
font-size: 1.6em;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
	
div.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}
li.clearFloat {
	clear: both;
}

#container {
min-height:100%;
/* background-image:url(images/banner15.png);
background-repeat:repeat-y; */
background-color:#485755;
width: 960px;
margin: auto;
text-align: left;
}

#navcontainer
{
margin: 1.0em 0 0 0;
float: left;
width: 600px;
padding: 0 0 0 0;
/* background-color: #90b2f4; */
background: #485755 url(images/nav_top.gif) no-repeat top left;
}

#navcontainer ul
{
	
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

 #navcontainer ul li
{
	
display: block;
float: right;
text-align: center;
padding: 0;
margin: 0;
} 

#navcontainer ul li a
{
padding: 0 0 0 0;
margin: 0 0 0 0; 
color: #CCF252;
text-decoration: none;
display: block;
text-align: center;
font: bold 1.1em "Trebuchet MS", Helvetica, Ariel sans-serif;
padding: .5em 1em;
}

#navcontainer ul li a:hover
{
background: #F3FF55;
color: #324759;
}

#navcontainer a:active
{
background: #c60;
color: #fff;
}

#navcontainer li#active a
{
background: #f2f2f2;
/* 	border: 1px solid #c60; */

color: #000;
}

#navcontainer li#navoff a {
	color:#90b2f4; /*Make the extra options invisible (same colour as background) until we turn 'em on*/
	background-color: #90b2f4;
}
blockquote.style2 {
			text-align:justify;
			font-size: 1.2em;
			font-style:italic;
			margin: 0 0 0 0;
			padding: 1em 1em 0 1em;
			color: #fff;
			}

.highlight
{
font-weight:bold;
}	

#header {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
	float: left;
	width: 960px;
	height:280px;
	background: #3B4457 url(images/snail3.jpg) no-repeat top left;
	/*	let contents dictate the height*/
}

#logo {
	float: left;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	background-color: #485755; 
	
	}

#logo h1 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	padding: 0em 0 0.25em 0.5em;
	font-weight: normal;
	font-size: 4.8em;
			}


.tagline {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	text-align: left;
	color: #babf3a;
	display: inline;
		}
	

/* #contact p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	text-align: right;
	color: #babf3a;
	display: inline;
		} */

.Txt_Phone {
	padding: 0 0 0 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-align: right;
	color: #9FA4A6;
	line-height: 120%;
	}

#contact a:link {
	text-align: right;
	float: right;
	color:#b8bf39;
	text-decoration:none;
}
#contact a:visited{
color: #f2f2f2;
}
#contact a:hover, a:focus, a:active {
text-decoration:underline;
} 

/* #branding {
float:left;
width: 960px;
height: 100px; 
background-color: #fff; 
background-image:url(images/wetrock2.jpg);
} 

#branding h1 {
	text-align: left;
	color: #84A68E;
	padding: 5px 20px 0px 30px; 
	font-size: 140%;
	font-weight: bold;
}

#branding p {
	text-align: left;
	color: #2C3740;
	padding: 5px 20px 0px 30px; 
	font-size: 100%;
	font-weight: bold;
}

#branding h2 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: right;
	color: #ff7100;
	padding: 5px 20px 0px 30px; 
	font-size: 110%;
	font-weight:bold;
}

#branding h3 {
	text-align: right;
	color: #ff7100;
	padding: 5px 20px 0px 30px; 
	font-size: 110%;
	font-weight:bold;
}
#branding a:link {
	color:#735050;
	text-decoration:none;
}
#branding a:visited{
color: #9dbaab;
}

#branding a:hover, a:focus, a:active {
color: #ff7100;
} */

#footer {
clear: both;
padding-top: 1.0em;
background-color:#9FA4A6;
font-size: 1.0em;
/* height: 70px; */ 
text-align: center;
line-height:1.25;
color: #3B4457;
} 

#footer a:link {
	color:#3B4457;
	text-decoration:none;
}
#footer a:visited{
color: #f2f2f2;
}

#footer a:hover, a:focus, a:active {

text-decoration:underline;
} 

#mainContent {
float: left;
width: 960px;
text-align:justify;
background:#485755;
height:100%;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 10px 0px;
} 


#mainContent a:link {
	color:#ff5917;
	text-decoration:none;
	font-weight:bold;
}

#mainContent a:visited{
color: #000;
text-decoration:none;
}

#mainContent a:hover, a:focus, a:active {
color: #006f8a;
} 


#suppContent {
float: left;
width: 280px;
background-color: #fff;
/* background-image:url(images/banner17.png);
background-repeat:repeat-y;
border: 1px solid #999999;*/
margin: 0px 0px 0px 330px; 
padding: 0px 0px 0px 0px;
}

.highlight
{
font-weight:bold;
color: #000;
}

/*#footer p {
	font-size:1.0em;
padding-top: 1.0em;
color:#3B4457;
line-height: 1.0;
} */

#suppContent p {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#6F7370;
line-height: 1.5;
padding-top:5px;
}

#suppContent h2 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:120%;
font-weight:bold;
color: #0B090D;
line-height: 1.5;
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.8em;
font-weight:bold;
color: #735050;
text-align:left;
padding-top:10px;
padding-bottom:10px;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
font-weight:normal;
color: #68788C;
padding-top:10px;
padding-bottom: 8px;
}

h3 { 
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
font-weight:normal;
color: #68788C;
padding-top:10px;
padding-bottom:6px;
}



#colwrap {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 960px; 
}
.columns {
	margin: 10px 10px 10px 10px;
	display: inline;
	float: left;
	width: 300px; 
/* 	height: 150px; */
}


.columns h1, h2, h3, h4 {
	padding: 10px 0 0 10px;
	font-family: "Georgia", Times New Roman, Times, serif;
	text-align:left;
	color:#CCF252;
	
}
.columns p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 10px;
	text-align:justify;
	color:#FEFCD9;
}

#contact {
	margin: 10px 10px 10px 10px;
	display: inline;
	float: left;
	width: 300px; 
/* 	height: 150px; */
}

	#calltoact{
	margin: 0px 0 0 0px;
	padding: 0em 0em 10px 0em ;
	display: inline;
	float: right;
background-color: #BF8743; 
	width: 300px;
}
img.floatLeft {
float: left; 
margin: 0px 10px 0px 10px; 
padding: 2px;
/* background-color: #333;
border: 1px solid #000;
border-top: 2px solid #ddd;
border-left: 2px solid #ddd;
border-right: 2px solid #666;
border-bottom: 2px solid #666; */
} 

img.floatRight {

float:right;
margin: 0px 10px 0px 10px;  
padding: 2px;

}

#navbar
{
margin: 0 1.0em 0 0 ;
float: right;
width: 940px; 
padding: 0 0 0 0;
}

#navigation ul {
    margin:0;
    padding:0;
    list-style:none;
    }
  
	#navigation li {
    list-style:none;
	float:right;
    background: url(images/nav_right.png) no-repeat right top;
    margin-right:1px;
    padding:0;
	    }
	#navigation a {
    display:block;
    background:url(images/nav_left.png) no-repeat left top;
	padding: 0.5em 1.0em; 
	color:#fff;
    }

#navigation a:link {
/*	padding: 5px 0 0 1.0em; */
	font-size:1.8em;
	font-weight:bold;
	color:#f2f2f2;
	text-decoration:none;
}

#navigation a:visited{
	text-decoration:none;
	font-size:1.8em;
	font-weight:bold;
	color: #fff;
}

#navigation a:hover, a:focus, a:active {
	
	color: #CCF252;
}

#navbar #active 
{
display:block;
text-decoration:none;	
background-image: url(images/active_right.png);
}

#navbar #active a
{
background-image: url(images/active_left.png);
font-size:1.8em;
	font-weight:bold;
color:#999;
}