/*

	CSS Template

	CONTENTS ----------

		1.Over all styles
		2.Layout
		3.Search
		4.Menu(s)
		5.ARD Tables
		6.CZ styles

    -------------------

	COLOURS ----------

		Text #000000
		
		A #3c8e2c 

		A:hover #0e6d69

		H1 #505050
		
		H2 #505050

    -------------------

 */
 
/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}
/* Make scroll bar always visibale IMPORTANT in FF */
HTMl { overflow: scroll; }


 /* 1.Over all styles
---------------------------------------------------------------*/
body {
	font: 12px/17px Arial, Helvetica, sans-serif; /* to add line height of eg 18px use 13px/18px  */
	color: #666666;
	background-color:#CCCCCC;
	}
H1 {
	color:#EE2A7C;
	font-size: 28px;
	line-height: 26px;
}
H2 {
	color: #ED297B;
	font-size: 20px;
	border-bottom:#EE2A7E 1px solid;
	padding:5px 0;
}
H3 {
	font-size: 20px;
	color: #EE2A7C;
	margin-bottom:15px;
	border-bottom:#EE2A7C 1px solid;
	font-weight:normal;
	margin-top: 15px;
	padding-bottom: 5px;
}
H4 { font-size: 16px; color: #EE2A7C; }
H5 { font-size: 14px; color: #05472c; }
H5 A {text-decoration: none; color: #666666; }
A { color: #EE2A7C; text-decoration: none; }
A:hover {
	color: #999999;
	text-decoration: underline;
	cursor:pointer;
}
A.noline { color: #000; text-decoration: none; }
A.noline:hover { color: #000; text-decoration: none; }
.small {
	color:#999999;
	font-size:11px;
	text-decoration: underline;
}

/* 2.Layout
---------------------------------------------------------------*/

#container {
	position:relative;
	width: 1000px;
	margin:0 auto;
	background-color: #FFFFFF;
	overflow:hidden;
}
#logo {
	border:0;
	width:276px;
	height:143px;
	margin:2px auto;
	display:block;
}

#mainbanner { position:relative; overflow:hidden; }
#bannerimg {
	float:left;
	width:751px;
	height:226px;
}
#bannerimgservices {
	float:left;
	width:751px;
	height:123px;
}

.twitterlink {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	height: 28px;
	width: 117px;
	background-repeat: no-repeat;
}
#slogan {
	float: right;
	height: 146px;
	width: 208px;
	font-size: 48px;
	color: #FFFFFF;
	line-height: 56px;
	padding:40px 20px;
	background-color:#ed2a7c;
}
#sloganservices {
	float: right;
	height: 73px;
	width: 198px;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 34px;
	background-color:#ed2a7c;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}
#profileimgs {
	padding: 10px;
}

#lhc {
	float: left;
	width: 180px;
	padding:20px;
}
#lhc li {
	float: left;
	width: 180px;
	padding:15px 0px 0px 0px;
	display: list-item;
	list-style-type: none;
}

.borders li {
	list-style:none;
	line-height:24px;
	border-bottom:#EE2A7C 1px solid;
}
.borders a {
	color:#666666;
}


#content {
	float: left;
	width:530px;
	padding:20px 0;
}
#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content table { margin-bottom:15px; }
#content h2, #content h3 { border-bottom:0; line-height:22px; }
#content ul {
	list-style-type:none;
	margin:0 0 15px 10px;
}
#content li {
	background-image:url(/images/butarrow.gif);
	background-repeat:no-repeat;
	padding-left:25px;
}
#content ol { margin:0 0 15px 20px; }
#rhscol li {
	color: #666666;
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 3px;
}

#introduction {
	background-color: #EE2A7C;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: block;
	font-size: 12px;
	background-image: url(../images/arrowbg.gif);
	padding: 5px;
	background-repeat: no-repeat;
	background-position: 150px;
}
#rhscol {
	width: 210px;
	float: left;
	padding:20px;
}

#rhscolservices li {
	color: #666666;
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 3px;
}


.innerColumn { width:46%; padding-right:15px; }
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }
#footer {
	width: 1000px;
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	color: #333333;
	background-color: #CCCCCC;
	padding: 0px;
	font-size: 12px;
	height: 68px;
}
#footerprimary {
	width: 1000px;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	height: 80px;
	background-color: #CCCCCC;
}
#footersecondary {
	width: 1000px;
	margin-top: 0px;
	margin-bottom: 15px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: left;
	font-size: 10px;
	color: #333333;
	background-color: #CCCCCC;
}

.footersmall {
	font-size: 10px;
	text-align: right;
	width: 250px;
	float: right;
	left: 745px;
	top: 774px;
}


#footer a {
	color:#333333;
	font-weight:bold;
	text-align: left;
	font-size: 11px;
}
#footer a:hover {
	color:#EE2A7C;
	font-weight:bold;
	text-decoration: underline;
}

/* 3.Search
---------------------------------------------------------------*/
.searchform {
	margin-top: 15px;
	margin-bottom: 25px;
}
input.searchfield {
	border: 2px solid #CCCCCC;
	font-size: 11px;
	color:#666666;
	width: 145px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
input.searchbutton {
	border: 0;
	padding: 2px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	background-color: #FFFFFF;
	background-image: url(../images/butarrow.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	margin-left: 0px;
}
 /* 4.Menu
---------------------------------------------------------------*/

#menuWrap {
	clear: both;
	position:relative;
	display:block;
	height:24px;
	position:relative;
	z-index:100;
	color: #333333;
	padding:0;
	}

#menu, #menu ul{
	margin:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:24px; /* add line height  DONT USE HEIGHT */
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color: #242021;
	padding:0;
	}
#menu { width:980px; height:24px; margin:0 auto; }
#menu li {
	list-style:none;
	float:left; /* float needed */
	position:relative;
	border:0;
	color: #333333;
	margin:0 8px;
	padding:0;
	}
#menu li:hover {
} /* keeps the original button highlighted */
#menu li.noborderr a { border-right:none;  } #menu li.noborderl a { border-left:none;  }/* Borders as appropriate */

#menu a{
	display:block; /* set padding will affect padding on all a tags in menu */
	line-height:24px; /* set line height DONT use just height */
	color:#333333;
	text-decoration:none;
	font-size:11px;
	background:url(/images/menu-left.gif) no-repeat bottom left;
	padding-left:10px;
	}
#menu a b { font-weight:normal; }
#menu a:hover,
#menu li:hover a,
#home #menu a.homemenu,
#about #menu a.aboutmenu,
#services #menu a.ourservicesmenu,
#yourbusiness #menu a.yourbusinessmenu,
#yourmoney #menu a.yourmoneymenu,
#taxinformation #menu a.taxinfomenu,
#taxstrategies #menu a.taxstrategiesmenu,
#interactivetools #menu a.toolsmenu,
#news #menu a.newsmenu,
#contact #menu a.contactmenu
	{
	display:block; /* set padding will affect padding on all a tags in menu */
	line-height:24px; /* set line height DONT use just height */
	color:#000000;
	text-decoration:none; /* Borders as appropriate */
	padding-left:10px;
	background-position:top left;
	}
#menu a b {
    display:block;
	background:url(/images/menu-right.gif) no-repeat bottom right;
	padding-right:10px;
}
#menu a:hover b,
#menu li:hover b,
#home #menu a.homemenu b,
#about #menu a.aboutmenu b,
#services #menu a.ourservicesmenu b,
#yourbusiness #menu a.yourbusinessmenu b,
#yourmoney #menu a.yourmoneymenu b,
#taxinformation #menu a.taxinfomenu b,
#taxstrategies #menu a.taxstrategiesmenu b,
#interactivetools #menu a.toolsmenu b,
#news #menu a.newsmenu b,
#contact #menu a.contactmenu b
	{
    display:block;
	background-position:top right;
	padding-right:10px;
}

#menu ul {
	position:absolute; /* Menu uses position ab to set drop downs so top: needs to be the same height as the menu */
	display:none; /*display none so menu is not visable until user hovers over the li*/
	width:160px; /* Width will need to be updated inline with all the padding on the menus */
	top:24px;
left:-1px;
	background-color:#FFFFFF;
	border:1px solid #fff;
	border-width:0 1px;
	}
#menu ul li { margin:0; }

#menu li ul a,
#menu li:hover ul a
	{
	width:120px; /* Width will need to be updated inline with all the padding on the menus */
	height:auto;
	float:left;
	border:0;
	border-bottom:1px solid #FFFFFF;
	padding:8px 20px;
	background:#ED297B;
	line-height:17px;
	}
#menu li ul a:hover
	{
	width:120px; /* Width will need to be updated inline with all the padding on the menus */
	height:auto;
	float:left;
	border:0;
	border-bottom:1px solid #FFFFFF;
	line-height:17px;
	padding:8px 20px;
	color: #FFFFFF;
	background-color: #9f1f63;
	}


#menu ul ul{
	top:auto;
	}		

#menu li ul ul { /* styles for sub drop downs */
	left:160px; /* left needs to be the overall width of the main drop down  */
	margin:0px 0 0 0px;
	width:160px;
	}
#menu li ul ul a {
	width:160px; /*update width inline with all the overs*/
	background-color:#ED297B;
	color: #FFFFFF;
	}
	#menu li ul ul a:hover { width:160px; }
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
	display:none;
	}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
	display:block;
	}


/* 5.ARD Tables
---------------------------------------------------------------*/

/*table formatting*/
.tablines {
	background-color: #000000;
}

#content .tablines table { margin-bottom:0; } /*resets the padding to 0 on tables inside the tablines*/
 
/*a light colour on the borders of branded tables*/
.tabtitle{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #EE2A7C;
	padding:5px;
}

.tabletitle{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #EE2A7C;
	padding:5px;
}

/*Used if table has an extra heading.*/
.tabhead {
	font-weight: bold;
	color: #EE2A7C;
	background-color: #FFFFFF;
	padding:5px;
}

/*dark colour, matching nav bar or other strong colour in the site.*/
.tabbody { font-weight: normal; color: #000000; background-color: #FFFFFF; padding:5px; }
#brandinglinks {
	float: right;
	width: 280px;
	height: 50px;
	text-align: right;
	padding: 0px;
	margin-top: 28px;
	font-size:13px;
	color:#EE2A7C;
}


/*standard text, white background, black text is most common.*/
.tabtotal{ font-weight: bold; color: #000000; background-color: #FFFFFF; padding:5px; }



/* 5.Forms (ask us a question)
---------------------------------------------------------------*/

#FirstName, #LastName { width:49%; }
#Business, #Telephone, #emailAddress { width:98%; }
#ValidationCode { width: 100px; }
#Comments { width: 99%; height: 100px; }

.FormButton  {
	height: 19px;
	color: #FFFFFF;
	background-color: #EE2A7C;
	border: solid 0px #0e6d69;
}
.FormText {
	background-color: #FFFFFF;
	border: solid 1px #000000;
	margin-bottom:5px;
	padding:2px; }
.FormTextRequired {
	background-color: #FFFFFF;
	border: solid 1px #FF0000;
	margin-bottom:5px;
	padding:2px; }


/* 6.CZ
---------------------------------------------------------------*/

#CZDocumentBody td { padding:5px; }