/*
   Layout of content pages
    -----------------------------
*/

/* Left and right content divs casestudies and news/articles/blog */
#left_side {width:710px; float:left}
#right_side{width:200px; margin-left:16px; float:right}

.heading_c {font-size: 16px; font-weight: bold; margin-top:0px; color:#19336E;}

/* Image Box Layout(Used in casestudies) */
.cimage-cont {width:292px; float:left}
.cimage_large {float:left; width: 217px; border:#999999 thin solid; background-color:#FFFFFF; margin-top:14px; margin-bottom:14px}
.cimage_large img {padding: 3px; width:211px; height:211px}
.cimage_small_container {float:left; width: 69px; margin-left:3px; margin-top:14px}

.cimage_small {width: 69px; border:#999999 thin solid; background-color:#FFFFFF; margin-bottom: 3px}
.cimage_small img {padding: 3px; width:63px; height:63px}
.c_content_im {position: relative; overflow: hidden; padding-left:16px;}
.c_content {position: relative; overflow: hidden;}

#date_text {font-size: 11px; font-weight: bold;}

#c_title {font-size: 16px; font-weight: bold; border-bottom: thin dotted #19336E; display:block; color: #19336E;}

#c_title a{	text-decoration:none; font-size: 16px; border-bottom:none;}
#c_title a:link {color: #19336E;}
#c_title a:visited {color: #19336E;}
#c_title a:active {color: #19336E;}
#c_title a:hover {color: #F27F22;}

#breadcrumb	{font-size: 10px;}
#breadcrumb a{text-decoration:none; font-size: 10px;}
#breadcrumb a:link {color: #19336E;}
#breadcrumb a:visited {color: #19336E;}
#breadcrumb a:active {color: #19336E;}
#breadcrumb a:hover {color: #F27F22;}

#slidercontainer{margin:30px 0px 30px -120px;}

@media screen and (max-width:995px)
{ 
#left_side {width:100%; float:none}
#right_side{width:100%; margin-left:0px; float:none}
}


@media screen and (max-width:650px)
{ 
.cimage-cont{float:none; margin:auto}
.c_content_im{float:none; width:90%; margin:auto }
}