body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */

        background: url("bg.jpg") repeat;
        font-size: 60%;

	}
a:link, a:visited, a:hover, a:active {
	color:#333333;
	text-decoration: underline;
	}
	h1 {
		margin:.8em 0 .2em 0;
		padding:0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14pt;
	}
    h2 {
		margin:.8em 0 .2em 0;
		padding:0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12pt;
	}
    h3 {
		margin:.8em 0 .2em 0;
		padding:0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11pt;
}
    h4, h5, h6 {
		margin:.8em 0 .2em 0;
		padding:0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
	}
	ul {
		font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
            }
	img {
		margin:10px 0 5px;
	}
    #container {
      width: 98%;
      margin:0 auto;
      background:none;
    }
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
        text-align: right;
        margin: 0;
        display: none;
	}
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:0;
		margin:0;
    /*old setting for header:
    	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
        */
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
#menu {
	width: 100%;
	float: left;
	background-color: #eee;
}

#menu ul {

    display:none;
}
#menu a, #menu h2 {
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	line-height: 16px;
	font-weight: bold;
}

#menu h2 {
	color: #FFFFFF;
	text-transform: capitalize;
	background-color: #DE5946;
	font-size: 12pt;
}

#menu a {
	color: #000;
	background: #efefef;
	text-decoration: none;
}

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

#menu li {
	position: relative;
	width: 7.2em;
}

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

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

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;
}
#menu ul li {
	float: left;
	width: 100%;
}

#menu ul li a {
	height: 1%;
}

#menu a, #menu h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	font-weight: bold;
	text-align: center;
}
    .smaller80pc{
        font-size: 80%;
    }
     .smaller90pc{
        font-size: 90%;
    }
    .t{
      font-size: 85%
    }
    .usbtext{
      color:#ce4809;
      background-color:#ffcc99;
      font-weight:bold;
      font-size:85%;
      padding-right: 20px;
    }


    .pageid{
        font-size: 10px;
        text-align:right;
    }

    .red{
        color: red;
    }
    .green{
      color:#669F38;
    }
    .formatsleft{
      float: left;
    }
    .formatsright{
      float: right;
    }

	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:none;		/* right column background colour */
	}
	.threecol .colmid {
		right:1%;			/* width of the right column */
		background: none;		/* center column background colour */
	}
	.threecol .colleft {
		right:97%;			/* width of the middle column */
		background:none;	/* left column background colour */
	}
	.threecol .col1 {
		width:93%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
        display:none;
		width:1%;			/* Width of left column content (column width minus padding on either side) */
		left:36%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
        display:none;
		width:26%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
    /* 2 Column settings */
	.twocol {
		background:#ffd6ce;		/* right column background colour */
	}
	.twocol .colmid {
		right:0%;			/* width of the right column */
		background: #eeeeee;		/* center column background colour */
	}
	.twocol .colleft {
		right:83%;			/* width of the middle column */
		background:#fff;	/* left column background colour */
	}
	.twocol .col1 {
		width:76%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.twocol .col2 {
		width:14%;			/* Width of left column content (column width minus padding on either side) */
		left:8.3%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.twocol .col3 {
		width:0%;			/* Width of right column content (column width minus padding on either side) */
		left:90.5%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
        font-size: 8pt;
        text-align: center;
	}