/* general setting */
body {width:1000px;font-family:arial,times;font-size:15px;}

#body p, div {text-align:left;}

#body h1{font-size:1.3em;}

img {border:none;}

/*table {border:1px solid;border-collapse:collapse;background-color:#fff}
td, th {border:1px solid;padding:3px;background-color:#fff;}*/

a {color:#3e6b18;}

a:hover {color:#0f4264;text-decoration:none;}

	/**************** page_top section *****************/
		#pagetop {
		position: relative;
		width: 1000px;
		min-width: 750px;
		/*min-height: 3.5em;*/
		padding-top: 0em;
		height: .07em; /* set at .3em allow room for google adsense */
		color: #000;
		/*width:expression(document.body.clientWidth < 877? "877px": "auto" );*/
		}

		#pagetop h1, #pagetop h2, #pagetop h3 {
		/*margin: 0.3em 220px;*/
		/*margin: 2em 400px;*/
		font-family: arial,times,coppergot, georgia, serif;
		/*line-height: 1.2em;*/
		padding: 0;
		margin: 0em 3em 0 0;
		}

		#pagetop h1 {font-size: 1.5em;line-height: 1em;margin-top: 0em;color:#fff;}
		#pagetop h2 {font-size: 1.2em;margin-top:-1em;}
		#pagetop h3 {font-size: 1em;}

		#pagetop div.pageTopLogo {float:left;}

		#pagetop div.pageTopHeader {float:left;width: 750px;}

		#pagetop h1.pageTopH1 {line-height:1em;}

		#pagetop .img {float:right;}

		#pagetop .leftColTitle {width:15%;font-family:Courier,arial,times;font-size:20px;text-align:center;color:#fff;}
		#pagetop .rightColTitle {width:85%;}
		#pagetop a:visited{color:#fff;}

		#pagetop table th, td {background-color:#0c294d;border:0px;}
		#pagetop table {border:0px;border-collapse:collapse}
		#pagetop th, td {padding:3px;}

		#pagetop .googleSenseTop {margin-top:3em;text-align:center;}

		a#toplink {
		/*width: 200px;
		height: 8em;
		background: #fff url(http://www.tanfa.co.uk/images/lady-rose-bw-red.jpg) no-repeat 0px -326px;
		position: absolute;
		top: 0;
		right: 5px;*/
		}

		a#toplink:hover {/*background-position: 0 0;*/}

	/**************** horiz_menu section *****************/

		#wrapperMainNav { /* also holds the left "sliding" tab */
		/*background: #fff url(images/sidebar-l.gif) repeat-y 0 0;*/
		text-align: left;
		width: 100%; /* this can fixed or fluid */
		margin: 3.5em 0 0 0; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/ /* set to 6.5em for google adsense at top header */
		font-size: 1em;
		line-height: 1.3em;
		border: 0px solid #718a22; /* change this color */
		}

			/**************** horizontal menu coding *****************/
			#menu {
			width: 100%;
			background: #718a22;
			float: left;
			}
			#menu ul {
			list-style: none;
			margin: 0;
			padding: 0;
			width: 12em;
			float: left;
			}

			#menu a, #menu h2 {
			/* font-size and line-height used for firefox resizing of menu main nav
				see id=wrapperMainNav for resizing font-size and line-height in ie */
			font: .7em/1.5em arial, helvetica, sans-serif;
			/*font: bold 15px/16px arial, helvetica, sans-serif;*/
			display: block;
			border-width: 0px;
			border-style: solid;
			border-color: #ccc #888 #555 #bbb;
			margin: 0;
			padding: 6px 0px 3px 3px;
			}

			#menu h2 {
			color: #fff;
			text-transform: uppercase;
			font-weight: bold;
			}

			#menu a {
			color: #fff;
			/*background: #efefef;*/ /* grey */
			background: #718a22; /* change this color */
			text-decoration: none;
			}

			#menu a:hover {
			color: #718a22; /* change this color */
			background: #fff;
			}

			#menu li {position: relative;}

			#menu ul ul {
			position: absolute;
			z-index: 500;
			}

			#menu ul ul ul {
			top: 0;
			left: 100%;
			}

			div#menu ul ul,
			div#menu ul li:hover ul ul,
			div#menu ul ul li:hover ul ul
			{display: none;}

			div#menu ul li:hover ul,
			div#menu ul ul li:hover ul,
			div#menu ul ul ul li:hover ul
			{display: block;}
			/* Styling for Expand */

			#menu a.x, #menu a.x:visited{
			background:#eee url(/test/trunk/patterns/css/dropDownMenu/images/expand3.gif) no-repeat bottom right;
			}

			#menu a.x:hover{
			color:#a00;
			background:#57a3f9;
			}

			#menu a.x:active{
			color:#060;
			background:#ccc;
			}

				.font_weight{}

	/**************** begin_wrapper_contentfloatholder section *****************/

		#wrapperBody { /* also holds the left "sliding" tab */
		/*background: #fff url(images/sidebar-l.gif) repeat-y 0 0;*/
		text-align: left;
		width: 100%; /* this can fixed or fluid */
		margin: ; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
		font-size: .9em;
		border: 0px solid #4a1c21;
		}

			#contentfloatholder:after {
			 /* this is for NN6 to clear floats */
			    content: ".";
			    display: block;
			    height: 0px;
			    clear: both;
			    visibility: hidden;
			}

	/**************** content_center section *****************/

		#center {
		  color: #000;
		  float:left;
		  width: 100%;
		  margin-right: -95%;background-color:#dddddd;
			/* this needs to be less than 100% for Moz/Mac which thinks
		         it's empty otherwise. The difference is made up by putting a
		         negative left margin on the left float:
			   Note IE/Mac doesn't like this method ~ it wants the 100% so it can
			   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
			*/
		}

			#centerpad {
			margin: 0 170px;
			background: url(images/ladybg.jpg) no-repeat 100% 0;
			display: inline-block; /* TRIP haslayout for safety */
			}

			#centerpad {
			display: block; /* SWITCH back the display */
			}

			#centerpad img {
			/*width: 450px;*/ /* replaces 468px width */
			/*height: 296px;*/ /* replaces 60px height */
			border: 0px;
			}

			#centerpad img.bar {
			width: 450px; /* replaces 468px width */
			height: 260px; /* replaces 60px height */
			border: 0px;
			}

				#cc table {
				border:2px solid #d4e2eb;
				background-color:#d4e2eb;
				border-style: outset;
				border-collapse: collapse;
				}

				#cc td, th {
				border-style:inset;
				padding:2px;
				border:2px solid #d4e2eb;
				background-color:#fff;
				}

			#centerpad table td.row_heading {
			font-weight:bold;
			}

			#centerpad table th.row_heading {
			font-weight:bold;
			}

			/* #centerpad #cc p */
			#centerpad p.firstPara {padding-top:.25em;}

				#cc {background-color:#fff;margin:-13px 0px 0 0px;padding:0px 0px 5px 10px;}
				div #cc{padding-right:5px;}

			#centerpad img.snapshot {height:35em;width:40em;}

				#cc .code {white-space: pre-wrap;       /* css-3 */
							 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
							 white-space: -pre-wrap;      /* Opera 4-6 */
							 white-space: -o-pre-wrap;    /* Opera 7 */
							 word-wrap: break-word;       /* Internet Explorer 5.5+ */
							 /*white-space:pre-line;*/
							 min-width:615px;
							 max-width:615px;
						   }

	/**************** content_left section *****************/

		#left {
		 float:left;
		  width: 170px;
		  margin-left: -5.15%; /* the difference to make the left colum appear flush left */
		}

			.lc {
			background: #0c294d;
			color: #fff;
			padding: 1px 5px 1px 5px;
			margin-left: 1px;text-align:center;
			}

			/**************** vertical menu coding *****************/

			#vert_menu {
			/*width: 12em;*/
			width: 170px;
			background: #eee;
			}

			#vert_menu ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
				#left #vert_menu ul li.gad {padding-left:11px;}

			#vert_menu a, #vert_menu h2 {
			/*font: bold 11px/16px arial, helvetica, sans-serif;*/
			font: .9em/1.2em arial, helvetica, sans-serif;
			/*font-weight: lighter;*/
			display: block;
			border-width: 1px;
			border-style: solid;
			border-color: #ccc #888 #555 #bbb;
			margin: 0;
			padding: 2px 3px;
			}

			#vert_menu h2 {
			color: #fff;
			background: #0c294d;
			text-transform: uppercase;
			font-weight: bold;
			}

			#vert_menu a {
			color: #fff;
			background: #0c294d;
			text-decoration: none;
			}

			#vert_menu a:hover {
			color: #a00;
			background: #fff;
			}

			#vert_menu li {
			position: relative;
			}

			/*#vert_menu ul ul {
			position: absolute;
			z-index: 500;
			}*/

			#vert_menu ul ul {
			position: absolute;
			top: 0;
			left: 100%;
			width: 100%;
			}

			div#vert_menu ul ul,
			/*div#vert_menu ul ul ul,*/
			div#vert_menu ul li:hover ul ul
			div#vert_menu ul ul li:hover ul ul
			{display: none;}

			div#vert_menu ul li:hover ul,
			div#vert_menu ul ul li:hover ul,
			div#vert_menu ul ul ul li:hover ul
			{display: block;}

			/* Styling for Expand */

			#vert_menu a.x, #vert_menu a.x:visited{
			background:#eee url(/test/trunk/patterns/css/dropDownMenu/images/expand3.gif) no-repeat bottom right;
			}

			#vert_menu a.x:hover{
			color:#a00;
			background:#ddd;
			}

			#vert_menu a.x:active{
			color:#060;
			background:#ccc;
			}

	/**************** content_right_end_contentfloatholder section *****************/

		#right {
		 float:right;
		  width: 170px;
		}

	/**************** content_footer_end_wrapper section *****************/

		#footer {
		clear: both;
		width: 1000px;
		text-align: center;
		color: #fff;background-color:#0c294d;
		/*background: #0c294d url(images/blfoot.gif) no-repeat 0 0px;*/
		}

			#footer div {text-align:center;
			/*padding: 1px 0;*/
			/*background: url(images/brfoot.gif) no-repeat 100% 0px;*/
			}
			#footer div.whiteBack{background-color:#fff;}

			#footer a {text-align:center;color:#fff;/*background: #0c294d url(images/blfoot.gif) no-repeat 0 0px;*/}

			#footer p.ira_services {color:#fff;}

		#contentfloatholder:after {
		 /* this is for NN6 to clear floats */
		    content: ".";
		    display: block;
		    height: 0px;
		    clear: both;
		    visibility: hidden;
		}

/* footer settings */
div.footer div{margin-left:auto;margin-right:auto;width:100%;text-align:center;}