﻿body {  

    padding: 0; margin: 0; 

    /*font: 12px Verdana, Arial, Helvetica, sans-serif; */

    line-height: 150%; color: #666; letter-spacing: 1px;

    text-align: justify;

    min-width: 700px;

    background-color: #fff ;

}



p {

     font-family: Calibri, "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;

/*    font-family: Verdana, Arial, Helvetica, sans-serif;*/

    text-align: justify; line-height: normal;

    letter-spacing: normal; 

    color:#666666;

    font-size: 11pt;

    font-weight:normal;
    
}

/* layout */

#container { 



    width: 956px;

    height: 900px;

    text-align: left;

    margin: 0px auto; 

    margin-top: 0px;

    background:#f9f9f9;

    

     

    /*border: solid 1px black;*/

}

/* banner */

#top{



    height: 92px; width: inherit; float: left;  

    margin: 0; padding: 0;

    background-color: #fff;    

    padding-top: 0px;

     /*border: solid 1px black;*/   

}

#top_left{

    float: left;  

    width: 306px; height: 70px; 

    background: url(../images/nuslogo.jpg) no-repeat top left;

    margin-top: 10px;

    margin-left: 20px;

    /*border: dotted; */

}

#top_left h4{

    float: left;

    margin-top: 2px;

    padding-left: 10px; 

    font-style:italic;

    font-family:georgia;

    letter-spacing: 0px;

    font-size: 9pt;

    color:#666 ;

    border: none;



}

.logonav {

    float: left;

    width: 306px; height: 50px;

    border: 0;

}

#top_right{

    width: 470px; height: 62px; float: right;

    margin-right: 0px;

    margin-top: 0px;

     /*border:dotted;*/ 



}

#tr_lower{

    float: right;

    margin-top: 10px;

    margin-bottom: 10px;

    margin-right:30px;

    font-family:georgia;

    text-align: right; 

    letter-spacing: 0px;

    color:#666666;

    font-size: 10pt;

    font-weight: normal;

}

#tr_lower input, select {

    font-family: verdana; font-size: 8pt; font-weight: normal;

}

.gobtn {

    vertical-align: bottom;   

}



#pointermenu2 ul{



margin: 0;



margin-left: 15px; /*menu offset from left edge of window*/



float:right;



position: relative; 



padding-left: 8px;



font: normal 11px Arial;



text-transform: uppercase;



background: #0e3a82 url(../images/leftround2.gif) bottom left no-repeat; /*optional left round corner*/



}

#pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/



margin-bottom: 1em;



margin-left: 7px; /*menu offset from left edge of window in IE*/



}

#pointermenu2 ul li{



display: inline;



}

#pointermenu2 ul li a{



float: left;



color: white;



padding: 7px 9px 7px 5px;



text-decoration: none;



}



#pointermenu2 ul li a:visited{



color: white;



}

#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/



color: lightyellow;



text-decoration:underline;



}

#pointermenu2 ul li a#rightcorner{



padding-right: 0;



padding-left: 2px;



background:url(../images/rightround2.gif) bottom right no-repeat; /*optional right round corner*/



}

/* Main Navigation */

#mainnav

{

    background: #FF9A35 url(../images/main_navbar.jpg) no-repeat top center;  

    float: left; clear: both;

    height: 35px; width: 956px;

    color: #fff;

    padding: 0px;

    margin: 0 0 5px 0;

}



#eucentre{

    float:left;

    width: 931px; height: 57px; 

    margin-bottom: 0px;   

    padding-top: 15px; padding-left: 25px;

    background: #006CD9 url(../images/page_header.jpg) no-repeat top left; 

     /*border: solid 1px black;*/   

}

#eucentre{

    font-family: Georgia, sans-serif;

    font-size: 22pt; line-height: 1.2em;

    color: #fff; letter-spacing: 1px;

}

#eu_left{

    width: 550px;

    height: 50px;

    float: left;

    clear: left;

    padding-top: 0px; 

    /*border: solid 1px black;*/   



}

.roundtop { 

    background: url(../images/top.gif) no-repeat top left; 

    width: 85px;

    height: 10px;

    /*border: solid 1px black;*/   

   display: block !important;

}





.roundbottom {

    background: url(../images/bottom.gif) no-repeat bottom left; 

    width: 85px;

    height: 10px;

    border: none;

    display: block !important;

}

#eu_right{

    width:250px;height: 50px;  

    float: right;

    clear: right;

    padding-top: 0px; 

     /*border: solid 1px black;*/   



}

/* Breadcrumbs */

.breadcrumb {

    font-family: Arial; font-size: 8pt; color: #444;

}

.breadcrumb a {

    font-family: Arial; font-size: 8pt; color: #0000e0;

}

/* Content */ 

#content{

    float: left;

    min-height: 475px; height: auto !important; height: 750px;

    width: 956px;

    margin-left: 0px;

    margin-top: 0px;   

    background: #f9f9f9 url(../images/bg_img.jpg) no-repeat top left;

    clear: both;  



}

#content_left{

    float: left;  

    height: auto; min-height: 450px;

    width: 264px;

    margin-left: 0px;

  /* border: solid 1px black;   */

}

#leftnav{

    float: left;

    width: 220px;

    margin-top: 10px; padding: 0px;

      

}

#leftnav ul{

list-style-type:square;



}

#leftnav li{

margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #E0E0E0;

}

#leftnav li a:hover

{

    text-decoration: none;

    color: #fff;

    background-color: silver;

}

#leftnav li a:link { color:#585858; }

/* the upper part is header */

/* the lower part is the lowest-div of content and footer */

#lowest_div {

    float: left;

    height: 70px;

    width: 956px;

    background: url(../images/blue_footer.gif) no-repeat bottom center; 

    margin: 0;

  /* background-color: #E0E0E0; */

   /* border: solid 1px black; */

}

 

#lowest_div p {

    letter-spacing:normal;  

    font-family:georgia;

    font-size: 9pt; color: #fff;

    text-align: left;

    padding-bottom: 10px;

}

#lowest_div form {

    float: left; 

}

*+html #lowest_div form {

    margin-top: 10px;

}

#lowest_div input { font-family: verdana; font-size: 8pt; font-weight: normal; }

#lowest_div_top {

    float: left; width: 920px; height: 30px; clear: both;

    margin-left: 30px; margin-top: 0px;  

}



#lowest_div_btm {

    float: left; width: 900px; height: 30px; clear: both;

    margin-left: 30px; margin-top: 5px; border-top: 1px solid #ccc;

    

}

*+html #lowest_div_btm {

    padding-top: 8px;

}



.hilite {

    font-size: 9pt; font-weight: bold; color: #FF9A35; 

    margin-right: 8px;

}



#footer {

    float: left; 

    height: 70px;

    width: 956px;

    margin: 0;

    background: url(../images/footer.gif) no-repeat bottom center; 

    /*border: solid 1px black;*/    

}



#footer_left {

    float: left; 

    height: 30px; width: 355px;

    padding: 5px 0 0 20px;

    margin: 15px 0px 5px 0px;

    font-stretch: narrower;

    font-family:arial;

    font-size: 8pt;

    color:#949494;

    /*border:dotted;*/ 

   

}  



#footer_right {

    float: right;

    height: 30px; width: 375px; 

    clear: right;

    text-align: right;

     padding: 0 0 0 20px; margin-top: 15px;   

    /*border:dotted;*/

}

#footer_right label {

    float:right;

    text-align: right;

     padding: 0px 10px 5px 0px;

    letter-spacing: normal;

    font-family:arial;

    font-size: 8pt;

    color:#949494; width: 250px;

   /* border:dotted;*/

}



#footernav{

    float: left;

    color: gray;

    padding: 0px 0px 0px 0px;

    margin-bottom: 0px;

        font-stretch: narrower;

    font-family:arial;

    font-size: 8pt;

    color:#949494;

    

}

#footernav ul{

    margin: 0 0 0 20px;

    padding: 0;

    list-style-type: none;

    /*border-left: 1px solid #C4C769;*/

}

*+html #footernav ul { margin: 0; }

#footernav li{

    display: inline;

    padding: 0 5px;

    border-right: 1px solid #C4C769;

}

#footernav li.last {

    display: inline;

    padding: 0 5px;

    border: none;

}

#footernav li a:hover

{

    text-decoration: none;

    color: #fff;

    background-color: #272900;

}

#footernav li a:link { color:gray; }

#footernav li a:visited { color:gray; } 

#abouteuc {

    position: absolute;

    width: 210px; height: auto; padding: 5px; margin-top:190px;

    margin-left: 10px;

    color: #aaa;

}
*+html #abouteuc {
    margin-left: -210px; 
}



#abouteuc h1 { font-size: 12pt; }

/*
#abouteuc p { font-size: 11px; color: #186a7e; }
*/

#abouteuc p { font-size: 10pt; color: #aaa; }



