/* CSS Document */
html, body { 
		background: url("bg.png") repeat-x;
		margin: 0px;
		height: 100%;
		padding: 0px;
	}
	
	#container {  
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */ 
}

#content { border-left:1px solid #ddd; border-right:1px solid #ddd; 
	width: 70%; background-color: #fff;
	top: -18px;
	position: relative;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding:15px; /* bottom padding for footer */
	z-index: 1;
}

#top_info {
	float: right;
	font-family: monotype corsiva, arial;
	font-size:24px; color: #fff;
	padding: 25px;
	
}

#footer { 

	width: 100%;
	margin-left: auto;
	margin-right: auto;

	height: 50px;
	bottom: 0px; /* stick to bottom */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; color:#aaa;
	text-align: center;
	
}

#footer a { text-decoration: none;  color:#888;}
#footer a:hover { text-decoration: none;  color:#300;}
#footer h3 { 	font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; }

.gbc_link, .gbc_link ul {list-style-type:none; padding:0; margin:0; }
.gbc_link li.top {display:block; position:relative;}
.gbc_link { position:relative; top: 10px; float: right; height: 50px; margin-right:60px; width: 130px; padding:0;}
.gbc_link li.top1 a.top_link1 { position:relative; display:block; bottom: 0px; float: right; height: 50px; margin-right:0px; width: 130px; z-index: 30; padding:0; }

* html .gbc_link { position:relative; top: 5px; float: right; height: 50px; margin-right:30px; width: 130px; padding:0; }
* html .gbc_link li.top1 a.top_link1 { position:relative; display:block; bottom: 0px; float: right; height: 50px; margin-right:0px; width: 130px; z-index: 30; padding:0; }

#leftside { width: 100%; height: 90%; margin-top: 20px; }
#leftside h3 a {  text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666666; margin-left: auto; margin-right: auto;  }
#leftside h3 a:hover { text-decoration: underline; }
#rightside { width: 77%; float: right; height: 90%; }

#top_bar {  background: url(top_bar.png) repeat-x;
		position: relative; 
		width: 100%;
		height: 50px;
		margin-left: auto;
		margin-right: auto;
		overflow:hidden;
			z-index: 5;
}
#mymenu { position: relative; 
			width: 50%;
			margin-left: auto;
			margin-right: auto;
			z-index: 7;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #fff;
			text-decoration: none;
			height: 20px;
			padding: 10px; 
			}

#mymenu a { z-index: 7;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #fff;
			text-decoration: none;
			height: 20px; padding: 10px;
			}
			
#mymenu a:hover{ text-decoration: underline;  }

#banner { 
		background: url(banner.png) no-repeat #300;
		position: relative;
		top: 0px;
		width: 100%;
		height: 90px; 
}

#intop { 
		position: relative; 
		top: 0px;
		margin-left: 4px;
		margin-right: auto;
		height: 126px;
		background: url(top_bar.png) no-repeat top; 
		overflow:hidden;
}
*html #intop { background: url(pix/inner_top.gif) no-repeat top; }
*html #container { background: url(pix/bg.gif) repeat-y; }

.clear { clear: both; font-size: 1px; height: 1px; overflow: hidden; }
  
.box {  
		position: relative;
		top: 20px;
		margin-left: auto;
		margin-right: auto; 
		width: 90%; 
		height: 250px;
	}
		
/* start small border */
.bol {background: url(pix/bl.gif) 0 100% no-repeat #f6f6f6; height:100%; }
.bor {background: url(pix/br.gif) 100% 100% no-repeat; height:100%; }
.tol {background: url(pix/tl.gif) 0 0 no-repeat; height:100%; }
.tor {background: url(pix/tr.gif) 100% 0 no-repeat;  height:100%;  }

/* end border */

.box_contents {  
		position:relative; 
		width: 98%;
		height: 84%;
		margin-left: auto;
		margin-right: auto;
		top: 8%; 
		bottom: 8%;
		overflow: auto;
	}
	
.box_contents h3 { font-family: Arial, Helvetica, sans-serif; font-size:24px; }
.box_contents a { font-family:Arial, Helvetica, sans-serif; text-decoration: none; }

.notices { 
	background: url(pix/Clipboard.png) 0 45% no-repeat;
	height:auto;
	padding:10px 10px 10px 75px;
	border-bottom: thin #e3e3e3 dotted;
	text-align:justify; 
	font-family:arial, sans-serif; font-size:11px; 
	}
 ul.h { list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-size:13px; font-weight: bold; }

.theheading {
			position:relative;	
			width: 98%; 
			height: auto;
			margin-left: auto;
			margin-right: 0px;
			top: 3px;
			background: url(pix/grad_top.gif) bottom center no-repeat;
			font-family: Trebuchet MS, arial, sans-serif; font-size:32px; color:#666666;
			}

.contents { 
	background: url(left-top-corner-box.png) 0 0 no-repeat; 
	width: 90%; position: relative; 
	margin-left: auto;
	margin-right: auto;
	padding: 15px; /* bottom padding for footer */

}

.contents h1 { padding: 5px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#555; font-weight:100;  vertical-align: middle; margin-top: 15px; margin-bottom: auto; }
.contents a.hor1 img { float: left; margin-right: 25px; border-color: #300; width: 160px; height: 120px; }
.contents a.ver1 img { float: left; margin-right: 70px; border-color: #300; width: 120px; height: 160px;}
.contents a.hor1:hover img { position: static; left:0px; top:0px; width:450px; height:325px; border-color:#300; z-index:250; }
.contents a.ver1:hover img { position: static; left:0px; top:0px; width:425px; height:460px; border-color:#300; z-index:150; }
.welcome { position: relative; top: 105px; float: left; width: 65%; height: auto; padding: 0px; margin: 0px; z-index: 60; }
/* html .welcome { position: relative; bottom: 0px; float: left; width: 65%; height: auto; padding: 0px; margin: 0px; z-index: 62; border-style:dashed;  } */