/**** COS Styles ****/
body
{
	font-family:Arial,Helvetica,Verdana;
	font-size:12px;
	color:#000000;
}

#page-content
{
	padding: 0px 0px 0px 0px; 
}

.SingleColumn p {
padding-left:20px;
}

.col-left{
    width: 50%;
    float: left;
    background-color: #fff;
    border: solid 1px #c6c9cc;
    padding: 20px 0px 0px 0px;
    margin-bottom: 20px;
}

.col-right {
    width: 50%;
    float: left;
    background-color: #fff;
    border: solid 1px #c6c9cc;
    padding: 20px 0px 0px 0px;
}

.col-left .grey-box .top-title,
.col-right .grey-box .top-title
{
	position: absolute;
	left: 0px;
	top: -20px;
	background: #004481;
	padding: 5px 20px 5px 27px;
	line-height: 26px;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 22px;
	height: 36px;
    width:100%;
	}

.feed-scroller
{
	height: 310px;
	overflow:auto;
}

.grey-box 
{
    padding: 16px 5px 0px 25px;
    margin: 0 0 0px;
}

.resources-box {
    background: rgba(126, 139, 140, 1);
    color: white;
}

.resources-box a{
    color: white;
}

.resources-box  ol > li
{
	padding: 9px 15px;
    font-size:18px;
}

.pages-list p 
{
     margin: 0 15px 20px 15px;
}
.pages-list
{
    padding-bottom:0px;
}

.news-box
{        
    background-color: rgba(236, 240, 241, 1);
}

.news-box a{
    color: black;
}

.DRSSearch
{
font-size:14px !important;
}
@media only screen and (max-width: 640px) {
    .col-left,
	.col-right
	{
		width: 100%;
		float: none;
	}

    .top-title {
        padding-left:10px !important;
    }

    .news-box
    {
        padding: 16px 0 0 0;
    }

    .news-box ol > li {
        padding: 9px 0px 9px 15px;
    }
    .news-box ol > li hr{
        display:none;
    }
    
    .news-box li:nth-child(even) 
    { 
        background-color:white !important;
    }    

    .mCSB_container {
            margin-right: 16px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait),
only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape),
only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape)
{ 
   #sidebar .grey-box ul
	{
		margin-top: 25px;
	}

   #banner-frame .page-title {
    background: rgb(255, 255, 255) !important;
    } 
}

@media only screen and (max-width: 640px)
{
#sidebar .grey-box:last-child
	{
		margin-bottom: 50px;
	}
}
#fixed-search .input-wrapper {
    padding-left: 20px;
}
#navigation li a.active:after
	{
		background: url("/COSImages/images/sprites.png") no-repeat -231px -270px;
	}
#navigation > li > a.hover:after
{
	background-position: -231px -270px;
}
#navigation > li > a.expanded,
#navigation > li > h3.expanded
{
	color: #000000 !important;			
}

#navigation > li > a.expanded:after,
#navigation > li > h3.expanded:after
{
	/*background-position: -88px 19px;*/
	background-position: -167px -225px;
	top: 86%;
}
@media only screen and (max-width: 640px) {
    #navigation .submenu a
	{
		color: black;
	}
    #navigation {
        border-top: solid 1px #ffffff !important;
    }
    #navigation > li {
        padding: 0;
        border-bottom: solid 1px #ffffff !important;
    }
    #navigation > li > a {
        border-bottom: solid 1px #ffffff !important;
    }

    }