@font-face {
  font-family: Segoe UI; 
 src: url(http://www.tsu.edu.ph/fonts/segoeui.ttf); 
} 

body
{ 
	color: #8b4513;
	font-size: 10pt;
	font-family:  Segoe UI, Arial;
	

}


body hr
{
	color: #8b4513;
}
a
{
	text-decoration: none;
	color: #996633;
	font-family: Segoe UI, Arial;
}


	
body a:hover
{
	text-decoration: underline;
}

body li
{
	color: #996633;
}
	
body select
{
	background-color: #ffe4c4;
	border-right: tan 1px solid;
	border-top: tan 1px solid;
	border-left: tan 1px solid;
	border-bottom: tan 1px solid;
	color: #996633;
}
body input
{
	background-color: #ffe4c4;
	border-right: tan 1px solid;
	border-top: tan 1px solid;
	border-left: tan 1px solid;
	border-bottom: tan 1px solid;
	color: #996633;
}





#logo
{
    z-index: 102;
   
    background-image: url(images/topblock.jpg);
    
    position: absolute;

   
    left: 86px; width: 155px; top: 0px; height: 142px;
}

#afterlogo
{
    z-index: 104;
    left: 236px;
    background-image: url(newimg/left.jpg);
    width: 7px;
    position: absolute;
    top: 8px;
    height: 130px;
}
#topbanner
{
	height: 130px;
	width: 664px;
	z-index: 100;
	left: 240px;
	position: absolute;
	top: 0px;
	padding: 0;
	margin: 0 0 26px 0;
	
	color: #453A1E;
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
}
#bottomlogo
{
    z-index: 100;
    left: 95px;
    background-image: url(newimg/topimg.jpg);
   
    position: absolute;
    
    height: 10px;
    vertical-align: middle;
    text-align: right;
    filter: progid:DXImageTransform.Microsoft.Shadow (Color=#000000, Direction=180, Strength=3)
   ;
     width: 653px; height: 18px;
    LEFT: 239px; TOP: 124px
}
#mainContent
{
    z-index: 99;
    left: 86px;
    width: 817px;
    position: absolute;
    top: 130px;
    height: 750px;
}
#banner
{
    z-index: 103;
    left: 240px;
    width: 629px;
    position: absolute;
    top: 8px;
    height: 126px;
    
}
#myContent
{
    border-right: maroon thin inset;
    border-top: maroon thin inset;
    z-index: 102;
    left: 159px;
    border-left: maroon thin inset;
    width: 643px;
    border-bottom: maroon thin inset;
    position: absolute;
    top: 16px;
    height: 599px;
    background-color: #ffefd5;
}
#homeContent
{
	border-right: maroon thin inset;
	border-top: maroon thin inset;
	border-left: maroon thin inset;
	
	border-bottom: maroon thin inset;
	position: absolute;
	
	width: 643px;
	
	height: 715px;
	background-color: #ffefd5;
	TOP: 16px;
	z-index: 101; left: 159px;
}
#homecontents
{
	z-index: 114;
	left: 166px;
	width: 635px;
	position: absolute;
	top: 22px;
	height: 400px;
	background-image: none;
	background-color: transparent;
	
}

#homeCurve
{z-index: 106;
    left: -151px;
    background-image: url(newimg/b.jpg);
    width: 145px;
    position: absolute;
    top:620px;
    height: 29px;
    filter: progid:DXImageTransform.Microsoft.Shadow (Color=#000000, Direction=90, Strength=4)
}

#homemenupanel
{
    z-index: 101;
    left: 0px;
    background-image: url(newimg/block.jpg);
    width: 155px;
    position: absolute;
    top: 5px;
	HEIGHT: 745px;    text-align: left;
    border-bottom-style: none;
    background-color:#F1E9D6; color:#453A1E;
    filter: progid:DXImageTransform.Microsoft.Shadow (Color=#000000, Direction=90, Strength=4)
}

#frontpic
{
	border: thin solid #C0C0C0;
	padding: 10px;
	z-index: 103;
	left: 17px;
	width: 331px;
	position: absolute;
	top: 280px;
	height: 229px;
	background-color: papayawhip;
}
	
#bottomCurve
{
    z-index: 106;
    left: -151px;
    background-image: url(newimg/b.jpg);
    width: 145px;
    position: absolute;
    top: 571px;
    height: 29px;
    filter: progid:DXImageTransform.Microsoft.Shadow (Color=#000000, Direction=90, Strength=4)
    
}
#menupanel
{
	left: 0px; top: 5px; height: 615px;
    z-index: 101;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    background-image: url(newimg/block.jpg);
    width: 155px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    position: absolute;
    text-align: left;
    border-bottom-style: none;
    filter: progid:DXImageTransform.Microsoft.Shadow (Color=#000000, Direction=90, Strength=4)
}
#homemenupanel a
{
	display: block;
	float: left;
	
	text-align: left;
	color: #ffcc66;
	font-size: 8pt;
	font-family: Segoe UI, Tahoma;
	z-index: 101;
	left: 25px;
	width: 130px;
	height: 22px;
	vertical-align: middle;
	text-decoration: none;
	position: absolute;
	top: 17px;
	
}
#menupanel a
{
   display: block;
	float: left;
	
	text-align: left;
	color: #ffcc66;
	font-size: 8pt;
	font-family: Segoe UI, Tahoma;
	z-index: 101;
	left: 25px;
	width: 130px;
	height: 22px;
	vertical-align: middle;
	text-decoration: none;
	position: absolute;
	top: 17px;
	
    
}
#menupopop
{
	background: url(images/block.png) #993333 repeat-x;
	height: 200
	width: 150;
	filter: progid:DXImageTransform.Microsoft.Shadow (Color=#000000, Direction=90, Strength=4);
}
#menupopup a
{
	display: block;
	float: middle;
	background: url(images/bt.png) #993333 repeat-x;
	text-align: justify;
	color: #ffcc33;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	width: 130px;
	height: 25px;
	text-decoration: none;
	left: 10px;
	filter: progid:DXImageTransform.Microsoft.Shadow (Color=#000000, Direction=90, Strength=4);
	vertical-align: middle;
	direction: ltr;
}
#menupopup a:hover
{
    background: url(images/bt-over.png) #993333 repeat-x;
    color: white
}

#menupanel a:hover
{
    background: url(images/bt-over.png) #993333 repeat-x;
    color: white;
}
#menupanel a:active
{ 
    background: url(images/bt-over.png) #993333 repeat-x;
    color: #ffffcc;

}
#homemenupanel a:hover
{
    background: url(images/bt-over.png) #993333 repeat-x;
    color: white;
}
#homemenupanel a:active
{ 
    background: url(images/bt-over.png) #993333 repeat-x;
    color: #ffffcc;

}

#mapPath
{
    z-index: 101;
    left: 148px;
    width: 527px;
    position: absolute;
    top: 0px;
    height: 1px;
}
#maincontents
{
    z-index: 114;
    left: 166px;
    width: 635px;
    position: absolute;
    top: 22px;
    height: 590px;
    background-image: none;
    background-color: transparent;
    color:#453A1E; font-family: Segoe UI, Arial, Helvetica, sans-serif;
 }

#contents
{
	z-index: 114;
	left: 166px;
	width: 635px;
	position: absolute;
	top: 22px;
	height: 590px;
	background-image: none;
	
	color: #453A1E;
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
}

#myName
{
	z-index: 113;
	left: 102px;
	position: absolute;
	top: 197px;
	background: url(images/bt.gif) #990000
}
#newsbox
{
	z-index: 101;
	height: 265px;
	position: absolute;
	width: 342px;
	border-right: #ffcc66 1px solid;
	border-top: #ffcc66 1px solid;
	border-left: #ffcc66 1px solid;
	border-bottom: #ffcc66 1px solid;
	left: 7px;
	top: 31px;
}



#opai-bulletin
{
	position: absolute;
	z-index: 102;
	top: 32px;
	text-align: left;
	direction: ltr;
	color: #990033;
	left: 360px;
	width: 265px;
	height: 99px;
	border-right: #800c09 1px solid;
	border-top: #800c09 1px solid;
	border-left: #800c09 1px solid;
	border-bottom: #800c09 1px solid;
	background-color: transparent;
}

#registrar-bulletin
{left: 360px; top: 190px;
	position: absolute;
	z-index: 102;
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	color: #006633;
	line-height: normal;
	letter-spacing: normal;
	
	width: 265px;
	height: 102px;
	border-right: #800c09 1px solid;
	border-top: #800c09 1px solid;
	border-left: #800c09 1px solid;
	border-bottom: #800c09 1px solid;
}

#admission-bulletin
{
	z-index: 104;
	left: 362px;
	width: 270px;
	position: absolute;
	top: 350px;
	height: 102px;
	border-right: #800c09 1px solid;
	border-top: #800c09 1px solid;
	border-left: #800c09 1px solid;
	border-bottom: #800c09 1px solid;
	background-color: transparent;
}
#osa-bulletin
{
	width: 265px;
	position: absolute;
	height: 102px;
	z-index: 105;
	border-right: #800c09 1px solid;
	border-top: #800c09 1px solid;
	border-left: #800c09 1px solid;
	border-bottom: #800c09 1px solid;
	left: 360px;
	top: 510px;
}

#imgREG
{
	z-index: 103; position: absolute;
	left: 360px; top: 160px;
	filter: progid:DXImageTransform.Microsoft.Shadow (Color=#000000, Direction=180, Strength=5);

}
#imgOPAI
{z-index: 101; left: 358px; position: absolute; top: 10px;
    filter: progid:DXImageTransform.Microsoft.Shadow (Color=#000000, Direction=180, Strength=5);
	
}

#imgOSA
{
	z-index: 106; left: 360px; position: absolute; 
	 top: 480px;
	     filter: progid:DXImageTransform.Microsoft.Shadow (Color=#000000, Direction=180, Strength=5);
}
#imgCUR
{
	z-index: 100;left: 6px; position: absolute; top: 10px;
	    filter: progid:DXImageTransform.Microsoft.Shadow (Color=#000000, Direction=180, Strength=5);
}
#imgADM
{
	z-index: 104; left: 361px; position: absolute; top: 320px;
	    filter: progid:DXImageTransform.Microsoft.Shadow (Color=#000000, Direction=180, Strength=5);
}

#newsHandler
{
	
	z-index: 101;
	width: 297px;
	position: absolute;
	HEIGHT: 202px;
	left: 2px;
	top: 2px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: transparent;
}




#bulletHandler
{
	font-size: 10pt;
	z-index: 104;
	text-transform: none;
	font-family: Segoe UI, Arial Narrow;
	position: absolute;
	text-align: left;
	z-index: 102;
	left: 367px;
	width: 274px;
	top: 1px;
	height: 335px;
	top: 1px;
	display: block;
	overflow: auto;
	width: 274px;
	background-color: papayawhip;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}
#points
{
	z-index: 103;
	left: 527px;
	width: 274px;
	position: absolute;
	top: 360px;
	height: 210px;
	background-color: papayawhip;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}