﻿.blue-back {
background: #1363A0;
    -moz-box-shadow:  0 0 10px #000000;
    -webkit-box-shadow:  0 0 10px #000000;
    box-shadow: 0 0 10px #000000;
    border-radius: 19px;
    padding: 15px;
    margin-bottom:15px;
}
.blue-back a {
text-decoration:none;
}
.blue-back > img {
    float: right;
}
.blue-links {
 text-align:center;
 }
.blue-links a {
 color:white;
} 
.box_bg {
    background: white;
    border-radius: 10px;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
	padding: 11px;
	width:200px;
	margin:0 auto 10px;
	overflow: hidden;
}
.green-box {
    background: Green;
    display: block;
    overflow: hidden;
    padding: 5px;
   } 

@media (max-width: 1100px) {
	.toolbox .one-half.column {
		width: 100%;
	}
	.middle-container a.line {    
	margin-bottom: 8px;
    display: block;
    }
}
@media (max-width: 600px) {
    .title-bg  {
    background-image:none;
   }
}
@media (min-width: 1100px) {
.middle-container a.line:after { content:url('../images/seprator.jpg'); padding:0 15px 0 15px; }
.center-me {
margin-right: 23px;
}
}

#wrapper {width:915px;margin:10px auto 0}

#main_container {width:915px; float:left; background:url(../images/main_bg.jpg) no-repeat 0 0; height:515px; padding:0 0 0 0}
#main_container .welcome {width:915px; float:left; text-align:center; padding:50px 0 0 0}

#body_container {width:857px; float:left; padding:19px 29px 0 29px}


 {width:253px; float:left;}
 ul {width:253px;  list-style:none}
 ul li {width:253px; float:left; position:relative; margin:5px 0 0 0}
 ul li .box_bg {width:253px; float:left;background:url(../images/small_box_bg.png) no-repeat 0 0 ; height:123px}


 ul li .box1_details {width:253px; float:left;position:absolute; top:0; left:0}
 ul li .box1_details a {width:203px; float:left; padding:28px 25px 20px 25px; text-decoration:none;}
.box1_details strong { font-size:16px; line-height:21px; color:#000000; font-weight:bold}
.box1_details  img{float:right; margin:4px 0 0 0; display:inline}

.box2_details { line-height:17px;}
.box2_details a {  text-decoration:none;}
.box2_details span { font-size:13px;  color:#000; font-weight:bold}
.box2_details span img{float:right; margin:4px 0 0 0; display:inline}



.box3_details a { text-decoration:none;}
.box3_details strong{width:100%;    display: block;text-align:center;font-size:16px; line-height:19px; color:#000; font-weight:bold; margin:0 0 4px 0}
.box3_details span {    
    font-size: 13px;
    line-height: 17px;
    color: #000;
    width: 149px;
    display: block;
    float: left;
    }
.box3_details  img{
    float: right;
    margin: 4px 0 0 0;
    display: inline;
    }


 .box4_details span {    
    font-size: 13px;
    line-height: 17px;
    color: #000;
    width: 159px;
    display: block;
    float: left;
    }
  
 ul li .box4_details span.space{margin:9px 0 0 0}
.box4_details img{float:right; margin:0 0 0 0; display:inline}

#body_container .middle_container {width:350px; float:left;padding:125px 0 0 0}
#body_container .middle_container .logo{width:350px; float:left; text-align:center}
#body_container .middle_container ul{width:317px; float:left; text-align:center; list-style:none; padding:10px 0 85px 33px}

#body_container .middle_container ul li.last{ background:none}
#body_container .middle_container ul li.testimonials{ background:none; padding-left:90px}
#body_container .middle_container .asbdc_logo{width:350px; float:left;}

.question_box{float:right; background:url(../images/question_bg.jpg) no-repeat 0 0; width:372px; height:37px; margin:-10px 52px 0 0; display:inline; position:relative;}
.question_box img{margin:11px 0 0 13px; display:inline}

.popup_container{float:left; width:433px}
.popup_container h3{float:left; width:413px; background:url(../images/popup_heading_bg.jpg) repeat-x 0 0; height:36px; padding:15px 0 0 20px; font-size:20px; line-height:24px; color:#fff; font-weight:bold}
.popup_container .popup_content_container{float:left; width:431px; background:#e8e8e8 url(../images/popup_content_bg.jpg) repeat-x 0 0; border:1px solid #cccccc; border-top:none}

.popup_container .popup_content_container .about_content{float:left; width:391px; padding:0 20px 20px}
.popup_container .popup_content_container .about_content strong{float:left; width:100%; font-size:14px; line-height:18px; color:#000; font-weight:bold; padding:20px 0 0}
.popup_container .popup_content_container .about_content ul{float:left; width:100%; list-style:none}
.popup_container .popup_content_container .about_content ul li{float:left; width:370px; padding:11px 0 0 21px; background:url(../images/arrow.gif) no-repeat 0 16px;font-size:14px; line-height:18px; color:#000; }
.popup_container .popup_content_container .about_content ul li a{color:#2a379a; text-decoration:underline}
.popup_container .popup_content_container .about_content ul li a:hover{color:#2a379a; text-decoration:none}


.popup_container .popup_content_container .educational_guides{float:left; width:411px; padding:0 10px 20px}
.popup_container .popup_content_container .educational_guides ul{float:left; width:411px; list-style:none}
.popup_container .popup_content_container .educational_guides ul li{float:left; width:411px; padding:20px 0 0 0}
.popup_container .popup_content_container .educational_guides ul li h4{float:left; width:100%; text-align:center;font-size:14px; line-height:18px; color:#000; font-weight:bold; padding:0 0 6px 0 }
.popup_container .popup_content_container .educational_guides ul li .description{float:left; width:210px;font-size:14px; line-height:18px; color:#000; padding:10px 0 0}
.popup_container .popup_content_container .educational_guides ul li .description.right{float:right}
.popup_container .popup_content_container .educational_guides ul li .image_side{float:right; width:187px;}

.popup_container .popup_content_container .educational_guides ul li .image_side img{float:left}
.popup_container .popup_content_container .educational_guides ul li .image_side a{float:left; background:url(../images/arrow.gif) no-repeat 0 4px; padding:0 0 0 18px; font-size:13px; line-height:16px; color:#2a379a; text-decoration:underline; 
margin:0 0 0 13px; display:inline}
.popup_container .popup_content_container .educational_guides ul li .image_side a:hover{text-decoration:none}



.popup_container .popup_content_container .contact_content{float:left; width:391px; padding:0 20px 20px}
.popup_container .popup_content_container .contact_content h4{float:left; width:100%; font-size:14px; line-height:18px; color:#000; font-weight:bold; padding:20px 0 0; text-align:center}
.popup_container .popup_content_container .contact_content ul{float:left; width:331px; list-style:none; padding:0 0 0 60px;}
.popup_container .popup_content_container .contact_content ul li{float:left; width:330px; padding:24px 0 0}
.popup_container .popup_content_container .contact_content ul li img{float:left; margin:0 15px 0 0; display:inline}
.popup_container .popup_content_container .contact_content ul li p{float:left; width:220px;font-size:14px; line-height:19px; color:#000; }

.popup_container .popup_content_container .contact_content ul li a{color:#2a379a; text-decoration:underline}
.popup_container .popup_content_container .contact_content ul li a:hover{text-decoration:none}


.popup_container .popup_content_container .about_content ul.about{float:left; width:371px; padding:20px 0 0 20px}
.popup_container .popup_content_container .about_content ul.about li{float:left; width:350px; padding:11px 0 0 21px; background:url(../images/arrow.gif) no-repeat 0 16px;font-size:14px; line-height:18px; color:#000; }

.popup_container .popup_content_container .about_content ul.about li strong{padding:0; float:none; width:auto}
.popup_container .popup_content_container .about_content ul.about li a{color:#2a379a; text-decoration:underline}
.popup_container .popup_content_container .about_content ul.about li a:hover{text-decoration:none}

