/* CONTENT WRAPPER */

#main { 
	width: 900px; 
	margin: 25px auto; /*	margin: 25px auto 0 auto; */
    /*min-height:500px*/
	
}
	/* 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 */
	.colleft,
	.colmid,
	.colright {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		/*overflow:hidden;*/
	}
	/* 3 Column settings */
	.threecol {
		background:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#fff;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* 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) */
	}
	/* 3 Column blog style settings */
	.blogstyle {
		background:#eee;		/* right column background colour */
	}
	.blogstyle .colmid {
		right:25%;			/* width of the right column */
		background:#f4f4f4;	/* center column background colour */
	}
	.blogstyle .colleft {
		right:25%;			/* width of the middle column */
		background:#fff;		/* left column background colour */
	}
	.blogstyle .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:52%;			/* 100% plus left padding of center column */
	}
	.blogstyle .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:56%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.blogstyle .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:60%;			/* 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 (left menu) settings */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:70%;			/* right column width  75%*/
		background:#fff;	/* left column background colour */
	}
	.leftmenu .col1 {
		width:69.5%;			/* right column content width  width=71%*/
		left:100.25%;			/* 100% plus left column left padding  left 102*/
	}
	.leftmenu .col2 {
		width:29.5%;			/* left column content width (column width minus left and right padding)21% */
		left:0.75%;			/* (right column left and right padding) plus (left column left padding)6% */
	}
	/* 2 Column (right menu) settings */
	.rightmenu {
		background:#fff;		/* right column background colour */
	}
	.rightmenu .colleft {
		right:25%;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.rightmenu .col1 {
		width:71%;			/* left column content width (left column width minus left and right padding) */
		left:27%;			/* (right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:21%;			/* right column content width (right column width minus left and right padding) */
		left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	/* 2 Column (double page) settings */
	.doublepage {
		background:#fff;		/* right column background colour */
		width:100%;
	}
	.doublepage .colleft {
		/*right:50%;			/* right column width */
		right:285px;/* lower value pushes left half righwards*/
		/*width:300px;*/
		background:#fff;		/* left column background colour */
	}
	.doublepage .col1 {
		/*width:49.5%;/* left column content width (column width minus left and right padding)46% */
		width:310px; /* pushes left border of right half leftwards*/
		/*left:50.25%;			/* right column width plus left column left padding 52*/
		left:285px;/* counter the effect of width*/
	}
	
	.doublepage .col2 {
		/*width:49.5%;	/* right column content width (column width minus left and right padding) 46*/
		width:300px;
		
		/*left:50.75%;	/* (right column width) plus (left column left and right padding) plus (right column left padding)56% */
		left:290px;
	}
	/* Full page settings */
	.fullpage {
		background:#fff;		/* page background colour */
	}
	.fullpage .col1 {
	/*width:99.5%;	*/		/* page width minus left and right padding 96%*/
	width:615px;
	left:0.25%;			    /* page left padding */
	min-height:350px;/**/
	}
	/* Footer styles */
	/* #footer {
		clear:both;
		float:left;
		width:100%;
		color:#FFF;
		border-top:1px solid #000;
		background: #678b3f;
	}
	#footer p {
		padding:10px;
		margin:0;
		
	}*/
	
	#footer{
border: 0 solid #BEBEBE;
color: black;
border-top-width: 1px;
border-top:1px solid #000;

background: transparent url(../images/bg_topbar.gif) repeat-x;
text-align: center;
font-size: 90%;
padding-top: 3px;
margin-bottom: 5px;
}

#footer a{
text-decoration: none;
}

	
	/* --> */
/***** noscript header *****/
P.iugNoScriptHeader {
background:#cc0000; 
color:#ffffff;
font-family:"Arial",sans-serif; 
font-size:11px;
line-height:1.4em; 
margin:0px; 
padding:4px; 
text-align:center;}
/* new picture effects showing at news detail */
.picture { 
background-color: #F9F9F9;
border: 1px solid #CCCCCC;
padding: 3px;
width:130px;
font: 11px/1.4em Arial, sans-serif; 
}
.picture img {
 border: 1px solid #CCCCCC;
vertical-align:middle; 
margin-bottom: 3px; 
}
.right {
 margin: 0.5em 0pt 0.5em 0.8em; float:right; 
 }
.left { 
margin: 0.5em 0.8em 0.5em 0; float:left;
 }
 #s_menu{
	 /*float:left;*/
	 }
table.sample {
	border-width: 2px 2px 2px 2px;
	border-spacing: 3px;
	border-style: groove groove groove groove;
	border-color: green green green green;
	border-collapse: separate;
	background-color: rgb(255, 250, 250);
}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: outset outset outset outset;
	border-color: green green green green;
	background-color: white;
	-moz-border-radius: 3px 3px 3px 3px;
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: outset outset outset outset;
	border-color: green green green green;
	background-color: white;
	-moz-border-radius: 3px 3px 3px 3px;
}
#tab-accordion .tab-element{clear: both; /*background: #eee; */padding: 5px;}
.tab-toggler{width: 180px; float: left; background: green; text-decoration: none; text-align: center; padding: 3px; display: block; color: #222; font-weight: normal;}
a.tab{text-decoration: none; color: #000; border: solid #fff; border-width: 0 2px 2px 0;}
