/* BODY */

body  {
	font-family:arial,helvetica;
	font-size:11px;
	line-height: 1.4;
	text-align:center;
	background-image:url('../images/upsi-body_bg.jpg');
	background-repeat: repeat-x top left;
	background-color:#838383;
}

html,body {
	margin:0;
	padding:0;
}

#wrapper {	
	text-align:left;
	width:800px;
	background-image:url('../images/upsi-content_bg.jpg');
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
}

img {
	border:0;
	margin:0;
	padding:0;
}

/* 	HEADER */

#header {
	top:0px;
	width:744px;
	height:112px;
	margin:0px 28px 0px 28px;
	padding: 0px 0px 0px 0px;
	background-image:url('../images/upsi-header_bg.jpg');
	background-repeat:no-repeat;
	border: 0px solid #000000;
}

#header #title a {
	display: none;
	font-family:arial,helvetica;
	font-size:18px;
	font-weight: bold;
	margin: 0px 0px 0px 24px;
	padding: 18px 0px 0px 0px;
	text-decoration: none;
	color:#1c35a6;
}

/* 	MAIN NAVIGATION */

#header #nav_main {
	position: absolute;
	top:85px;
	margin:0px 0px 0px 148px;
	padding: 0px 0px 0px 0px;
	height: 27px;
	border: 0px solid #000000;
}

#header #nav_main li {
	margin: 0;
	padding: 0;
    list-style-type: none;
	display: inline;
}

#header #nav_main li a {
	float: left;
	padding: 0px;
	overflow: hidden;
	height: 27px !important;
	background-position: 0 -54px;
}

#header #nav_main li a:hover {
	background-position: 0 0px;
}

#header #nav_main li a:active, #header #nav_main li a.selected {
	background-position: 0 -27px;
}
	
#header #nav_home a  {
	width: 54px;
	background: url('../images/nav_home.jpg') top left no-repeat;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

#header #nav_aboutupsi a  {
	width: 87px;
	background: url('../images/nav_aboutupsi.jpg') top left no-repeat;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

#header #nav_news a  {
	width: 53px;
	background: url('../images/nav_news.jpg') top left no-repeat;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

#header #nav_facilities a  {
	width: 76px;
	background: url('../images/nav_facilities.jpg') top left no-repeat;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

#header #nav_services a  {
	width: 73px;
	background: url('../images/nav_services.jpg') top left no-repeat;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

#header #nav_projects a  {
	width: 77px;
	background: url('../images/nav_projects.jpg') top left no-repeat;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

#header #nav_contactus a  {
	width: 99px;
	background: url('../images/nav_contactus.jpg') top left no-repeat;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

#header #nav_main .menu {
	font-family: arial, helvetica, verdana, sans-serif;
	color:#FFFFFF;
	font-size: 11px;
	font-weight: bold;
	margin-left: 0px;
	padding-top: 4px;
	padding-left: 6px;
	background-color: #1023b0;
	background: url('../images/slidemenu-bg.jpg') repeat-x scroll 0px 0px;
	text-decoration: none;	
	top: 112px;
	}
		
#header #nav_main a.dropmenu {
	color: #FFFFFF;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;	
	}
	
#header #nav_main a.dropmenu:visited {
	color: #FFFFFF;
	text-decoration: none;	
	}	

#header #nav_main a.dropmenu:hover {
	color: #0044f7;
	text-decoration: none;	
	}

#header #nav_main a.dropmenu:active {	
	color: #0044f7;
	text-decoration: none;
	}

/* 	CONTENT */

#content {
	width:744px;
	padding:0px;
	text-align:left;
	vertical-align:top;
	margin:0 28px 0px 28px;
}

#leftnav   {
	width: 56px;
	padding: 18px 4px 18px 12px;
}

td#leftnav {
	font-family:arial,helvetica;
	font-size:11px;
	line-height: 1.6;
	color:#666666;
	text-align:left;
	margin: 0px;
	width: 147px;
	vertical-align:top;
	padding: 0px;
}

td#maincol {
	font-family:arial,helvetica;
	font-size:11px;
	line-height: 1.4;
	margin: 0px 0px 0px 0px;
	padding:18px 0px 18px 0px;
	color:#666666;
	width:597px;
	float:right;
	vertical-align: top;
}

td#maincol h1 {
	margin:0px 24px 12px 18px;
	padding:0;
	font-family:arial,helvetica;
	font-size:16px;
	line-height: 24px;
	letter-spacing: 0px;
	color:#1c35a6;
	font-weight:bold;
	text-transform: uppercase;
	text-align:left;
	border-bottom: 1px dotted #666666;
}

td#maincol h2 {
	margin:12px 24px 4px 18px;
	padding:0;
	font-family:arial,helvetica;
	font-size:13px;
	line-height:1.6;
	font-weight: bold;
	color:#666666;
}

td#maincol p {
	margin:4px 24px 12px 18px;
	padding:0px 0px 0px 0px;
	font-family:arial,helvetica;
	font-size:11px;
	font-weight: normal;
	line-height: 1.6;
	color:#666666;
}

td#maincol p.photocaption {
	margin:4px 8px 4px 0px;
	padding:0px 0px 0px 0px;
	font-family:arial,helvetica;
	font-size:9px;
	font-weight: normal;
	text-align: center;
	line-height: 1.6;
	color:#666666;
}

td#maincol ul {
	margin:0px 18px 0px 18px;
	padding:0px 0px 0px 23px;
	list-style-type:square;
}

td#maincol img {
	background:transparent url(../images/shadow.gif) no-repeat scroll right bottom;	
	border-bottom:medium none;
	border-left:1px solid #EEEEEE;
	border-top:1px solid #EEEEEE;
	margin-left:7px;
	margin-right:18px;
	padding:4px 10px 10px 4px;
	float:right;
}

td#maincol img.landscape {
	background:transparent url(../images/shadow.gif) no-repeat scroll right bottom;	
	border-bottom:medium none;
	border-left:1px solid #EEEEEE;
	border-top:1px solid #EEEEEE;
	margin-left:18px;
	margin-right:18px;
	padding:4px 10px 10px 4px;
	float:left;
}

td#maincol img.thumbnail {
	background:transparent url(../images/shadow.gif) no-repeat scroll right bottom;	
	border-bottom:medium none;
	border-left:1px solid #EEEEEE;
	border-top:1px solid #EEEEEE;
	padding:4px 10px 10px 4px;
	margin: 0px;
	float:left;
}

td#maincol img.thumbnail-120 {
	background:transparent url(../images/shadow.gif) no-repeat scroll right bottom;	
	border-bottom:medium none;
	border-left:1px solid #EEEEEE;
	border-top:1px solid #EEEEEE;
	padding:4px 10px 10px 4px;
	margin: 0px;
	float:left;
}

table#projectexperience {
	font-family:arial,helvetica;
	font-size:11px;
	line-height: 1.6;
	margin: 0px 0px 0px 0px;
	padding:8px 0px 8px 0px;
	color:#666666;
	width:555px;
	vertical-align: top;
}

table#projectexperience tr.headerrow {
	font-family:arial,helvetica;
	font-size:10px;
	font-weight: bold;
	line-height: 1.2;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding:8px;
	color:#666666;
	background-color:#CCCCCC;
	text-align: center;
	vertical-align: middle;
}

table#projectexperience td.col1 {
	width: 173px;
	text-align: left;
	vertical-align: middle;
}

table#projectexperience td.col2 {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

table#projectexperience td.col3 {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

table#projectexperience td.col4 {
	width: 50px;
	text-align: center;
	vertical-align: middle;
}

table#projectexperience td.col5 {
	width: 50px;
	text-align: center;
	vertical-align: middle;
}

table#projectexperience td.col6 {
	width: 50px;
	text-align: center;
	vertical-align: middle;
}

table#projectexperience td.col7 {
	width: 50px;
	text-align: center;
	vertical-align: middle;
}

table#news-top300 {
	font-family:arial,helvetica;
	font-size:9px;
	line-height: 1.2;
	margin: 0px 0px 0px 0px;
	padding:0px;
	color:#666666;
	width:555px;
	vertical-align: top;
	border: 1px solid #666666;
}

table#news-top300 tr.headerrow {
	font-family:arial,helvetica;
	font-size:10px;
	font-weight: bold;
	line-height: 1.6;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	color:#666666;
	background-color:#CCCCCC;
	text-align: center;
	vertical-align: middle;
}

table#news-top300 td.col1 {
	width: 40px;
	text-align: left;
	padding: 2px 0px 2px 4px;
	vertical-align: top;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}

table#news-top300 td.col2 {
	padding: 2px 0px 2px 4px;
	width: 92px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}

table#news-top300 td.col3 {
	width: 36px;
	padding: 2px 0px 2px 0px;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}

table#news-top300 td.col4 {
	width: 36px;
	padding: 2px 0px 2px 0px;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}

table#news-top300 td.col5 {
	width: 36px;
	padding: 2px 0px 2px 0px;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}

table#news-top300 td.col6 {
	width: 36px;
	padding: 2px 0px 2px 0px;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}

table#news-top300 td.col7 {
	width: 36px;
	padding: 2px 0px 2px 0px;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}

table#news-top300 td.col8 {
	width: 40px;
	padding: 2px 0px 2px 0px;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}

table#news-top300 td.col9 {
	width: 91px;
	text-align: left;
	padding: 2px 0px 2px 4px;
	vertical-align: top;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}

table#news-top300 td.col10 {
	width: 92px;
	text-align: left;
	padding: 2px 0px 2px 4px;
	vertical-align: top;
	border-top: 1px solid #666666;
}

table#news-top10 {
	font-family:arial,helvetica;
	font-size:9px;
	line-height: 1.2;
	margin: 0px 0px 0px 0px;
	padding:0px;
	color:#666666;
	width:555px;
	vertical-align: top;
	border: 1px solid #666666;
}

table#news-top10 tr.headerrow {
	font-family:arial,helvetica;
	font-size:10px;
	font-weight: bold;
	line-height: 1.6;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	color:#666666;
	border-bottom: 1px solid #666666;
	background-color:#CCCCCC;
	text-align: center;
	vertical-align: middle;
}

table#news-top10 td.col1 {
	width: 200px;
	text-align: left;
	padding: 4px 0px 4px 4px;
	vertical-align: top;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}

table#news-top10 td.col2 {
	padding: 4px 0px 4px 4px;
	width: 150px;
	text-align: center;
	vertical-align: top;
	color: #FFFFFF;
	background-color: #666666;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

table#news-top10 td.col3 {
	width: 150px;
	padding: 4px 0px 4px 0px;
	text-align: center;
	vertical-align: top;
	color: #FFFFFF;
	background-color: #666666;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #666666;
}

table#contactus {
	font-family:arial,helvetica;
	font-size:11px;
	line-height: 1.6;
	margin: 0px 0px 0px 18px;
	padding:8px 0px 8px 0px;
	color:#666666;
	width:500px;
	vertical-align: top;
}

table#contactus td.col1 {
	width: 120px;
	text-align: left;
	vertical-align: top;
	padding:4px 0px 4px 0px;
}

table#contactus td.col2 {
	width: 380px;
	text-align: left;
	vertical-align: top;
	padding:4px 0px 4px 0px;
}

#leftnav h1 {
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 14px;
	font-family:arial,helvetica;
	text-transform: uppercase;
	font-size:11px;
	font-weight: bold;
	line-height: 12px;
	color:#FFFFFF;
    display: block;
    background-color: #08166c;
    background: url('../images/leftnav-h1_bg.jpg');
    width: auto;
}

#leftnav h1.twoline {
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 14px;
	font-family:arial,helvetica;
	text-transform: uppercase;
	font-size:11px;
	font-weight: bold;
	line-height: 12px;
	color:#FFFFFF;
    display: block;
    background-color: #08166c;
    background: url('../images/leftnav-h1-2line_bg.jpg');
    width: auto;
}

#leftnav ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:arial,helvetica;
	font-size:11px;
	font-weight: normal;
	color:#666666;
	line-height: 18px;
	list-style: none;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #09176f;
	border-bottom: 1px solid #09176f;
    background-color: #adadad;
    display: block;
    width: 147px;
}

#leftnav ul li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height: 18px;
	height: 18px;
    display: block;
    width: auto;
    overflow: hidden;
}

#leftnav a, 
#leftnav a:visited {
	color:#132b99; 
	text-decoration:none; 
	padding:0px 0px 0px 14px;
	background: url('../images/leftnav-bg.jpg') repeat-x scroll 0px 0px;
	line-height: 18px;
    display: block;
	width: auto;
}

#leftnav a:hover {
	color:#0044f7; 
	text-decoration:none; 
	background: url('../images/leftnav-over_bg.jpg') repeat-x scroll 0px 0px; 
}

#leftnav p {
	margin:0px 0px 0px 0px;
	padding:12px 8px 0px 14px;
	font-family:arial,helvetica;
	font-size:11px;
	line-height: 16px;
	color:#666666;
    background: url('../images/leftnav-p-bg.jpg') no-repeat;
    width: auto;
}

#leftnav a.text, 
#leftnav a.text:visited {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#132b99; 
	font-size:11px;
	line-height: 16px;
	text-decoration:none; 
    display: inline;
	background: none;
}

#leftnav a.text:hover {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	line-height: 16px;
	color:#0044f7; 
	text-decoration:underline; 
	background: none;
}


/* 	FOOTER */

#footer {
	background: url('../images/upsi-footer_bg.jpg') no-repeat scroll 0px 0px;
	width:800px;
	height:140px;
	margin:0 auto;
	padding:0px;
}
	
#footer p.address {
	font-family:arial,helvetica;
	font-size:11px;
	text-align:center;
	line-height: 16px;
	color: #333333;
	margin:0px 0px 0px 0px;
	padding:62px 0px 0px 0px;
}

.address-divider {
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 8px 0px 8px;
}

#footer a, #footer a:visited {color:#333333; text-decoration:none;}
#footer a:hover {color:#0044f7; text-decoration:underline;}