/**
* Web Pro IT stylesheet Financial Planning template 1.
*
* @author Rhiannone Cobbold
* @copyright Copyright Web Pro IT (c) 2008, www.webpro-it.co.uk
* @version 1.0
* @copyright Copyright Web Pro IT (c) 2009, www.webpro-it.co.uk
* @version 1.3
*/
/***************************************************/
/*		website general		*/
p, li {
	font-size:75%;
}
p {
	line-height:1.4em;
}
li {
	line-height:1.9em;
}
* html li { line-height:1.4em;}
a img {border:none;}
h1, h2, h3, h4 {
	font-weight:bold;
	line-height:1em;
}
a {
	color:#547F54;
	text-decoration:underline;
	font-weight:bold;
}
h1{
	color:#62796F;
	font-size:110%;
	}
h2{
	color:#99A468;
	font-size:100%;
	}
h3{
	color:#99A468;
	font-size:90%;
	}
h4{
	color:#99A468;
	font-size:80%;
	}
ul {
	list-style-type:none;
	text-align:left;
	margin:0px;
	padding:0px;
}
.clearBoth {
	clear:both;
}
.lightGreen {
	color:#99A468;
}
.titleGreen {
	color:#5F7008;
}
.floatLeftDiv {
	float:left;
}
.floatRightDiv {
	float:right;
}
div {
	padding:0px;
	margin:0px;
}
/*img {
	margin:0px;
	padding:0px;
	border:0px;
}*/

div.imageHolders{
	width: 232px;
	text-align: center;
	margin: 2px 0px 20px 0px;
}

.fontSize {
	font-size:100%;
}
.sitemapStyling {
	font-weight:normal;
}
.sitemapStyling a {
	color:#62796F;
	text-decoration:none;
	font-weight:normal;
}
.sitemapStyling a:hover {
	text-decoration:underline;
	color:#99A468;
}
.sitemapStyling ul {
	padding-left:20px;
	list-style-position:outside;
	list-style-type:disc;
}

div.tagletsHold{
	text-align: center;
	font-size: 8pt;
	padding: 5px;
	margin: auto;
	width: 837px;
}
/***************************************************/
/*		website page build		*/
body {
	font-family:"trebuchet MS", Verdana, Arial, sans-serif;
	color:#606060;
	font-size:100%;
	line-height:100%;
	margin-top:2px;
	margin:2px 0px;
	padding:0px;
	}
div#mainContainer {
	width:837px;
	margin:0px auto 0px auto;
	background:#FFFFFF;
	border:1px solid #2E2300;
}
div#topSection{

}
div#topRight{
	float: right;
	width: 596px;
}
div#topLeft{
	float: left;
	width: 237px;
}
div#containerLeft {
	width:237px;
	float:left;
}
div#containerRight {
	width:596px;
	float:right;
	text-align: left;
}
div#textContents {
	margin:0px 15px 0px 0px;
	clear: both;
}
/***************************************************/
/*		left navigation and logo		*/

div.horizontalImageHolder{
	float: left;
	margin: 20px 0 5px 0;
}

div#companyLogo {
	margin:0px 0px 10px 8px;
	width:209px;
	padding:0px;
	min-height:182px;
	text-align:center;
}
* html div#companyLogo {height:182px;}
div#companyLogo h1 {
	font-size:180%;
}
div#companyLogo img {
	vertical-align:top;
}
ul.leftNavigation {
	margin:0px 25px 20px 20px;
	padding:0px;
	border:1px solid white;
}

ul.leftNavigation li {
	display:block;
	margin:0px;
	text-indent:1.9em;
	line-height:2.8em;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	padding-top:4px;
}
ul.leftNavigation li a, ul.leftNavigation li a:hover {
	text-decoration:none;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
}

ul.leftSubNavigation {
	/*margin:0px 5px 0px 5px;
	padding:0px 0px 3px 0px;*/
}
ul.leftSubNavigation li {
	text-indent:0.5em;
	line-height:1.6em;
	border-bottom:1px solid black;
}
ul.leftSubNavigation li a,ul.leftSubNavigation li a:hover {
	background-image:none;
}

ul.thirdLevel1 {
	margin:0px;
	border:none;

	border-bottom:1px solid black;
}
ul.thirdLevel1 li {
	margin:0px 4px;
	border-bottom:none;
}

ul.thirdLevel1 li:hover {
	display:block;
}
* html ul.thirdLevel1 li a:hover {
	display:block;
}
/*.imgClass {
	border-top:1px dotted #000000;
}*/
/***************************************************/
/*		web page contents second navigation		*/
div#topNavigation {
	margin:15px 2px 20px 0px;
	padding:0px 0px 10px 0px;
	/*height:41px;*/
	width:592px;
	color:#000000;
	float:left;
}
* html div#topNavigation {width:585px; }
div#topNavigation ul {
	color:#000000;
}
div#topNavigation ul li {
	float:left;
	list-style-position:outside;
	margin:0px;
}
div#topNavigation ul li a {
	color:#000000;
	text-decoration:none;
}
div#topNavigation ul li a:hover {
	color:#99A468;
	text-decoration:none;
}
.noBorderLi {
	padding:0px 15px 0px 0px;
}
.borderLi {
	border-left:2px solid #AEAEAE;
}
.borderA {
	padding:0px 15px 0px 15px;
}
#topNavigation div.topNavBox {
	position:absolute;/*	have to include this so the dropdown doesn't push along other parent links	*/
	z-index:999;
	background-color:#FFFFFF;
	border-top:1px solid #FFFFFF;
}
/*	bellow is a fix for Google Chrome, otherwise dropdown overlaps parent nav	*/
/*\*/
html*div.topNavBox {
[color:red;
margin-top:20px;
]margin-top:0px;
}/*end*/
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}
* html div.topNavBox { margin-top:0px; }
#topNavigation div.topNavBox dl {
	list-style-position:inside;
	margin:0px;
	padding:0px;
	border-left:1px solid #99A468;
	border-right:1px solid #99A468;
}
* html #topNavigation div.topNavBox dl {width:150px;}
#topNavigation div.topNavBox dd {
	margin:0px;
	padding:0.4em;
	text-align:left;
	border-bottom:1px solid #575354;
}
#topNavigation div.topNavBox a,#topNavigation div.topNavBox a:hover {
	margin:0px;
	padding:0px;
}
/***************************************************/
/*		web page contents area and top area		*/
h1#companyName  {
	font-size:290%;
	margin:0px 8px 8px 0px;
	padding:14px 0px 8px 0px;
	width:570px;
	color:#62796F;
	/*border-bottom:3px double #727272;*/
	font-weight:normal;
	background-image:url(../image/greenLine.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	clear:both;
}
h1#topLeftNav {
	margin:10px 8px 0px 0px;
	color:#99A468;
	font-size:80%;
}
h1#topLeftNav a {
	color:#62796F;
	text-decoration:none;
}
h1#topLeftNav a:hover {
	color:#99A468;
	text-decoration:none;
}
h1#sloganSentence {
	margin:15px 8px 0px 0px;
	color:#62796F;
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	width:420px;
}
div.contents {
	margin:10px 160px 10px 0px;
	border-top:1px solid #727272;
}
.contentsLine {
	border-bottom:1px solid #727272;
}
.indexBox {
	padding:2px 20px 2px 5px;
	width:120px;
	float:left;
}
.indexBoxLink {
	padding:0px 20px 0px 5px;
	width:120px;
	float:left;
}
.indexBoxLink p {
	line-height:1em;
}
.indexBoxRight {
	padding:2px 0px 2px 0px;
	width:126px;
	float:left;
}
div#floatContents {
	float:right;
	margin-top:0px;
}
.phContent ul {
	padding-left:30px;
}
.phContent ul li {
	list-style-type:disc;
}
/***************************************************/
/*		website footer area		*/
div#footerArea {
	margin:20px 17px 0px 17px;
	clear:both;
	width:803px;
	text-align: center;
	font-size:105%;
	background-image:url(../image/footerBckgrd.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
.footerSentences {
	margin-left:7px;
	margin-right:7px;
	padding: 0px 8px 0px 8px;
	margin-bottom:10px;
}
div#footerNavigation {
	margin:0px 10px 5px 10px;
}
div#footerNavigation ul {
	list-style-position:inside;
	font-size:85%;
	text-align:center;
}
div#footerNavigation ul li {
	display:inline;
	padding:0px 1px;
	font-weight:bold;
}
div#footerNavigation a {
	text-decoration:none;
	color:#606060;
}
div#footerNavigation a:hover {
	color:#053B87;
	text-decoration:underline;
}
.copyrightP {
	text-align:right;
	padding-right:10px;
}
.w3cPosition {
	margin-left:10px;
}
/*************	advertisement banner
!!!!!	FOR TESTING PURPOSES I HAVE added a border so 2px needs to be added to every width once
border red is removed
!!!!!	FOR TESTING PURPOSES: THE ABOVE HAS ALREADY BEEN DONE	!!!!!!!!
	************/
.divAdvLeft, .divAdvRight {
	padding:0px;
	margin:0px;
	text-align:center;
	/*height:10px;
	border:1px solid white;*/
}
.divAdvLeft {
	width:237px;
}
.divAdvRight {
	clear:left;
	width:596px;
}
/*************************	BELLOW ARE ALL MANDATORY STYLES	*******************************/
/************************* MANDATORY STYLE ELEMENT FOR IMAGES IN PARAGRAPHES *******************************/
div.phPhotos{
	/*width:310px;*/
	margin-bottom:10px;
	}
div.phContent{
	/*width:370px;*/
	margin-bottom:10px;
	}
/*For left alignation */
div.phLeft div.phPhotos{float:left;}
div.phLeft div.phContent{
	float:right;
	}
/*For right alignation */
div.phRight div.phPhotos{
	float:left;
	margin-left:10px;
	}
div.phRight div.phContent{
	float:left;
	}	
/*For bottom alignation */
div.phBottom div.phPhotos{
	width:100%
	}
div.phBottom div.phContent{
	width:100%
	}
/*For TOp alignation */
div.phTop div.phPhotos{
	width:100%;
	}
div.phTop div.phContent{
	width:100%;
	}
/*For TOp alignation */
div.noPict div.phPhotos{
	display:none;
	width:100%;
	}
div.noPict div.phContent{
	width:100%;
	}
/********************	TABLE STYLING FOR TAX	************************/
.tableIncomeTax {
	/*border:1px solid #ffffff;*/
	width:90%;
	text-align:left;
	/*font-family:"trebuchet MS", Verdana, Arial, sans-serif;
	color:#FFFFFF;*/
	font-size:80%;
}
.tableIncomeTax th {
	/*border:1px solid #ffffff;
	background-color:#62796F;;*/
	font-weight:bold;
	/*color:#FFFFFF;*/
	padding:3px;
}
/*.tableIncomeTax tr {
	border-bottom:2px solid #0B0FB2;
}*/
.tableIncomeTax td {
	/*border:1px solid #ffffff;
	background-color:#99A468;*/
	padding:3px;
}
/***********************	 STYLING FOR BUTTONS	****************************/
a.orderProductButtonRed, a.orderProductButtonGrey, a.orderProductButtonBlue, a.orderProductButtonGreen, a.orderProductButtonRedBig, a.formCalcBtn {
	background-position:left;
	background-repeat:no-repeat;
	display:block;
	color:#FFFFFF;
	width:198px;
	height:35px;
	padding-left:25px;
	/*padding-top:10px;*/
	text-align:left;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	line-height:2.5em;
}
a.orderProductButtonRed:hover, a.orderProductButtonGrey:hover, a.orderProductButtonBlue:hover, a.orderProductButtonGreen:hover, a.orderProductButtonRedBig:hover, a.formCalcBtn:hover {
	font-style:italic;
	text-decoration:none;
	/*font-size:135%;*/
}
a.orderProductButtonRedBig, a.orderProductButtonRedBig:hover, a.formCalcBtn:hover {
	width:250px;
	padding-left:30px;
	font-size:13px;
}
a.orderProductButtonRed {
	background-image:url(../../../commonElements/images/buttonRedRound.jpg);
}
a.orderProductButtonRed:hover {
	background-image:url(../../../commonElements/images/buttonRedRoundH.jpg);
}
a.orderProductButtonGrey {
	background-image:url(../../../commonElements/images/buttonGreyRound.jpg);
}
a.orderProductButtonGrey:hover {
	background-image:url(../../../commonElements/images/buttonGreyRoundH.jpg);
}
a.orderProductButtonBlue {
	background-image:url(../../../commonElements/images/buttonBlueRound.jpg);
}
a.orderProductButtonBlue:hover {
	background-image:url(../../../commonElements/images/buttonBlueRoundH.jpg);
}

a.orderProductButtonRedBig {
	background-image:url(../../../commonElements/images/buttonRedRoundBig.jpg);
}
a.orderProductButtonRedBig:hover {
	background-image:url(../../../commonElements/images/buttonRedRoundBigH.jpg);
}
/*****************	STYLE FOR CALC AND FORM BUTTONS *****************/

/******************************************************/
.buttonsFloat
{
	
}
/*****************	STYLE FOR INDEX GRID PAGE *****************/
.idxBoxSize {
	width:155px;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:5px;
	margin-top:5px;
}
.idxBorderBox {
	width:490px;
	border-top:1px solid #3F5B3D;
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-top:0px;
}
#idxMainBox {
	width:490px;
	border-bottom:1px solid #3F5B3D;
	margin-bottom:0px;
	margin-top:20px;
	padding:0px;
}
#idxMainBox h4 {
	padding:0px;
	color:#111111;
	line-height:0.8em;
}
#idxMainBox p {
	padding:0px;
	margin:0px;
}
#idxMainBox a {
	color:#3f5b3d;
}
/***********************	END OF MANDATORY STYLING	*********************/
/******************************************************/