h3, h4 {padding: 0px; margin: 0px;}
a {color: black; text-decoration:none;}
body {
	font-family: verdana, arial, sans-serif;
	font-size: 80%;
	background: white;
	width: 1024px;
	margin: auto;
	text-align: center;
	border: none;
}
h1 { color: #91aa37; font-size: 2em; font-weight: 400; border: inherit; }
h2 { background: navy; color: white; font-size: 1em; font-weight: 600; padding: 1px 5px; margin-bottom: 5px; border: inherit; }
h2.bg_green { background: #91aa37; color: white; }
h2.bg_blue { background: navy; color: white; }
h2.bg_orange { background: #e0a403; color: white; margin: 1px 0px; }
h3 {
	background: silver;
	color: black;
	font-size: 1em;
	font-weight: 500;
	padding: 1px 5px;
	margin-bottom: 5px;
	border: inherit;
}
p.justify { text-align: justify; border: inherit; }
img { border: none; }
ul { list-style-type: square;}

.content { float: right; width: 790px; padding: 10px; border: inherit; }
.content .homepage .clearboth { clear: both; }
.content .homepage .left { width: 300px; float: left; border: inherit; margin-right: 5px;}
.content .homepage .right { width: 300px; float: left; border: inherit; margin-right: 5px;}
.content .homepage .affil { width: 170px; float: left; border: inherit; }
.centeredImage {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 0px;
    padding: 0px;
}

.navigation { float:left; width: 210px; border: inherit; }
.navigation .search {
	background: #eda135 url(../images/search_icon.gif) 11px 14px no-repeat;
	border-bottom: 2px solid #004b83;
	padding: 8px 0px 0px 30px;
	margin-bottom: 0px;
}
.navigation .search .text { width: 90px; border: 1px solid black; padding-left: 10px; }
.navigation .search .submit { background: #db8100; color: #e5e4e2; border: 1px solid #e5e4e2; }
.navigation .callbox {
	width: 188px;
	position: relative;
	background: #b9c9d6;
	left: 50%;
	margin: 5px 0px 5px -104px;
	border: 1px solid navy;
	text-align: center;
	padding: 10px;
}
.navigation .specialoffer {
	width: 188px;
	position: relative;
	left: 50%;
	margin-left: -94px;
	margin-bottom: 2px;
	background: url(../images/offer_box_bg.gif) repeat-y;
	text-align: center;
	border: inherit;
}
.navigation .specialoffer .bottom { background: url(../images/offer_box_bot.gif) bottom no-repeat; height: 6px;  font-size: 1px; border: inherit; }
.navigation .accuweather {width: 180px; position: relative; left: 50%; margin-left: -90px; border: inherit; }
.navigation .w3cValidator { text-align: center; margin-top: 15px; border: inherit; }

.faqanswers .question { font-weight: bold; margin-top: 1.5em; }
.faqanswers a:hover { text-decoration: none; }
.faqs a:hover, .sitemap a:hover,
.contactus a:hover, .consultancyservices a:hover {text-decoration: underline; color: navy;}
.faqs a:active, .sitemap a:active, .contactus a:active {background-color: silver;}

.fg_green { color: #6aa100; }
.fg_blue { color: navy }
.hilight { background: #ccccff;	padding-left: 4px; padding-right: 4px; }

.tandc * ol {
	list-style-type: lower-alpha;
}
.webTemplateBox { margin: 15px; float: left; text-align: center; padding: 0px; }
.webTemplate { border: 1px solid black; height: 123px; width: 116px; }

#header {
	background: url("../images/banner.jpg") repeat-y;
	border-bottom: 1px solid #fff;
	border-top: 2px solid #fff;
	margin-bottom: 1px;
	z-index: 0;
	border: inherit;
}
#wrapper {
	width: 1024px;
	margin: auto;
	text-align: left;
	background: white;
	border: inherit;
}
#footer { clear: both; text-align: right; background: #b7b7b8; color: #666; border-top: 2px solid #fff; padding: 0px 5px 3px 5px; }
#footer a { font-size: 0.85em; color: #000; text-decoration: underline;}

table {	width: 95%; margin-top: 5px; border: 1px solid #d3d2d1;  margin-left: auto; margin-right: auto; }
td { font-family: tahoma, helvetica, arial, sans-serif; font-size: 13px; text-align: center; background: #d3d2d1; padding: 5px; }
th { font-variant: small-caps; font-weight: bold; text-align: center; color: white; background: #26618D; }





/* By Manoj Bhardwaj */


/* Reset Margins, Padding, Width, Background colour etc al */
.navigation .menu,
.navigation .menu ul,
.navigation .menu li { margin:0px; padding:0px; text-align: left; background: #EEE; }


/* UL Block box level settings. Applies to UL and all its children. */
.navigation .menu ul {
	list-style: none;								/* Set 'No bullets' at UL level */
	border: 1px solid gray; 				/* Set a border for the UL box */
	width: 208px;
}

/* LI level settings */
.navigation .menu li {
	width: 206px;
	border-bottom: 1px solid #CCC;	/* Give a button effect */
	border-right: 1px solid #CCC;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	position: relative; 						/* To position children relative to this LI. See Note (1) below. */
}

/*
	=============================
	Note (1).

	Relative position when used as is, is used to position the given element (LI, in this case) relative
	to its container.

	But it also resets or re-defines the position of all absolutely positioned children w.r.t this LI.
	This feature is used in this case. i.e., all UL or any other children of LI when positioned absolutely
	will use top and left positions as the position of this containing LI, instead of Browser Window or any
	other containing DIV.
 	==============================
*/

/* Anchor level settings */
.navigation .menu a {
	text-align: left;
	text-decoration: none;					/* No underline */
 	color: #666;
 	font: bold 11px/22px Tahoma, Helvetica, Arial, sans-serif;
	padding-left: 40px;							/* 40px to push text to make place for 'menu_green_arrow.gif' */
 	background: #EEE url(../images/menu_green_arrow.gif) left center no-repeat;
 	display: block;									/* Full width of LI / UL */
}

/* A level overrides when hovering */
.navigation .menu a:hover {
  color: #FFF;										/* Change text color */
  																/* And background colour, but keep the 'menu_green_arrow.gif' */
  background: #CCC url(../images/menu_green_arrow.gif) left center no-repeat;
}

/* 2nd Level Menu - Anchor */
.navigation .menu ul#navmenu li li a {
  color: #666;
	background: #EEE;
}
.navigation .menu ul#navmenu li li a:hover {
  color: #FFF;										/* Change text color */
  background: #CCC;								/* And background colour */
}


/* By default, do not display UL under IL and so on, at any level of nesting.
   i.e, do not show sub-menus at startup */
.navigation .menu ul#navmenu li ul {
	display: none;									/* Hide sub-menus at startup */
	position: absolute; 						/* Position of sub-menu relative to its containing LI. */
	top: 0px; 											/* See Note (1) above. */
	left: 207px;										/* Slightly overlap submenu with parent menu so there is no gap. Also See Note (1) above. */
	list-style: none;								/* Set 'No bullets' at UL level */
	border: 1px solid gray; 				/* Set a border for the UL box */
	width: 208px;
}

/* Display UL under IL and so on, at any level of nesting.
   i.e, Show sub-menus when mouse is hovering.
   iehover is custom property for IE. Controlled by JS. */
.navigation .menu ul#navmenu li:hover ul,
.navigation .menu ul#navmenu ul li:hover ul,
.navigation .menu ul#navmenu ul ul li:hover ul,
.navigation .menu ul#navmenu li.iehover ul,
.navigation .menu ul#navmenu ul li.iehover ul,
.navigation .menu ul#navmenu ul ul li.iehover ul {
			 display: block;
}