/*
UBSCR Cascading Style Sheet
*/

body{
background: #f0f0f0;
color: black;
font-size:13px;
font-family: verdana, helvetica, arial, sans-serif;

}

a {padding:0px;margin:0px;}

p, h1, h2, h3, h4{padding:0px;margin:0px; color:black;}

h3{font-size:1.5em}
h2{font-size:1.75em}

img{border:none}

div.wrapper{
margin:5px auto 5px auto;
width:750px;
background-color:white;
padding:5px 5px 5px 5px;
}

div.header{
width:750px;
height:110px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
background-image:url('img/hd_bg.jpg');
}

div.logo{
width:100px;
height:100px;
margin:5px 5px 0px 15px;
float:left;
}

div.title{
width:620px;
height:50px;
margin:5px 10px 0px 0px;
text-align:right;
font-size:20px;
font-weight:bold;
float:right;
}

div.navigator{
width:620px;
height:30px;
margin:0px 10px 0px 0px;
padding:25px 0px 0px 0px;
float:right;
text-align:right;
font-size:16px;
}

ul.navlink{
margin: 0px 0px 0px 15px;
padding: 2px 5px 2px 5px; 
float:right;
background-image:url('img/trans_bg.png');
background-repeat:repeat;
}

li.navlink{
list-style-type:none;
display:block;
float:left;
overflow:hidden;
margin: 0px 5px 0px 5px; 
padding: 0px;
}


li.navlink a:link {color:white; text-decoration:none;}      
li.navlink a:visited {color:white; text-decoration:none;}  
li.navlink a:hover {color:white; text-decoration:underline;}  


li#current{
font-weight:bold;
}

div.top_img_holder{
width:750px;
height:350px;
margin:5px 0px 5px 0px;
overflow:hidden;
}

.l_button{
width:50px;
height:350px;
position:relative;
top:0px;
left:0px;
text-align:center;
vertical-align:middle;
z-index:3;
}

.r_button{
width:50px;
height:350px;
position:relative;
top:-700px;
left:700px;
text-align:center;
vertical-align:middle;
z-index:3;
}

div.img_holder{
width:750px;
height:350px;
position:relative;
top:-350px;
left:0px;
text-align:center;
vertical-align:middle;
z-index:2;
overflow:hidden;
}

div.img_cont{
width:9000px;
height:350px;
position:relative;
left:-750px;
top:0px;
}

img.img_img{
float:left;
}

/* Main Content CSS */

div.main{
width:750px;
margin:0px;
padding:0px;
display:block;


}

div.info{
width:550px;
margin:0px;
padding:5px 5px 5px 5px;
float:left;
display:inline;
border-top:solid;
border-top-width:1px;
border-top-color:#999;
background-image:url('img/top_bg.jpg');
background-repeat:repeat-x;
}

div.info p, div.events_info p{
margin-top:8px;
}


div.side_box{
width:160px;
margin:0px 0px 5px 0px;
padding:5px;
float:right;
border-top:solid;
border-top-width:1px;
border-top-color:#999;
background-image:url('img/top_bg.jpg');
background-repeat:repeat-x;
}

div.side_box a {text-decoration:none;}

div.side_box p{
margin-top:8px;
}


div.events_info{
width:740px;
margin:0px;
padding:5px 5px 5px 5px;
float:left;
border-top:solid;
border-top-width:1px;
border-top-color:#999;
background-image:url('img/top_bg.jpg');
background-repeat:repeat-x;
//background-color:lightgreen;
}

div.quote{
margin:0px 10px 0px 10px;
}

div.quote i{
margin:0px 0px 0px 5px;
}


div.footer{
clear:both;
width:740px;
height:40px;
margin:5px 0px 0px 0px;
padding:5px;
background-color:#f0f0f0;
text-align:right;
font-size:11px;
}
img#uob_logo{
float:left;
border:none;
}

