@charset "utf-8";
/* CSS Document */

body {
    background:url(../images/bg.jpg) repeat;
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#003366;
	line-height:20px;
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6, img, p, ul, li, a, table, tr, td, input, textarea, form {
	margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
	text-decoration:none;
	vertical-align:top;
}


.clear{clear:both;}
.main{width:1000px; height:auto; margin:0 auto; }
#header{width:100%; height:auto; background:#002e5d url(../images/header-bg.jpg) repeat-x;}
#header .header_main{  background:#002e5d url(../images/header-bg.jpg) repeat-x; margin:0 auto; width:1000px;}
#header .logo{ height:149px; width:149px; float:left; margin:2px 0 0 0px; }
#header .contact{ background:url(../images/contact-bg.png) no-repeat; font-size:20px; float:right; width:313px; height:90px; margin:0 0 0 0;}
#header .contact .phone{ width:265px; height:auto; margin:17px 0 0 48px; color:#fff; padding:0 0 10px 0px; border-bottom:#fff solid 1px;}
#header .contact .phone img { margin:0 10px 0 43px; float:left;}
#header .contact .emaii{ width:185px; height:auto; margin:8px 0px 0 94px; float:left; color:#fff; padding:0 0 10px 0px;}
#header .contact .emaii a{color:#fff;}
#header .contact .emaii a:hover{color:#003366;}
#header .contact .email img {margin:0px;}
#header .admission{ font-size:20px; color:#fff; float:right; padding:25px 0 0 0px; width:314px; margin:0 0 0 240px;}
#header .admission b {font-size:20px; text-decoration:none; color:#cfac43;}
#header .admission b a{ color:#cfac43;}
#header .admission b a:hover{ color:#fff;}
#header .admission span {font-size:24px; text-decoration:underline;}
#header .admission span a{ color:#fff;}
#header .admission span a:hover{ color:#cfac43;}
#menu{background:url(../images/menu-bg.png) repeat-x; width:100%; height:66px; padding:0px; margin:0px;}
#menu .manu_man{width:1000px; margin:0 auto; background:url(../images/menu-bg.png) repeat-x;}
#menu ul{margin:0px; padding:0px;}
#menu ul li{color:#fff; font-family: 'Roboto', sans-serif; font-size:20px; margin:22px 0 0 0; float:left;}
#menu ul li a{color:#fff; padding:16px 20px;}
#menu ul li a:hover{background:#c8a741; border-top:#08325c solid 6px; padding:16px 20px;}
#menu ul li .active{background:#c8a741; border-top:#08325c solid 6px; padding:16px 20px;}
#banner{width:1000px; height:auto; margin:0 auto;}
#contener{background:url(../images/main-bg.png) repeat-y; width:1036px; height:auto; margin:0 auto; padding:0px;}
#contener .three_box{ width:100%; height:auto;}
#contener .three_box .graduate{width:333px; height:169px; margin:0 0 0 0px; padding:0 0 0 0px; float:left; color:#fff; float:left;}
#contener .three_box .graduate span{ color:#fff; font-family: 'Roboto', sans-serif; font-size:20px; font-weight:bold; position:relative; bottom:48px; text-align:center; display:block;}
#contener .three_box .graduate span a{color:#fff;}
#contener .three_box .graduate span a:hover{color:#08325c;}
#contener .registration{ width:519px; height:auto; background:url(../images/form-bg.png) repeat-x; margin:0 0 0 6px; float:left;}
#contener .registration h1{ color:#083b61; font-family: 'Roboto', sans-serif; font-weight:bold; font-size:25px; margin:20px 0 20px 20px; padding:15px 0 0 0;}
#contener .registration_box{ width:100%; height:auto; background:url(../images/input-bg.png) no-repeat; width:487px; margin:0 0 5px 15px;}
#contener .registration_box .text{ color:#fff; font-family: 'Roboto', sans-serif; float:left; font-weight:bold; font-size:15px; padding:10px 0 7px 25px; width:110px;}
#contener .registration_box .text_int{width:342px; margin:5px 0 0 0; float:left;}
#contener .registration_box .text_int_select{width:347px; margin:0px 0 0 0; float:left; background:url(../images/select.png) no-repeat right;}
#contener .registration_box .text_int input {width:100%; height:32px; background:none;}
.send{background:url(../images/send.png) no-repeat; width:69px; height:32px; margin:0 20px 30px 0px; cursor:pointer; float:right;}

#contener .education{ width:437px; height:auto; background:url(../images/form-bg.png) repeat-x; margin:0 5px 0 0px; float:right;}
#contener .education h1{ color:#083b61; font-family: 'Roboto', sans-serif; font-weight:bold; font-size:25px; margin:20px 0 20px 20px; padding:15px 0 0 0;}
#contener .education_box{width:100%; height:auto;}
#contener .education_box p{ font-family: 'Open Sans', sans-serif; color:#003366; font-weight:bold; padding:15px 0 10px 25px; width:90%;}
#contener .education_box input { background:url(../images/education_input_bg.jpg) repeat-x; width:395px; height:33px; margin:0 0 10px 23px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; *behavior: url(border-radius.htc); border-left:#cbc9c9 solid 1px; border-right:#cbc9c9 solid 1px;}
.forget_box{ width:50%; font-size:14px; height:auto; margin:0 0 10px 25px; float:left;}
.forget_box .checkbox{background:#003366; width:15px; height:15px; float:left; margin:3px 5px 0 0;}
.forget_box p{ font-size:14px; color:#003366;}
.forget_box span{ font-size:14px; font-weight:bold; color:#003366; margin:10px 0 0 0; display:block;}
.forget_box span a{color:#003366;}
.forget_box span a:hover{color:#d8b446;}

.login{ width:52px; height:22px; margin:20px 20px 0 0px; float:right; cursor:pointer; background:url(../images/login.png) no-repeat;}
.submit{ width:89px; height:33px; margin:20px 20px 0 0px; cursor:pointer; background:url(../images/submit.png) no-repeat;}

#footer{background:url(../images/footer-bg.jpg) repeat-x; width:100%; height:97px; margin:0px;}
#footer .footer_main{width:1000px; height:auto; margin:0 auto;}
#footer .footer_menu{width:68%; height:auto; float:left;}
#footer .footer_menu ul{margin:0px; padding:0px;}
#footer .footer_menu ul li{font-family: 'Open Sans', sans-serif; color:#fff; font-size:13px; padding:0 10px; margin:20px 0px; float:left;}
#footer .footer_menu ul li a{color:#fff;}
#footer .footer_menu ul li a:hover{color:#d8b446;}
#footer .follow{width:20%; height:auto; font-family: 'Open Sans', sans-serif; color:#fff; font-size:13px; float:right;}
#footer .follow p{float:left; margin:20px 10px 0 0; font-weight:bold;}
#footer .follow img {float:left; margin:12px 0 0 0;}
#footer .copy{width:100%; height:auto; clear:both; padding:10px 0 0 0;}
#footer .copy p{font-family: 'Open Sans', sans-serif; color:#fff; font-size:13px; font-weight:normal; float:left;}
#footer .copy p a{ color:#fff;}
#footer .copy p a:hover{ color:#d8b446;}
#footer .copy span{display:block; font-family: 'Open Sans', sans-serif; color:#fff; font-size:13px; font-weight:normal; float:right;}
#footer .copy span a{color:#fff;}
#footer .copy span a:hover{color:#d8b446;}
/*======================================banner css===============================================*/
.page_heading{ color:#083b61; font-family: 'Roboto', sans-serif; font-weight:bold; font-size:25px; margin:0px 0 20px 20px; padding:15px 0 0 0;}
.page_description{color:#083b61; font-family: 'Roboto', sans-serif; font-size:12px; padding:15px 20px; min-height:400px;}
#left_panel{}
#left_panel ul{ display:block; }
#left_panel ul li{ line-height:20px; padding:5px 0px; font-size:15px; color:#083b61; font-family: 'Roboto', sans-serif; list-style:inside;}
#left_panel ul li a{ line-height:20px; padding:5px 0px; font-size:15px; color:#083b61; font-family: 'Roboto', sans-serif;}

#left_panel ul li ul{ }
#left_panel ul li ul li{ line-height:20px; padding:5px 0px 0px 20px; font-size:15px; color:#083b61; font-family: 'Roboto', sans-serif;}
#left_panel ul li ul li a{ line-height:20px; padding:5px 0px; font-size:15px; color:#083b61; font-family: 'Roboto', sans-serif;}
#left_panel ul li ul li a:hover{ line-height:20px; padding:5px 0px; font-size:15px; color:#083b61; font-family: 'Roboto', sans-serif; text-decoration:underline;}

.styled-select select {
   background: transparent;
   width: 115%;
   padding: 3% 4% 4% 4%;
   font-size:90%;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: auto;
    -webkit-appearance: none;
   color:#3e7bcb;
   position:relative;
   right:-50px;
      
   }
   
.styled-select {
   width: 338px;
   float:right;
   height: 41px;
   overflow: hidden;
   margin:0 4% 0 0;
   padding:0px 0 0 0;
   /*position:absolute;*/
   
   /*background: url(new_arrow.png) no-repeat right #ddd;*/
   border:none;
   -moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
*behavior: url(border-radius.htc);
   }
#contener .registration_box .student-profile
{
width:122px;
padding:10px 0 0 15px;
font-size:13px;
}
#contener .registration_box .text_int input.dept_checkbox
{
float:left;
width:30px;
height:30px;
}







/* =============================================================================
   Responsive adjustments
   ========================================================================== */
/* Tablets and the like */
@media (min-device-width:1024px) and (max-width:768px),  screen and (max-device-width:480px),  (max-device-width:480px) and (orientation:landscape),  (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
#header .header_main{width:100%}
#banner{width:100%;}
#contener{width:100%;}
.main{width:100%;}
#menu .manu_man{width:100%;}
#menu ul li a{padding:16px 10px;}
#menu ul li a:hover{padding:16px 10px;}
#menu ul li .active{padding:16px 10px;}
#contener .three_box .graduate {width:30%; margin:0 0 0 3%; height:auto;}
#contener .three_box .graduate img{width:100%;}
#contener .three_box .graduate span{margin:4% 0 0 0;}
#contener .registration {margin:0 0 0 3%; width:45%;}
#contener .registration_box .text_int input{width:85%; ;}
#contener .registration_box{width:89%; -moz-border-radius:0 10px 6px 0; -webkit-border-radius:0 10px 6px 0; border-radius:0 10px 6px 0; *behavior: url(border-radius.htc); border-right:#cbc9c9 solid 1px; border-left:none}
#contener .registration_box .text_int{width:55%;}
.styled-select{width:100%;}
.styled-select select{padding:8% 4% 4%;}
#contener .registration_box .text_int_select{width:55%;}

#contener .education{float:right; width:45%; margin:0 0 0 0%;} 
#contener .education_box input{width:83%;}
#footer .footer_menu{width:75%;}
#footer .footer_menu ul li{padding:0 5px;}
#footer .follow{width:22%; float:right;}
#footer .footer_main{width:100%;}
#footer .copy p {padding-left:1%;}
#footer .copy span {padding-right:1%;}



}
/* Smartphones */
@media (min-device-width:1024px) and (max-width:509px),  (max-device-width:480px) and (orientation:portrait) {
#header{ width:100%; height:auto;}
#header .contact { float:left; margin:5px 0px 70px 0; width:100%; clear:both;}
#header .contact .phone{ width:auto; border:none; margin-left:10%;}
#header .contact .emaii{margin-left:26%; width:auto;}
#header .admission {float:right; margin:241px 0 0 0; position:absolute; font-size:12px;}
#header .admission span{ font-size:13px;}
#header .admission b{font-size:13px;}
#contener .three_box .graduate{float:left; width:100%;}
#contener .three_box .graduate img {width:100%;}
#menu ul li{font-size:9px;}
#menu ul li a{padding:16px 6px;}
#menu ul li a:hover{padding:16px 6px;}
#menu ul li .active{padding:16px 6px;}

.manu_man {width:100%; height:auto;}
#banner {width:100%;}
.main{width:100%;}
#contener .three_box{width:100%;}
#contener{ width:100%; background:none;}
#footer{background:#003366 url(../images/footer-bg.jpg) repeat-x;}
#footer .copy{background:#032f5b;}
#footer .copy span{float:left; margin:10px 0;}
#footer .footer_menu{background:#003366; width:100%;}
#footer .follow{background:#003366; width:100%;}
#footer .footer_main{width:100%; background:#003366;}
#contener .education{width:100%;}
.forget_box{width:53%;}
#contener .education_box input{width:87%; }
#contener .registration{width:100%;}
#contener .registration_box{width:88%; -moz-border-radius:0 10px 6px 0; -webkit-border-radius:0 10px 6px 0; border-radius:0 10px 6px 0; *behavior: url(border-radius.htc); border-right:#cbc9c9 solid 1px; border-left:none;}
#contener .registration_box .text_int{width:47%;}
.login{margin:10px 20px 0 0;}
#footer .copy{ margin:0 0 0 0px;}
#footer .copy p{padding-left:10px;}
#footer .copy span{padding-left:10px;}
#contener .registration_box .text_int_select{width:49%;}
.styled-select{width:100%; }
.styled-select select{padding:9% 4% 4%; right:-24%;}
#header .header_main{width:100%;}
#contener .three_box .graduate span{margin:0;}
}