/*-- ******************************************************* --*/
/*-- Content Area                                          --*/
/*-- ******************************************************* --*/
.table-vcenter td {
   vertical-align: middle!important;
   text-align:center;
}
img{
	border:none
}

.padding10{
	padding:10px;
}
 
.padding20{
	padding:20px;
}

.padding40{
	padding:40px;
}

.padding60{
	padding:60px;
}

.padding100{
	padding:100px;
}

.mainContent
{
	background-color: white !important;
		padding: 40px;
	padding-top: 5px;
}

@media (max-width: 992px) 
{
	.mainContent
	{
	padding: 10px;
	}
}

.mainContent h3
{
	color: black;
}

.column01
{
	border-right: solid transparent 1px;	
}

.column02
{
	border-right: solid transparent 1px;
	
}

.column03
{
	
}

.columnText
{
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333;
}

.columnBox
{
	padding: 0%;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 20px;
	border: solid transparent 1px;
	border-radius: 4px;
}

@media (max-width: 767px) 
{
	.columnBox 
	{
		background-color: white;
	}
}

.columnBox h3
{
	font-family: Times New Roman, Times, serif;
	font-variant: small-caps;
	font-size: 21px;
	background-color: #176199;
	color: #f2b502;
	border: solid black 1px;
	border-radius: 4px;
	margin-top: 0px;
}

.columnBox a
{
	text-decoration: underline;
}

.columnTabs li {
	width: 50%;
	height: 60px;
	background-color: #e2edf6;
	border: transparent 1px white;
	border-top-left-radius: 8px;	
	border-top-right-radius: 8px;
}

.columnTabs li a {
	padding-top: 8px;
	padding-bottom: 0px;
	display:block;
	height:100%;
	line-height: 1.1;
	font-family: helvetica, arial, sans-serif;
	
	font-size: 15px;
	color: #777;
	text-align: center;
	vertical-align: top;
	border-top-left-radius: 8px;	
	border-top-right-radius: 8px;
}

.columnTabs li.active a, .columnTabs li.active a:hover, .columnTabs li.active a:focus {
	height: 60px;
	color: #fff;
	background: #0f71ba;
	background: -moz-linear-gradient(top, #3fa4f0 0%, #0f71ba 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3fa4f0), color-stop(100%, #0f71ba));
	background: -webkit-linear-gradient(top, #3fa4f0 0%, #0f71ba 100%);
	background: -o-linear-gradient(top, #3fa4f0 0%, #0f71ba 100%);
	background: -ms-linear-gradient(top, #3fa4f0 0%, #0f71ba 100%);
	background: linear-gradient(to bottom, #3fa4f0 0%, #0f71ba 100%);
	border-top-left-radius: 8px;	
	border-top-right-radius: 8px;
	border-bottom:none;
	
  	
}

.columnTabs li a:hover, .columnTabs li a:focus {
	
	color: rgb(85, 85, 85);
	
}

.tab-area
{
	margin-bottom: 20px;
}

.tab-pane
{
	padding: 10px;
	border-left: solid #bbb 1px;
	border-right: solid #bbb 1px;
	
	border-bottom: solid #bbb 1px;
	border-bottom-left-radius: 4px;	
	border-bottom-right-radius: 4px;
	background-color: #0f71ba;
}

.pane-header{
	color:#f2b502;
}

@media (max-width: 767px) 
{
	.tab-pane 
	{
		background-color: #3890d1;
	}
}

.tab-content a
{
	text-decoration: underline;
	color:#fff !important;
	font-size: 13px;
}

.tab-content li:hover
{
	background-color:#82b8e7;
}
.tab-content ul
{
	
	padding-left:0px;
	
}

.tab-content li
{
	list-style-type: none;
	padding:5px;
	
}
.mainContent .linkList
{
	list-style-type: none;
}	

.linkList a
{

}

.linkList p
{
	font-size: .85em;
}

.linkList li
{
	margin-bottom: 20px;
}
.mainImage
{
	width: 360px;
	height: 200px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	background: white url(/uploadedimages/css/styles/himages/child01.png) top left no-repeat;
}

@media (max-width: 992px) 
{
	.mainImage
	{
		display: none;
	}
}

.rotateImage
{
	width: 360px;
	height: 200px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	background: white url(/uploadedimages/css/styles/himages/child01.png) top left no-repeat;
}

@media (max-width: 992px) 
{
	.rotateImage
	{
		display: none;
	}
}

.quickBox button
{
	width: 100%;
	height: 30px;
	margin-bottom: 10px;
	background-color: white;
	color: #333;
}

.quickBox .dropdown-menu
{
	width: 100%;
	margin-top:-10px;
}

.topTenBox
{
	line-height: 18px;
}

.topTenBox .number
{
	color: #0b1e59;
	font-size: 21px;
}

.tenLinks
{
	padding: 10px;
	padding-bottom: 0px;
}

.tenLinks a
{
	color: #333;
}

.visitorBox
{
}

.newsBox
{
	font-size: 12px;
}

.twitterBox
{
	width: 100%;
}

.bosBox
{
}

.bosLinks a
{
	color: #333;
}

.featuredBox
{
}

.featuredLink a
{
	color: #333;
}

.h4_blue
{
	color: #176199;
}

ul.plainList
{
	font-family: Arial, sans-serif;
	font-size: 14px;
}

.defLink
{
	text-decoration: underline;
}

.resourceList a
{
	text-decoration: underline;
	color: #428bca;
	line-height: 2.0;
}

.image01
{
	float: right;
}





@media (max-width: 767px) 
{
	.image01
	{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

.image02
{
	float: left;
}

@media (max-width: 767px) 
{
	.image02
	{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

.image03
{
	float: right;
}

@media (max-width: 767px) 
{
	.image03
	{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

/*-- ******************************************************* --*/
/*-- Responsive Tables (not bootstrap)                       --*/
/*-- ******************************************************* --*/

.responsive table {
    width: 100%;
    border-collapse:collapse;
	border-spacing:0;
	border:0px
	
}

.responsive img{
	border:none;
}
	/* Zebra striping */
.striped-table tr:nth-of-type(odd) {
    background: #eee;
}

.responsive th {
    background: #333;
    color: white;
    font-weight: bold;
}

.responsive td, th {
    padding: 6px;
    text-align: left;
	padding-left: 16px;
	border-bottom:1px dotted #ccc;
}

.responsive .boundary{
	border-bottom:none;
	padding:12px
}

.primary-name{
	width:50%;
}

.responsive .division{
	background-color: #e0e0e0;
	border:none;
}

.responsive .right-align{
	text-align:right;
}

.responsive .alpha-letter {
	text-align: center;
	background-clip: padding-box;
	background-color: #428bca;
	background-image: -moz-linear-gradient(to bottom,#33A 0,#428bca 100%);
	background-image: -webkit-linear-gradient(to bottom,#33A 0,#428bca 100%);
	border-radius: 15px;
	-webkit-border-radius: 15px;
	color: #FFF;
	display: inline-block;
	font-size: 25px;
	height: 30px;
	width: 30px;
	line-height: 28px;
	margin-right: 2px;
	margin-top: 8px;
	margin-bottom:4px;
	text-shadow: 0 2px 2px rgba(0,0,0,.3);
	box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
}	

.responsive .alpha-letter a{
	color: #FFF !important;
}

 .valign-center tr{
	vertical-align: middle;
    padding-bottom:6px !important;
	padding-top:6px !important;
}

.responsive td img{
	padding:2px;
}

@media 
	only screen and (max-width: 720px),
	(min-device-width: 748px) and (max-device-width: 1024px) {
	
		/* Force table to not be like tables anymore */
    .responsive  table, thead, tbody, th, td, tr {
        display: block;
		border:none;
    }
		
		/* Hide table headers (but not display: none;, for accessibility) */
    .responsive  thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .responsive  tr {
        border: 1px solid #ccc;
    }

    .responsive td {
			/* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 15%;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .responsive  td:before {
			/* Now like a table header */
        position: absolute;
			/* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

   .responsive .boundary{
	display:none
	}
		
	.responsive .right-align{
	text-align:left;
	}
}
	
	/* Smartphones (portrait and landscape) ----------- */
@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
	
   .responsive .boundary{
	display:none
}

	.responsive .right-align{
	text-align:left;
	}
}
   
}
	
	/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 748px) and (max-device-width: 1024px) {
       .responsive .boundary{
	display:none
	}
	
		.responsive .right-align{
	text-align:left;
	}
}

}

.prYearPrev, .prYearPrevEnd
{
	padding-right: 1px;
}

.prYearNext, .prYearNextEnd
{
	padding-left: 1px;
}

/*Responsive Video*/
.responsive-video {
   height: 0;
   padding-top: 1px;
   position: relative;
   padding-bottom: 56.25%; /*16:9*/
}

.responsive-video iframe {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   position: absolute;
}