/* Layout begins here */
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#444; text-align:center;}
#pagemargins{ margin:0 auto; width:980px; text-align:left;}
#wrapper{ float:left; display:inline; width:980px;}
#top{ float:left; display:inline; width:970px; margin:0 5px; background:url(../images/blue_bg.jpg) repeat; color:#ccc;}
#topleft{ float:left; display:inline; width:675px;}
#topright{ float:right; display:inline; width:250px; background:url(../images/blue_bg.jpg) repeat; color:#ccc;}
#topnav{ float:right; display:inline; width:250px; margin:27px 0 0 0;}
#search{ float:right; display:inline; width:200px; height:30px; margin:5px 0 0 0; background:url(../images/search_bg.jpg) no-repeat;}
#mainnav{ float:left; display:inline; margin:0 5px; width:970px; height:32px; background:url(../images/mainnav_bg.jpg) no-repeat top left;}
#mainnav ul { margin-left:27px; }
#containertop{ float:left; display:inline; width:980px; margin:17px 0 0 0;}
#containerbody{ float:left; display:inline; width:980px; background:url(../images/shadow_bg.jpg) repeat-y top left;}




#homebanner{ float:left; display:inline; width:926px; /*margin:0 0  10px 19px;*/ margin:0 0  10px 25px; }

 

/*#homebanner img{ float:left; display:inline; width:926px; margin:0 0  10px 19px; margin:0 0  10px -8px; }*/



#contenthome{ float:left; display:inline; width:926px; margin:20px 0 0 30px; text-align:justify;}
#footer{ float:left; width:973px; height:50px; margin:auto;}
#footertable table{}
#footertable td{ float:left;}
/*#footertable td:hover tr{ background:#b8bece;}*/
#footernotes{ float:left; display:inline; width:973px; margin:10;  margin-left:5px;}
#footernav{ float:left; display:inline; width:800px; margin-bottom:10px;}
#credits{ margin:10px 10px 0 0; float:right;}
#breadcrumb{ float:left; display:inline; width:926px; margin:0 0  0 30px;}

#homeleft{ float:left; display:inline; width:656px;}
#homeright{ float:right; display:inline; width:252px;}

#sidenav{ float:left; display:inline; width:230px;}
#rightcont, #inner_01{ float:right; display:inline; width:676px;}
#cont_inner{ float:left; width:100%; }
#inner_02{ float:left; display:inline; width:430px;}
#rightpanel{ float:right; display:inline; width:230px;}

#searchinput{ border:none; width:130px; color:#666; margin-top:-9px;}
#searchbtn{ border:none; background:url(../images/search_btn.jpg) no-repeat; width:25px; height:27px;}
#searchtable table{}
#searchtable td{ float:right;}
/*#searchtable td:hover tr{ background:none;}*/
#social{ float:left; width:800px; height:50px; margin:0 0 0 0px;}
#bottom-links { float:left; display:inline; margin-left:6px;}





#sidenav ul{ margin:0; padding:0;}
#sidenav ul li{ list-style:none; line-height:25px; border-bottom:1px #ccc solid; width:100%; display:block;}
#sidenav ul li a{ color: #32416c; text-decoration:none; display:block; padding:0 0 0 15px;}
#sidenav ul li a:hover{ background-color:#9bd14f; color: #fff; display:block;}
#sidenav ul li a:active, #sidenav ul li a:focus{ background-color:#9bd14f; color: #000;}

#sidenav li ul{ margin:0 0 0 10px; padding:0 0 0 10px;}
#sidenav li ul li{ margin:0 0 0 5px; padding:0; border-bottom:1px #ccc dotted;}
#sidenav li ul li a{ padding:0 0 0 15px;}

#sidenav li ul li ul{ margin:0; padding:0 0 0 15px;}


.csc-mailform label{ float:left; width:150px; font-weight:bold; color:#336699; line-height:20px;}
.csc-mailform-field{  color:#333; width:350px; margin:0 0 0 50px;}
.csc-mailform-submit{ margin:0 20px 0 0; border:none; width:80px; padding:2px 5px; background:#336699; color:#fff;float:right;}
.csc-mailform-reset{ margin:0 0 0 20px; border:none; width:80px; padding:2px 5px; background:#336699; color:#fff;float:left;}
#mailformFirst_Name, #mailformLast_Name, #mailformDate_Of_Birth, #mailformNationality, #mailformTelephone_Number, #mailformPostal_Address, #mailformEmail_Address, #mailformAcademic_Qualification, #mailformInterest, #mailformLevel, #mailformattachment1, #mailformattachment2, #mailformFull_Names, #mailformCompany, #mailformPhysical_Address, #mailformArea_Of_Interest, #mailformCountry, #mailformConfirm_Email_Address, #mailformComments{ float:right; background:#fff; border:1px #666 solid; color:#333; width:350px; padding:2px 5px; margin:0 0 10px 0;}


/*
#mailform{ border:none;}
#mailform label{ text-align:left; width:200px; margin:0 10px 0 0; float:left; line-height:20px;}
#mailformFirst_Name, #mailformLast_Name, #mailformDate_Of_Birth, #mailformNationality, #mailformTelephone_Number, #mailformPostal_Address, #mailformEmail_Address, #mailformAcademic_Qualification, #mailformInterest, #mailformLevel, #mailformattachment1, #mailformattachment2, #mailformFull_Names, #mailformCompany, #mailformPhysical_Address, #mailformCountry, #mailformConfirm_Email_Address, #mailformComments{ background:#fff; border:1px #ccc solid; width:300px; padding:2px 5px; margin:0 0 10px 0; float:right; }
.csc-mailform-submit, .mailform buttons{ margin:0 0 0 160px; background:#000033; border:none; color:#fff; padding:2px 10px;}

#mailform table{ border:none;}
*/
#rightcont ul, #inner_01 ul{ margin:0; padding:0;}
#rightcont ul li, #inner_01 ul li{ list-style:inside; list-style-type:none;  cursor:text; padding:3px 0 0 10px; border-bottom:1px #e7e6e5 solid; line-height:200%; background:;}
#rightcont ul li:hover, #inner_01 ul li:hover{ background:;  color:#000;}





#download_a table{ margin:0; padding:0; width:430px;}
#download_a td{ line-height:150%; padding:2px 5px; border-bottom:1px #ccc solid; border-right:1px #ccc solid;}
#download_a th{ line-height:150%; padding:2px 5px; border-right:1px #ccc solid; text-align:left; color:#fff; background:#444;}
#download_a tr:hover td{ color:#009900;}


/* -------------------------------------------------
Second Level Navigation
--------------------------------------------------*/
 #secondlevelnav{ float:left; width:192px; background-color:#; margin-bottom:10px; margin-top:10px;}
.vlist{ padding: 0; margin: 0; display:block; width:100%;}
/*
.vlist ul { text-decoration:none;list-style:none; margin:0; padding:0;}
.vlist li{height:29px; width:100%; list-style:none; text-decoration:none;  border-bottom:1px #ccc solid; color:#000;}
.vlist li a{line-height:20px; width:100%;  text-decoration:none;  color:#000; padding:10px;display: block;}
.vlist li.active { color:#FFFFFF; width:100%; list-style-position:inside; text-decoration:none; background-color:#31426D;}
.vlist li.active a{ color:#FFFFFF;}
.vlist li:hover { color:#FFFFFF; width:100%; height:29px; list-style-position:inside; text-decoration:none; background-color:#31426D;}
.vlist li:hover a{ color:#FFFFFF;}


.vlisttwo{ padding: 0; margin: 0; display:block; width:100%;}
.vlisttwo ul { text-decoration:none;list-style:none; margin:0; padding:0;}
.vlisttwo li{height:24px; width:100%; list-style:none; text-decoration:none;  border-bottom:1px #ccc solid; color:#000;}
.vlisttwo li a{line-height:20px; width:80%;  text-decoration:none;  color:#000; padding:10px;display: block;}
.vlisttwo li.active { color:#FFFFFF; width:100%; list-style-position:inside; text-decoration:none; background-color:#31426D;}
.vlisttwo li.active a{ color:#FFFFFF;}
.vlisttwo li:hover { color:#FFFFFF; width:100%; height:29px; list-style-position:inside; text-decoration:none; background-color:#31426D;}
.vlisttwo li:hover a{ color:#FFFFFF;}

*/

a { color: #4D87C7; background:transparent; text-decoration:none; }
  a:visited  { color: #036; }

  a:focus,
  a:hover,
  a:active { color:#182E7A; text-decoration:underline; }

#dateref{
text-align:center;
margin:0 auto;
height:30px;
width:100%;
float:left;
padding-bottom:10px;
border-bottom:1px solid green;
}
#date{
width:150px;
float:left;
height:auto;
}
#reference{
float:right;
width:150px;
height:auto;
}

#jtitle_desc{
width:100%;
float:left;
padding-bottom:10px;
border-bottom:1px solid green;
}
#jobtitle{
float:left;
margin:0 auto;
height:30px;
width:100%;
border-bottom:1px solid green;
}

#job_desc{
width:100%;
float:left;
}
#job_label{
float:left;
width:20%;
}
#job_scription{
float:right;
width:78%;
}



#requirements{
width:100%;
float:left;
padding-bottom:10px;
border-bottom:1px solid green;
}
#require_left{
float:left;
width:20%;
}
#require_right{
float:right;
width:78%;
}

#further_info{
float:left;
padding-bottom:10px;
border-bottom:1px solid green;
}

#imagebox{
margin:7px;
border:3px solid #98A0B5;
}

#gal_browser{
text-align:right;
}
#titlebox{margin-left:20px;
font-weight:bold;
}

#gallery_nav_box{
float:left;
width:500px;
border:1px solid black;
}
#gallery_nav_prev{
float:left;
border:1px solid black;
}
#gallery_nav_next{
float:right;
border:1px solid black;
}