body {
	margin: 0;
	padding: 0;
	background-image: url(/images/bg.jpg) ;
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
#invertedtabs{
float:right;
margin-left: 4px;
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#invertedtabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: #336699;
background: #e1e1e1 url(/images/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(/images/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #336699;
color:#fff;
}

#invertedtabs a:hover span{
background-color: #336699;
color:#fff;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #336699;
color:#fff;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #8b0000;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #336699;
}

h1 {
	font-size: 197%;
}

h2 {
	font-size: 167%;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

p, ol, ul {
	line-height: 120%;
}

p {
}

ol {
}

ul {
}
.ictablo {
	margin: 0;
	padding-left: 10px;
	border-left: 5px solid #E6E6E6;
	color:#616161; }

blockquote {
	margin: 0;
	padding-left: 20px;
	border-left: 10px solid #E6E6E6;
	font-style: italic;
	color: #333333;
}

blockquote * {
	line-height: normal;
}
.h3 a, .h3 a:hover, .h3 a:visited {
	color: #000;
	text-decoration: none;
}

a {
	color: #336699;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

hr {
	display: none;
}

/* Content */

#content {
	float: left;
	width: 550px;
	padding-left: 10px;
	padding-right: 10px;
}

#content ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#content ul li {
	padding-left: 15px;
	background: url(images/img08.gif) no-repeat 0 8px;
}

#content ol {
	margin-left: 0;
	padding-left: 0;
	list-style: lower-alpha inside;
}

.title {
	padding-top: 3px;
}

.content {
	padding: 5px;
	background: url(images/img10.gif) no-repeat;
}

.twocols {
}

.twocols .col1 {
	float: left;
	width: 220px;
}

.twocols .col2 {
	float: right;
	width: 240px;
}

/* Footer */

#footer-wrapper {
	height: 100px;
	padding: 20px 0;
	background: #E6E6E6;
	border-top: 10px solid #CDCDCD;
}

#footer {
	width: 790px;
	margin: 0 auto;
}

#footer p {
	margin: 0;
	line-height: normal;
}

#footer a {
	color: #666666;
}

.caption	{color:white;background-color:#333333}
.caption a:link, .caption a:visited {color:yellow; text-decoration:none}
.caption a:hover {color:white; text-decoration:none}
.cell		{background-color:#ededed}
.ShutWho {COLOR: RED;FONT-WEIGHT: BOLD;FONT-SIZE: 8pt; FONT-FAMILY:Verdana,Arial,Times New Roman;}
.ShutmSG {COLOR: #000080;FONT-SIZE: 7pt; FONT-FAMILY:Verdana,Arial,Times New Roman;}



.inputtxt	{BACKGROUND-COLOR: ededed; BORDER: #003060 1px solid;COLOR: #003060; FONT-FAMILY: verdana; FONT-SIZE: 10px; FONT-WEIGHT: bold;}
.inputtxt2	{BACKGROUND-COLOR: ffffff; BORDER: #003060 1px solid;COLOR: #003060; FONT-FAMILY: verdana; FONT-SIZE: 10px; FONT-WEIGHT: bold;}
.buton		{BACKGROUND-COLOR: silver; BORDER: #003060 1px solid;COLOR: #003060; FONT-FAMILY: verdana; FONT-SIZE: 10px; FONT-WEIGHT: bold;}

#legal {
	float: left;
	padding: 5px 0 10px 10px;
}

#links {
	float: right;
	padding: 5px 5px 0 0;
}

	.menu a {
		border:none;
		font-weight:normal;
	}

/* Actual menu CSS starts here */
	.menu,
	.menu ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	.menu {width:200px;}
	.menu li {
		display:block;
		margin:0;
		padding:0;
		margin-bottom:1px;
	}
	.menu a {
		display:block;
		padding:2px 5px;
		color:#000;
		background:#F7F7F7;
		text-decoration:none;
	}
	.menu a:hover,
	.menu a:focus,
	.menu a:active {background:#336699;}
	.menu ul li {padding-left:15px;}
	.menu ul a {background:#fff;}
	.hidden {display:none;}




.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.menuheader a:link, .menuheader a:visited {color:#000; text-decoration:none}
.menuheader a:hover {color:#000; text-decoration:none}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: #000;
background: #f7f7f7;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: #336699; color:#fff;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
background: url(/images/arrow-list.gif) no-repeat left;
padding-bottom: 1px; /*bottom spacing between menu items*/
width:160px;
}

.arrowlistmenu ul li a{
width:160px;
color: #000;
display: block;
padding: 5px 0;
padding-left: 20px; /*link text is indented 19px*/
text-decoration: none;
font-size: 90%;
border-bottom:1px dotted #e0e0e0;
}

.arrowlistmenu ul li a:visited{
color: #000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
width:160px;
color: #000;
display: block;
padding: 5px 0;
padding-left: 20px; /*link text is indented 19px*/
text-decoration: none;
font-size: 90%;
border-bottom:1px dotted #e0e0e0;
background: url(/images/img06.gif) no-repeat left #f7f7f7;
}


.bolder{ font-weight:700;}
.orangetxt{ color:#ff7200; font-weight:700}
.greentxt{ color:#80b000; font-weight:700}
.goldtxt{ color:#a39346; font-weight:700}
.platinumtxt{ color:#6f6f6f; font-weight:700}
.graytxt{ color:#7c7c7c; font-weight:700}
.header{ color:#000; display:block; margin:10px 0; font-weight:700; }
.lineGray{ height:1px;background:#eee; overflow:hidden; margin:10px 0}

.pt-info{}
.pt-info img {float:right;margin:0 0 0 15px;}
.pt-info a { color:#006cff; text-decoration:none;}
.pt-info div {padding:20px 0 0 0; font-size:11px;}
.pt-info h2 { font-size:12px; font-weight:700; color:#747474; margin:0 0 10px 0}
.pt-info h3 { font-size:12px; font-weight:700; margin:10px 0; }
.pt2-info{}
.pt2-info img {float:left;margin:0 15px 0 1px;}
.pt2-info a { color:#006cff; text-decoration:none;}
.pt2-info div {padding:20px 0 0 0; font-size:11px;}
.pt2-info h2 { font-size:12px; font-weight:700; color:#747474; margin:0 0 10px 0}
.pt2-info h3 { font-size:12px; font-weight:700; margin:10px 0; }
.clearfix:after {content:".";display:block; height:0; font-size:0;clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.contentCover .pt-info{background:url(/images/kampanya_bg.gif) no-repeat;
		padding:0 0 0 16px; 
		height:178px;
		margin-bottom:22px;
		position:relative;}
.contentCover .pt2-info{background:url(/images/kampanya_bg.gif) no-repeat;
		padding:0 16px 0 0; 
		height:178px;
		margin-bottom:22px;
		position:relative;}