/* ------------------------- TEMPLATE & LAYOUT STYLES (in order used in template) -------------------------------- */
html { height: 100%; margin-bottom: 1px; 
}
.tiny {font-size:1px;
}
li { list-style-position:inside; list-style-image:url(../images/orangedot.gif);
}
body  { font: 85% Arial, Helvetica, sans-serif; line-height:150%; background: #FFFFFF; color: #666666;
	    margin: 0; padding: 0; /* these accounts for differing browser defaults */
		align: center; /* this centers the container in IE 5* browsers. */ }
body a:link    { color:#FD5A00; text-decoration:underline; }
body a:visited { color:#FD5A00; text-decoration:underline; }
body a:hover   { color:#000000; text-decoration:none; cursor:pointer; }
body a:active  { color:#FD5A00; text-decoration:underline;
}
body br { line-height:85%;
}
#header { width: 990px; height: 200px; margin-top: 10px; margin-bottom: 10px; 
          margin-left:auto; margin-right:auto; align:center;
} 
#mainbox { height: auto; width: 990px; margin-left:auto; margin-right:auto; align:center; margin-bottom:5px;
}
#mainL { float: left; height: auto; width: 175px; text-align: left;
}
/* ---------------------- VERTICAL MENU STYLE with background image ------------------------------------------ */
/*            You can call this in a single <div> - no <br> tags are needed.                                   */
#vertmenu a { text-decoration:none; text-align:left; background-color:#FFFFFF;
	font-weight: normal; color:#939598; font-family: Arial, Helvetica, sans-serif; font-size: 100%;
    display:block; 	width:170px; line-height: 30px;
	margin:0px; padding:0px;
	background-image: url(../images/menuline.gif); background-repeat: repeat-x; background-position: left bottom;
}
#vertmenu a:hover { color:#FD5A00;  
}
/* ----------------------------------------------------------------------------------------------------------- */
#maincentre { text-align: left; height: auto; width: 590px; margin-right: 10px; margin-left: 10px; float: left;
}
#mainR { float: left; height: auto; width: 195px; 
}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;
/* placed on a div or break, should be final element before the close of a container that should fully contain a float */
}
#footer { background-image: url(../images/footer.gif); background-repeat: no-repeat;
	text-align: center; height: 30px; width: 990px; margin-left:auto; margin-right:auto; align:center; margin-top: 20px; 
} 
#footer { background-image: url(../images/footer.gif); background-repeat: no-repeat;
	text-align: center; height: 30px; width: 990px; margin-left:auto; margin-right:auto; align:center; margin-top: 20px; 
} 
#footer p { margin: 0; padding: 0; line-height: 30px;
/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

h3 { font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #7BB7D6;
	 margin:0px; margin-bottom:10px;
}
.artictxt { font-size: 12px; line-height:130%; margin-bottom:13px;
}
.artdate { font-size: 11px; margin-bottom:4px; 
}
.quote { font-size: 12px; color: #C39246; line-height:130%; font-style:italic; 
}
.quoteowner { font-size: 12px; color: #666666; line-height:130%; text-align:right;
}
#contactfoot { margin-top:10px; width:990px; margin-left:auto;margin-right:auto;
}
.sevenpad { margin-left:7px;
}
.contactpad { margin-left:7px; margin-top:7px;
}
.footertxt { font-size: 80%;  line-height:130%; 
}

/* -------------------------------- TEXT & OTHER STYLES used on pages ----------------------------------------- */

.searchpad {margin-left:7px; margin-top:20px;
}
.search { font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #646565;
}
.formfield { border: 1px solid #646565; background-color:#FFFFFF;
}
h1 { font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; color: #7BB7D6;
	 margin:0px; margin-bottom:5px; line-height: 28px;
}
h2 { font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #7BB7D6;
	 margin:0px; margin-bottom:7px; margin-top:10px;
}
.articleIMR { margin-left:10px; margin-bottom:10px; margin-top:10px; float:right;
}
#azbox { height: 25px;line-height: 25px; width: 560px; border: 1px solid #999999; text-align: center; 
     margin-top:5px; margin-bottom:5px; background-image: url(../images/azboxbg.gif); background-repeat: repeat-x; 
}
.az { font-size: 14px; line-height:25px; font-weight:bold;
}
.maintxt { font-size: 90%;  line-height:130%; 
}

/* -------------------------------- TEXT & OTHER STYLES used in CMS ----------------------------------------- */

.servlistxt { font-size: 90%;  line-height:180%;
}