body{}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus{ text-decoration:none;}

.spacer10{ float:left; width: 100%; height:10px;}
.spacer20{ float:left; width: 100%; height:20px;}
.spacer30{ float:left; width: 100%; height:30px;}
.spacer40{ float:left; width: 100%; height:40px;}


.container{}
.column{} 
.row {margin:0;}
.header_blue_bg{ background:#F3F3F4; width:100%; float:left;}
.main_header {    margin: 10px 0;}

.logo{ width:12%;  float: left;}

.title{float: left; padding: 0; color:#2E2D74;}
.title h3{float: left;    font-size: 22px; font-weight:bold;    margin: 20px 0 0;    text-transform: uppercase;    width: 100%;}
.title h4{color: #121212;   font-weight:bold;  float: left;    font-size: 18px;    margin: 8px 0 0;    text-transform: uppercase;    width: 100%;}
.login {float: right;    padding: 0;    width: 325px; color:#fff;}
.login a{ border: 1px solid #fff; background-color:#FDB713;   color: #ffffff;    float: right;    padding: 5px;}
.login a:hover{ border: 1px solid #2E2D74;  background: #FDB713;    color: #fff;}
.login h3{ float: left;    font-size: 22px; color:#29166F; font-weight: bold;margin: 35px 0 0;    text-align: right;    text-transform: uppercase;    width: 100%;}


.menu_blue_bg{ background:#29166F; width:100%; float:left;}
.login_form{    background: none repeat scroll 0 0 #DCDCDC;padding: 10px 10px 0 10px; float: left;}
.login_form form{float: left;    width: 100%;}
.login_form form input[type="text"], .login_form form input[type="password"]{border: medium none;    float: left;    margin: 0 3px;    padding: 3px;
    width: 36%;}
.login_form form input[type="submit"]{  background: none repeat scroll 0 0 #FDB713;    border: medium none;    color: #fff;    font-size: 15px;
    padding: 3px 15px; width: 23%;}
	
	
.desktop_main_menu{ display:block;}
.desktop_main_menu .top_spacer{ float:left; width:100%; height:6px;}
.desktop_main_menu ul{ float: left;    list-style: outside none none;    margin: 0;    padding: 0;}
.desktop_main_menu ul li{display: inline;    float: left;}
.desktop_main_menu ul li a{   color: #eee;    float: left;    font-size: 15px;    padding: 10px 12px;}
.desktop_main_menu ul li a.current{ background: none repeat scroll 0 0 #e7e8e9;    color: #000;    font-size: 15px;    padding: 10px 12px;}
.desktop_main_menu ul li a:hover{background: none repeat scroll 0 0 #e7e8e9;    color: #000;}

.mobile_main_menu{ display:none;}


.gray_sub_menu{ background: none repeat scroll 0 0 #e7e8e9;    float: left;    width: 100%; display:block;}
.gray_sub_menu_container{ margin: 0 auto;    width: 775px;}
.gray_sub_menu ul{ list-style: outside none none; margin:7px 0; padding: 0; float:left;}
.gray_sub_menu ul li{display: inline;    float: left;}
.gray_sub_menu ul li a{ border-right: 1px solid;    color: #2E2D74;    float: left;   font-size: 14px;    margin: 8px 0;    padding: 0 12px;}
.gray_sub_menu ul li a:hover{ color: #000;}

.main_container_bg {   background: rgba(0, 0, 0, 0) url("images/bg1.jpg") repeat-x;   float: left;    min-height: 570px;    width: 100%;}


.submission_form{ background: #F3F3F4 none repeat scroll 0 0;  padding: 0;    float: left; color:#fff;}
.submission_form h2{ background: #322F6F none repeat scroll 0 0;  text-transform: uppercase;  float: left;   font-size: 22px;    margin: 0;    padding: 20px 10px;    text-align: center;    width: 100%;}
.submission_form form{ float: left; padding: 15px 0;   width: 100%;}
.submission_form form fieldset input[type="text"], .submission_form form fieldset input[type="password"], .submission_form form fieldset input[type="email"], .submission_form form fieldset select { border: 1px solid #ccc;    color: #666;    float: left;    margin: 0;    padding: 6px;    width: 100%;}
.submission_form form fieldset input[type="submit"] { background: #FDB713 none repeat scroll 0 0;    border: medium none;    color: #fff;
    float: left;    font-size: 20px;    padding: 5px 20px;}
.submission_form form fieldset{  margin: 10px auto;  width: 80%;}
.submission_form form fieldset p{color: #333;    float: left;    font-size: 17px;    margin-bottom: 2px;  width: 100%;}


.main_content_area{float: left; padding: 0;}
.uni_banner_container{ margin: 0 auto;    position: relative;    top: 0;    width: 61%; color:#fff;}
.uni_banner{  background: #2D2D6D none repeat scroll 0 0;   opacity: 0.9;   float: left;    height: 130px;    padding: 30px;    text-align: center;    width: 445px;}
.uni_banner h2{ border-bottom: 2px solid #FDB713; color:#FDB713;    float: left;    font-size: 35px;    font-weight: bold;    margin: 0 0 10px;width: 100%;    padding-bottom: 5px;}
.uni_banner h4{ float: left;    font-size: 26px;    margin: 0 0 15px;    width: 100%;}
.uni_banner_container h3{ background: #ffffff none repeat scroll 0 0; color:#322F6F;  text-align: center;  float: left;    font-size: 29px;    margin: 0;    padding: 11px; width: 445px;}


.footer_bg {    background: #06364C none repeat scroll 0 0;    float: left;    padding: 15px 0;    width: 100%;}
.footer_contact_us {    float: left;    text-align: center; color:#fff;}
.footer_contact_us h3 { float: left;    font-size: 13px;    font-weight: bold;    margin: 0 0 8px;    padding-bottom: 4px;    text-align: left;}
.footer_contact_us ul {    float: left;    list-style: outside none none;    margin: 0;    padding: 0;    width: 100%;}
.footer_contact_us ul li {   float: left;    font-size: 11px;    margin-bottom: 5px;    text-align: left;    width: 100%;}
.footer_contact_us ul li a {color: #fff;    float: right;    width: 69%;}
.footer_contact_us ul li a:hover{ color:#ccc;}
.footer_contact_us ul li.copy{ margin-top: 10px;}

.footer_boxes {    float: left;    margin: 0 8px;    width: 23%;}

.footer_boxes h3 {  border-bottom: 1px solid #428bca;    color: #ea9922;    float: left;    font-size: 13px;    font-weight: bold;    margin: 0 0 8px;
    padding-bottom: 4px;    text-align: left;}
.footer_boxes ul {    float: left;    list-style: outside none none;    margin: 0;    padding: 0;    width: 100%;}
.footer_boxes ul li {    float: left;  width: 100%;}
.footer_boxes ul li a { color: #fff;    float: left;    font-size: 11px;    width: 100%;}
.footer_boxes ul li a:hover{ color:#ccc;}


@media only screen and (min-width: 240px) and (max-width: 319px) 
{
.logo {    text-align: center; width: 100%;}
.title {    text-align: center;    width: 100%;}	
.title h3 { font-size: 11px;    font-weight: bold;    line-height: 18px;    margin: 10px 0;    text-align: center;    text-transform: uppercase;}
.title h4 { font-size: 12px;    font-weight: bold;}
.login {    width: 100%;}
.login a { float: left;    margin-left: 35px;    margin-top: 10px;}
.login h3 { margin-top: 10px;    text-align: center; font-size: 13px;}

.desktop_main_menu{ display:none;}
.gray_sub_menu{ display:none;}
.mobile_main_menu{  display: block;    margin: 10px 0;    padding: 0;}
.login_form form input[type="text"], .login_form form input[type="password"] {  margin: 3px;    padding: 6px;    width: 98%;}
.login_form form input[type="submit"] {    margin-left: 3px;    margin-top: 8px;    width: 100px;}

.footer_contact_us ul li a {    width: 55%;}
.footer_contact_us {    margin-bottom: 10px;    width: 100%;}
.footer_boxes ul li a {    font-size: 13px;    margin-bottom: 5px;}
.footer_boxes {    margin:0 8px 15px 0;    padding: 0;    width: 100%;}
.login_form {    margin-bottom: 15px;}

.submission_form h2 { font-size: 14px;    font-weight: bold;}


.main_container_bg {    height: auto;    padding-bottom: 15px;}
.main_content_area{ width:100%; margin-bottom: 15px;}
.uni_banner_container {    float: left;    top: 0;    width: 100%; margin:0;}
.uni_banner {    width: 100%; height:auto;  padding: 20px 30px;}
.uni_banner h2 {    font-size: 21px;}
.uni_banner h4 {margin: 0; font-size: 12px;    font-weight: bold;}
.uni_banner_container h3 {    font-size: 14px; font-weight:bold;    width: 100%;}

}
@media only screen and (min-width: 320px) and (max-width: 479px) 
{
.logo {    text-align: center; width: 100%;}
.title {    text-align: center;    width: 100%;}	
.title h3 {    font-size: 15px;    font-weight: bold;    line-height: 18px;   margin: 10px 0;    text-align: center;    text-transform: uppercase;}
.title h4 {    font-size: 15px;}
.login {    width: 100%;}
.login a { float: left;    margin-left: 70px;    margin-top: 10px;}
.login h3 { margin-top: 10px;    text-align: center; font-size: 18px;}

.desktop_main_menu{ display:none;}
.gray_sub_menu{ display:none;}
.mobile_main_menu{  display: block;    margin: 10px 0;    padding: 0;}
.login_form form input[type="text"], .login_form form input[type="password"] {  margin: 3px;    padding: 6px;    width: 98%;}
.login_form form input[type="submit"] {    margin-left: 3px;    margin-top: 8px;    width: 100px;}

.footer_contact_us {    margin-bottom: 10px;    width: 100%;}
.footer_boxes ul li a {    font-size: 13px;    margin-bottom: 5px;}
.footer_boxes {    margin:0 8px 15px 0;    padding: 0;    width: 100%;}
.login_form {    margin-bottom: 15px;}

.submission_form h2 {    font-size: 19px; }

.main_container_bg {    height: auto;    padding-bottom: 15px;}
.main_content_area{ width:100%; margin-bottom: 15px;}
.uni_banner_container {    float: left;    top: 0;    width: 100%; margin:0;}
.uni_banner {    width: 100%; height:auto;  padding: 20px 30px;}
.uni_banner h2 {    font-size: 21px;}
.uni_banner h4 {margin: 0;    font-size: 19px;}
.uni_banner_container h3 {    font-size: 20px; font-weight:bold;  width: 100%;}


}
@media only screen and (min-width: 480px) and (max-width: 767px) 
{
.logo {   float: left;   padding: 0;    width: 23%;}	
.title{  float: left;    margin-left: 10px;    width: 74%;}
.title h3 {    font-size: 17px;    font-weight: bold;    line-height: 20px;   margin: 10px 0 0;    text-align: left;    text-transform: uppercase;}
.login {    width: 100%;}
.login a { float: left;   margin-top: 10px;}
.login h3 {float: left;    font-size: 18px;    margin-top: 15px;    text-align: right;    width: 70%;}

.desktop_main_menu{ display:none;}
.gray_sub_menu{ display:none;}
.mobile_main_menu{  display: block;    margin: 10px 0;    padding: 0;}
.login_form form input[type="text"], .login_form form input[type="password"] {  margin: 3px;    padding: 6px;    width: 37%;}
.login_form form input[type="submit"] {margin-left: 3px;    margin-top: 3px;    padding: 6px 15px;    width: 78px;}

.footer_contact_us ul li a {    width: 80%;}
.footer_boxes ul li a {    font-size: 13px;    margin-bottom: 5px;}
.footer_contact_us {    margin-bottom: 10px;    width: 100%;}
.footer_boxes {    margin: 0 8px 30px;    padding: 0;    width: 45%;}
.login_form {    margin-bottom: 15px;}


.main_container_bg {    height: auto;    padding-bottom: 15px;}
.main_content_area{ width:100%; margin-bottom: 15px;}
.uni_banner_container {    float: left;    top: 0;    width: 100%; margin:0;}
.uni_banner {    width: 100%; height:auto;  padding: 20px 30px;}
.uni_banner h2 {    font-size: 30px;}
.uni_banner h4 {margin: 0;    font-size: 24px;}
.uni_banner_container h3 {    font-size: 30px; width: 100%;}



}
@media only screen and (min-width: 768px) and (max-width: 1023px)
{
.logo {   float: left;   padding: 0;    width: 14%;}	
.title{  float: left;    margin-left: 10px;    width: 83%;}
.title h3 {    font-size: 16px;    font-weight: bold;    line-height: 20px;   margin: 10px 0 0;    text-align: left;    text-transform: uppercase;}
.login {float: left;    margin-left: 10px;    width: 83%;}
.login a { float: right;   margin-top: 10px;}
.login h3 { float: left;    font-size: 20px;    margin-top: 15px;    text-align: left;    width: 310px;}


.desktop_main_menu ul li a {  font-size: 10px;    padding: 12px 6px;}
.desktop_main_menu ul li a.current {  font-size: 10px;    padding: 12px 6px;}
.login_form {    width: 267px; padding: 5px 2px;}
.login_form form input[type="text"], .login_form form input[type="password"] {    width: 36%;}
.login_form form input[type="submit"] { font-size: 12px;    padding: 5px 15px;    width: 21%;}
.gray_sub_menu_container { width: 560px;}
.gray_sub_menu ul li a {    font-size: 11px;    margin: 3px 0; font-weight:normal;}

.footer_contact_us ul li a {    width: 88%;}
.footer_boxes ul li a {    font-size: 13px;    margin-bottom: 5px;}
.footer_contact_us {    margin-bottom: 10px;    width: 100%;}
.footer_boxes { margin: 0 18px 30px 0;    padding: 0;    width: 22%;}

.main_container_bg {    height: auto;    padding-bottom: 15px;}
.main_content_area{ width:100%; margin-bottom: 15px;}
.uni_banner_container {    float: left;    top: 0;    width: 100%; margin:0;}
.uni_banner {    width: 100%; height:auto;  padding: 20px 30px;}
.uni_banner h2 {    font-size: 30px;}
.uni_banner h4 {margin: 0;    font-size: 24px;}
.uni_banner_container h3 {    font-size: 30px; width: 100%;}

.submission_form {    width: 100%;}

.submission_form h2 {    font-size: 30px;}

}
@media only screen and (min-width: 1024px) and (max-width: 1279px)
{
.logo {   float: left;   padding: 0;    width: 11%;}	
.title{  float: left;    margin-left: 10px;    width: 58%;}
.title h3 {    font-size: 15px;    font-weight: bold;    line-height: 20px;   margin: 10px 0 0;    text-align: left;    text-transform: uppercase;}
.login {float: left;    margin-left: 10px;    width: 28%;}
.login a { float: right;   margin-top: 10px;}
.login h3 { float: left;    font-size: 18px;    margin-top: 15px;    text-align: right;    width: 100%;}

.desktop_main_menu ul li a {    font-size: 13px;    padding: 9px;}
.desktop_main_menu ul li a.current {    font-size: 13px;    padding: 11px 9px;}
.desktop_main_menu ul li a:hover {    padding: 11px 9px;}
.gray_sub_menu_container {    width: 670px;}

.footer_contact_us ul li a {    width: 60%;}
.footer_contact_us {    margin-bottom: 10px;}
.footer_boxes { margin: 0 18px 30px 0;    padding: 0;    width: 22%;}

.submission_form h2 {    font-size: 19px; }

}

@media only screen and (min-width: 1280px) and (max-width: 1365px)
{
.submission_form h2 {    font-size: 19px; }
}



#footer-wrapper{width:100%;border-top:#e85b1f;border-top-style:solid;border-top-width:medium}
#footer-bottom-wrapper{margin-top:210px;width:auto;height:205px;border-top-color:#666;border-top-style:solid;border-top-width:1px;background-color:#000;clear:both;margin-left:auto;margin-right:auto}
#footer-logo-wrapper{width:326px;height:78px;margin-top:50px;background-image:url('images/bahria-logo-text.png');background-repeat:no-repeat;clear:left;float:left}#footer-address-container{width:189px;height:77px;margin-top:53px;background-image:url('images/footer-address-txt-v1.png');
background-repeat:no-repeat;clear:right;float:right}
                                                                                                                                                                 
#designed-by-webteam{width:450px;height:30px;line-height:8px;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.09m;text-transform:normal;text-align:center;padding-top:25px;margin-right:auto;margin-left:auto;clear:both}
#designed-by-webteam a{color:#CCC;text-decoration:none}
#designed-by-webteam a:hover{text-decoration:underline;color:#fff}