@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,700,600italic,700italic);
@import url(carousel.css);

/* Bootstrap
--------------------------------------------------------------------------
========================================================================*/
body {
	font: 18px/26px Open Sans !important;/*20px/28px Open Sans !important;*/
	color: #000;
}
a,
header #hdright .link-group span,
header #hdright.col-md-6 span {
	color: #005cab;
}
a {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}
a:visited,
a:visited:hover,
a:focus,
a:focus:hover,
a:active {
	color: #00607c;
}
#hdright a:hover,
#hdright a:focus,
#hdright a:active,
#hdright a.active
{
    background: #C72426 !important;    
    color: #FDDC00 !important;
    border-bottom: 2px solid #C72426 !important ;
}
.container,
#banner .container-fluid,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 0;
	padding-left: 0;
}
.row {
	margin-right: 0;
	margin-left: 80px !important;
}
@media (min-width: 1024px) {
	.container {
		width: 1000px;
	}
    #ctl01_LoginStatus1
	{
	    margin-left:4px !important;
	}
}

/* Common Classes
--------------------------------------------------------------------------
========================================================================*/
.clear {
	clear: both;
	width: 100%;
	overflow: hidden;
}
#GoogleSearch
{
    width : 200px !important;
}
#LogoDiv
{
    width:auto;
    float:left;
}
#ctl01_TemplateBody_WebPartManager1_gwpciMilitaryUpdate_ciMilitaryUpdate_ListTitle_Body
{
   margin-left: 165px;
}
#ctl01_TemplateBody_WebPartManager1_gwpciMilitaryUpdate_ciMilitaryUpdate_ListTitle_TextLabel
{
   margin-left: 175px; 
}
header #hdright form {
	float: left;
}
#ctl01_signupbutton
{
        float:left;
}
.showbuttongroup
{	
	width: auto !important;
	float: right !important;
	text-align: right !important;
	margin:10px 0px 10px 0px !important;
}
.searchcontrol
{
    float: left !important;
    margin: 10px 5px !important;
    padding: 3px 0px !important;
   /* width: calc(100% - 90px) !important;/*280px 80% !important;*/
	width: 280px;
}
@media (min-width: 1024px) {
	.searchcontrol
	{
	 margin: 10px 45px !important;
	}
}
#ctl01_renewbutton
{
   margin-bottom: 5px !important;
}
#sitenavigation .nav.navbar-nav {
	float: right;
}
#sitenavigation .navbar-collapse,
#rightstrip .btn {
	padding: 0;
}
#site#sitenavigationigation .navbar-nav,
#rpi-block h1 {
	margin: 0;
}
#sitenavigation .nav > li > .submenu {
	display: none;
}
#rightstrip .btn span {
	display: block;
}

/* header
---------------------------Color got changed as per logo.From a1191c to C72426
========================================================================*/
.donatebutton{
	background: #C72426 ;
	border-radius: 0;
	color: #FDDC00 !important;
	border-bottom: 2px #C72426 solid;
	width: 100% !important;
	font-size: 18px;
	text-transform:none;
	line-height: 1.6;
	margin-bottom: 0;
        padding: 6px 12px;
        text-align: center;
        text-decoration: none;
        transition: background 0.2s ease-out 0s;
        vertical-align: middle;
    	white-space: normal;
}
.donatebutton:hover{
	background: #225468 !important; border-bottom: 2px #4dbce9 solid !important;
	color: #fff !important;
	text-decoration: none;
}
header .btn,
#rightstrip .btn span {
	background: #C72426;
	border-radius: 0;
	color: #FDDC00!important;
	border-bottom: 2px #C72426 solid;
	width: 100% !important;
	font-size: 18px;
	text-transform:none;
}
header .btn:hover,
#rightstrip .btn:hover span {
	background: #C72426; 
	border-bottom: 2px #C72426 solid;
	color: #FDDC00;
}
header #hdright {
	/*margin: 20px 0 20px 0;*/
	margin:0px;
}
header #hdright input[type=search] {
	border-radius: 0;
	border-color: #6a737b;
	width: 160px;
	height: 40px;
	float: left;
	padding: 0 10px;
}
#searchicon
{
    float: right !important;    
    /*left: 246px;*/
    position:absolute;
}
#searchicon .glyphicon {
	color: #6a737b;
	padding: 10px;
	top:0px !important;
}
#searchicon .active {
	background: #C72426 !important;
    color: #FDDC00 !important;
}
header #hdright .link-group {
    font-size: 16px;
	line-height: 40px;
	margin: 0 20px;
}
header #hdright .link-group span,
header #hdright.col-md-6 span {
    padding: 0 10px;
}
header #hdright.col-md-6 {
	margin: 15px 0 0 0;
}
header #hdright.col-md-6 form {
	margin: 0 -42px 0 0;
}

/* nav
--------------------------------------------------------------------------
========================================================================*/
#sitenavigation {
	min-height: 30px;
	border: 0;
	margin: 0;
	background: #00607c;
	border-radius: 0;
}
#sitenavigation .navbar-nav > li {
	z-index: 16;
}
#sitenavigation .navbar-nav > li > a {
	padding: 0 20px;
	color: #fff;
	line-height: 55px;
	position: relative;
}
#sitenavigation .nav > li > a:hover,
#sitenavigation .nav > li > a:focus,
#sitenavigation .nav > li:hover > a {
	background: #fff;
	color: #000;
}
header .navbar-toggle .icon-bar {
	background: #000;
}
#sitenavigation .nav > li > .submenu {
	position: absolute;
	top: 55px;
	left: 1px;
	z-index: 2;
	background: #14323e;
	border: 1px #000 solid;
	border-top: 0;
	padding: 30px 50px 20px 50px;
	width: 555px;
}
#sitenavigation .nav > li > .taction.submenu,
#sitenavigation .nav > li > .support.submenu {
	left: inherit;
	right: -1px;

}
#sitenavigation .navbar-nav > li > .submenu > div > ul > li > a {
	line-height: 28px;
	color: #fff;
		
}
#sitenavigation .navbar-nav > li > .submenu > div > ul > li > ul > li > a {
	line-height: 40px;
	padding: 0 0 0 70px;
	color: #fff;
}

/*#sitenavigation .container #bs-example-navbar-collapse-1 .nav.navbar-nav li #aboutcancermenu .col-md-6.col-sm-6.col-xs-12 .list-unstyled li {padding-bottom:22px;}*/

/* banner
--------------------------------------------------------------------------
========================================================================*/
#banner .container-fluid {
	background: #4dbce9;
    position: relative;
    z-index: 1;
}
#banner .container {
	color: #fff;
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	padding: 30px 0 60px 0;
	margin: 0 auto; font-family: 'Droid Serif', serif;
}
#banner .carousel-control,
#latestnews .carousel-control {
	width: 70px;
	height: 70px;
	background-image: none;
	filter: none;
	top: 30%;
}
#latestnews .carousel-control {
	background: url(../images/icons/latestnews.png) no-repeat;
}
#banner .carousel-control.left,
#latestnews .carousel-control.left {
	left: 90px;
}
#banner .carousel-control.right,
#latestnews .carousel-control.right {
	right: 90px;
	background-position: -70px 0;
}
#banner .carousel-indicators {
	bottom: 10px;
}
#banner .carousel-indicators li {
	width: 14px;
	height: 14px;
	background: #225468;
	margin: 0;
	border: 1px #225468 solid;
}
#banner .carousel-indicators li.active,
#rightstrip .btn {
	background: none;/*Button was coming as grey so commented it #c1c1c1*/
}

/* research, people and impact
--------------------------------------------------------------------------
========================================================================*/
#rpi-block {
	padding: 0 0 44px 0;
}
#rpi-block h1,
#innerpage #leftstrip h1 {
	font-size: 30px;
	font-weight: 600;
}
#rpi-block h1.text-center {
	padding: 35px 0; font-family: 'Droid Serif', serif;
}
#rpi-block .col-md-4,
#dva-block .col-md-4 {
	width: 33%;
}
#rpi-block .col-md-4.middle,
#dva-block .col-md-4.middle {
	margin: 0 0.5%;
}
#rpi-block .col-md-4 h1 {
	padding: 22px 0 15px 0; font-family: 'Droid Serif', serif; color:#00607c;  
}
#rpi-block .col-md-4 p {
	margin: 0;
	line-height: 30px;
}

/* research, people and impact
--------------------------------------------------------------------------
========================================================================*/
#dva-block {
	background: #a1191c;
	color: #fff;
}
#dva-block h1 {
	font-size: 30px;
	margin: 0;
	font-weight: 600;
	padding: 25px 0 10px 0; font-family: 'Droid Serif', serif;
}
#dva-block .col-md-4 p {
	margin: 0 0 30px 0;
	line-height: 30px;
}
#dva-block .col-md-4 .btn {
	background: #00607c;
	border-radius: 0;
	color: #fff;
	width: 135px;
	font-size: 18px;
}
#dva-block .col-md-4 .btn:hover {
	background: #14323e;
	color: #fff;
}

/* middle banner
--------------------------------------------------------------------------
========================================================================*/
#midbanner,
#innerpage,
#dva-block,
footer {
	padding: 20px 0;
}
.choose_slider {
    height: 350px;
    position: relative;
}

/* research, people and impact
--------------------------------------------------------------------------
========================================================================*/
#latestnews {
	padding: 0 0 40px 0;
	background: #00607c;
}
#latestnews h1 {
	font-size: 30px;
	margin: 0;
	font-weight: 600;
	padding: 20px 0;
	color: #fff; font-family: 'Droid Serif', serif;
}
#latestnews .col-md-3 {
	background: #fff;
	padding: 0 0 25px 0;
	width: 24%;
	margin: 0 0.5%;
}
#latestnews .col-md-3 h3 {
	padding: 25px 15px;
	margin: 0;
	font-size: 18px;
	color: #005cab;
	line-height: 30px;
	font-weight: 600;
}
#latestnews .col-md-3 p {
	margin: 0 0 30px 0;
	line-height: 30px;
	padding: 0 15px;
}
#latestnews .col-md-3 .btn {
	background: #4dbce9;
	border-radius: 0;
	color: #fff;
	border-bottom: 2px #225468 solid;
	width: 135px;
	font-size: 18px;
}
#latestnews .col-md-3 .btn:hover {
	background: #00607c;
	color: #fff;
}
#latestnews .carousel-inner .active.left {
	left: -24%;
}
#latestnews .carousel-control.left {
	left: -60px;
}
#latestnews .carousel-control.right {
	right: -60px;
}

/* footer
--------------------------------------------------------------------------
========================================================================*/
footer {
	font-size: 14px;
}
footer .col-md-6 ul {
	padding: 0;
}
footer .col-md-6 ul li {
	list-style: none;
	float: left;
	font-weight: 600;
}
footer .col-md-6 ul li + li:before {
	content: "|";
	padding: 0 5px;
}
footer .social a {
	height: 26px;
	display: inline-block;
	background: url(../images/icons/social.png) no-repeat;
}


footer .social a.facebook {
	width: 13px;
}
footer .social a.twitter {
	width: 33px;
	background-position: -13px 0;
	margin: 0 5px;
}
footer .social a.youtube {
	width: 36px;
	background-position: -46px 0;
}
footer .col-md-2 .btn {
	background: #a1191c;
	border-radius: 0;
	color: #fff;
	border-bottom: 2px #5e0f11 solid;
	width: 135px;
	font-size: 18px;
}
footer .col-md-2 .btn:hover {
	background: #00607c;
	color: #fff;
}

/* Innerpage
--------------------------------------------------------------------------
========================================================================*/
#innerpage #leftstrip .breadcrumb {
	background-color: inherit;
    border-radius: 0;
	padding: 0;
	font-size: 14px;
}
#innerpage #leftstrip .breadcrumb a {
	color: #6a737b;
}
#innerpage #leftstrip .breadcrumb > li + li:before {
    content: "\3E";
	color: #6a737b;
}
#innerpage #leftstrip h1,
#innerpage #leftstrip h2,
#innerpage #leftstrip h3 {
	margin-bottom: 20px;
}
#innerpage #leftstrip h2,
#rightstrip #updatednews h2 {
	font-size: 24px;
	font-weight: 600;
}
#innerpage #leftstrip h3 {
	font-size: 18px;
	font-weight: 600;
}
#rightstrip .btn span {
	width: 100%;
	margin-top: 25px;
	padding: 6px 12px;
}
#rightstrip #updatednews h2 {
	background: #005cab;
	padding: 0 0 0 10px;
	line-height: 50px;
	height: 50px;
	color: #fff;
	margin-bottom: 0;
}
#rightstrip #updatednews h2 span.pull-right {
	background: url(../images/icons/nav.png) no-repeat 5px -132px;
	width: 43px;
	height: 45px;
}
#rightstrip #updatednews ul li {
	border-bottom: 1px #6a737b solid;
	padding: 15px 20px;
}
@media (max-width: 1200px) {

#ctl01_TemplateBody_WebPartManager1_gwpciMilitaryUpdate_ciMilitaryUpdate_ListTitle_Body
    {
       margin-left: 135px;
       text-align:center;       
    }
    #ctl01_TemplateBody_WebPartManager1_gwpciMilitaryUpdate_ciMilitaryUpdate_ListTitle_TextLabel
    {
       float: right; 
       margin-left:185px;
    }
}
/* Tablet
--------------------------------------------------------------------------
========================================================================*/
@media (max-width: 1023px) {
	.container {
		width: 728px;
	}
	#GoogleSearch
    {
        width : 100% !important;
    }
	.row {
	margin-right: 0;
	    margin-left: 20px !important;
    }
	header #hdright {
		/*margin: 10px 0 0 0;*/
		margin:0px;
	}
	header #hdright form {
		float: right;
		width: 190px;
	}
	header #hdright.col-md-6 form,
	#rightstrip li:first-child .btn {
		margin: 0;
	}
	header #hdright .link-group {
		margin: 0px;
	}
	header #hdright input[type=search] {
		width: 150px;
	}
	#sitenavigation .nav > li > .aboutu.submenu {
		left: -1px;
	}
	#sitenavigation .nav > li > .aboutc.submenu {
		left: -126px;
	}
	#sitenavigation .nav > li > .impact.submenu {
		left: -280px;
	}
	#sitenavigation .nav > li > .taction.submenu {
		left: -440px;
	}
	#sitenavigation .nav > li > .support.submenu {
		left: -565px;
	}
	#banner .carousel-control {
		top: 15%;
	}
	#rpi-block,
	footer .col-md-6 ul {
		padding: 0 0 35px 0;
	}
	#rpi-block h1.text-center {
		padding: 35px 0; font-family: 'Droid Serif', serif;
	}
	#rpi-block .col-md-4 h1,
	#dva-block .col-md-4 h1 {
		font-size: 21px; font-family: 'Droid Serif', serif;
	}
	#rpi-block .col-md-4 p,
	#dva-block .col-md-4 p,
	#latestnews .col-md-3 h3,
	#latestnews .col-md-3 p {
		font-size: 13px;
		line-height: 20px;
	}
	#dva-block .col-md-4 .btn,
	#latestnews .col-md-3 .btn {
		font-size: 14px;
	}
	#latestnews h1 {
		padding: 30px 0;
	}
	#latestnews .carousel-control {
		top: -16%;
	}
	#latestnews .carousel-control.left {
		left: 0;
	}
	#latestnews .carousel-control.right {
		right: 0;
	}
	.videocarousel .slides {
		margin: 0 -136px;
	}
	footer {
		padding: 35px 0 75px 0;
	}
	footer .social {
		margin: 0 20px;
	}
	#rightstrip #updatednews ul li {
		width: 48%;
		float: left;
	}
	#rightstrip #updatednews ul li:nth-child(2n) {
		margin-left: 4%;
	}
	#banner .container-fluid {
		margin-top: 0;
	}
}
/* Mobile
--------------------------------------------------------------------------
========================================================================*/
@media (max-width: 330px) {
header #hdright .link-group span,
header #hdright.col-md-6 span {
    padding: 0 4px;
}
}
@media (max-width: 767px) {
	.container
	header .btn,
	header #hdright.col-xs-12.text-right form {
		/*width: 280px;*/
	}
    .showbuttongroup
	{
	    display:flex !important;
	    width: 100% !important;
	    float: left !important;
	    text-align: left !important;
	    margin:10px 0px 10px 0px !important;
	}
	header .btn,
    #rightstrip .btn span 
    {
        /* Design change for header*/
	    background: #C72426;
        border-radius: 0;
        color: #FDDC00;
        /*border-bottom: 2px #C72426 solid;*/
        width: 31% !important;
        font-size: 18px;
        text-transform: none;
        display: inline-block;       
        margin:0px 2.5px !important;
        border:2px white solid !important;
    }
	.row {
	margin-right: 0;
	margin-left: 5px !important;
    }
    #ctl01_TemplateBody_WebPartManager1_gwpciMilitaryUpdate_ciMilitaryUpdate_ListTitle_Body
    {
       margin-left: 20px;
    }
    #ctl01_TemplateBody_WebPartManager1_gwpciMilitaryUpdate_ciMilitaryUpdate_ListTitle_TextLabel
    {
       margin-left: 40px; 
    }
    #GoogleSearch
    {
        width : 85% !important;
    }
	#LogoDiv
	{
	    padding-left:70px;
	}
	#hatimage
	{
	    width:260px;
	}
	#FraTagLine
	{
	    display:none;
	  
	}
	#btnJoinRenew
	{
	    width:100%;	    
	    /*margin-top:10px;*/
	}
	#ctl01_signupbutton
	{
	    float:none !important;
    }
	.top-logo
	{
	    width:100%;
	}
	.top-logo a
	{
	    text-align:center;
	    text-align:-moz-center;
	}
	header #hdright {
		/*margin: 25px 0 0 0;*/
		margin:0px;
	}
	header .btn,
	header #hdright.col-xs-12.text-right {
		margin: 0 0 15px 0;
	}
	header #hdright input[type=search] {
		width: 126px;
	}
	header #hdright.col-xs-12.text-right input[type=search] {
		width: 195px;
	}
        #banner .container {
        font-size: 14px;
        line-height: 18px;
        padding: 15px 0 40px 0;
       }
        #banner .carousel-indicators {
        bottom: 0;
       }
	#sitenavigation .nav.navbar-nav {
		float: inherit;
	}
	#sitenavigation .nav > li > a:hover,
	#sitenavigation .nav > li > a:focus,
	#sitenavigation .nav > li:hover > a ,
	#sitenavigation .navbar-nav > li > a {
		line-height: 45px;
		background: #000 url(../images/icons/nav.png) no-repeat right -90px;
		color: #fff;
	}
	#sitenavigation .nav > li > .submenu {
		top: 45px;
		left: 0;
		width: 310px;
		border: 0;
		padding: 0;
		background: #000;
	}
	#sitenavigation .nav > li > .aboutu.submenu,
	#sitenavigation .nav > li > .aboutc.submenu,
	#sitenavigation .nav > li > .impact.submenu,
	#sitenavigation .nav > li > .taction.submenu,
	#sitenavigation .nav > li > .support.submenu {
		left: 0;
	}
	#sitenavigation .navbar-nav > li > .submenu > div > ul > li > a,
	#sitenavigation .navbar-nav > li > .submenu > div > ul > li > ul > li > a {
		line-height: 40px;
		background: #6a737b;
		border-bottom: 1px #4f565c solid;
		display: block;
		padding: 0 0 0 20px;
		color: #fff;
	}
	#sitenavigation .navbar-nav > li > a:hover,
	#sitenavigation .navbar-nav > li:hover > a {
		background: #000 url(../images/icons/nav.png) no-repeat right top;
		color: #fff;
	}
	#sitenavigation .navbar-nav > li > .submenu > div > ul > li > a.level2 {
		background: #6a737b url(../images/icons/nav.png) no-repeat right -45px;
	}
	#sitenavigation .navbar-nav > li > .submenu > div > ul > li > ul {
		display: none;
	}
	#sitenavigation .navbar-nav > li > .submenu > div > ul > li:hover > ul {
		display: block;
	}
	#sitenavigation .navbar-nav > li > .submenu > div > ul > li > ul > li > a {
		padding: 0 0 0 35px;
		background: #000;
	}
	#sitenavigation .navbar-nav > li {
		z-index: inherit;
	}
	#rpi-block .col-md-4,
	#dva-block .col-md-4,
	#latestnews .col-md-3,
	footer .col-md-2 .btn {
		width: 100%;
	}
	#rpi-block .col-md-4.middle,
	#dva-block .col-md-4.middle,
	#latestnews .col-md-3 {
		margin: 0;
	}
	#rpi-block .col-md-4 {
		padding: 0 0 40px 0;
	}
	#rpi-block .col-md-4 h1,
	#dva-block .col-md-4 h1 {
		font-size: 30px; font-family: 'Droid Serif', serif;
	}
	#rpi-block .col-md-4 p,
	#dva-block .col-md-4 p,
	#latestnews .col-md-3 h3,
	#latestnews .col-md-3 p {
		font-size: 18px;
		line-height: 30px;
	}
	#dva-block .col-md-4 .btn,
	#latestnews .col-md-3 .btn,
	#latestnews .col-md-3 .btn {
		font-size: 18px;
	}
	#dva-block .col-md-4.middle {
		padding: 70px 0;
	}
	#latestnews .active > div {
		display:none;
	}
	#latestnews .active > div:first-child {
		display:block;
	}
	#latestnews .carousel-control {
		top: -13%;
	}
	#latestnews .carousel-control.left {
		left: -20px;
	}
	#latestnews .carousel-control.right {
		right: -20px;
	}
	.videocarousel .slides {
		margin: 0 -336px;
	}
	footer .col-md-6 ul li {
		list-style: none;
		float: none;
		line-height: 30px;
	}
	footer .col-md-6 ul li + li:before {
		content: "";
		padding: 0;
	}
	footer .col-md-6 ul,
	header .navbar-toggle {
		padding: 0;
	}
	footer .social {
		margin: 20px 0;
	}
	#sitenavigation {
		min-height: inherit;
		display:none;
	}
	.RadMenu .rmItem a.rmLink{
		margin:5px 5px 0px 5px;
	}
	.searchcontrol{
		width: -webkit-calc(100% - 109px);
		width: -moz-calc(100% - 109px);
		width: calc(100% - 109px);

	}
	header .navbar-toggle {
		/*margin: 12px 0 0 0;*/
		margin: 12px 0 0 50px;
		height: 40px !important;
        width: 40px !important;
	}
	#innerpage {
		padding: 35px 0;
	}
	#rightstrip li:first-child .btn {
		margin-top: 25px;
	}
	#rightstrip #updatednews ul li {
		width: inherit;
		float: inherit;
	}
	#rightstrip #updatednews ul li:nth-child(2n) {
		margin-left: inherit;
	}
}

 #SimpleSearchBlock    
 {
      float: left; 
      width:100% !important;      
 }
 #SimpleSearchBlock input
 {
    width: 100% !important;  
    padding-right:40px !important;  
 }
 #ctl01_SearchField_GoSearch   
 {
      display: none;       
 }
 /*
 input {
    width: 10.25em !important;
}*/