/* CSS Document */

body, html, code {
	font-family:Arial, Helvetica, sans-serif;
}

body, p, td{	
	color: #F9FBFD;
	font-size: 12px;
}
a, a:hover{	
	color: #F9FBFD;
}

body {
	margin:0px;
	background-image:url(../images/body-bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
}

img {
	border:none;
}

.clear {
    clear:both;
    height:0px;
    overflow:hidden;}

#all {
	width:996px;
	margin:0 auto;
	background-image:url(../images/all-bg.png);
	display:block;
	overflow:hidden;
	padding-left:22px;
}

#top-line {
	height:123px;
	width:974px;
	background-color:#1c77b6;
	float:left;
	position:relative;
}
/* Slogan's color matches logo color scheme
#slogan{position:absolute; top:80px; left:320px; float:left; color:rgba(0, 200, 0, 1); font-size:16px; font-weight:bold;}
*/
/* Slogan's color is light light blue
#slogan{position:absolute; top:80px; left:320px; float:left; color:#a6ddbe; font-size:16px; font-weight:bold;}
*/
/*  Asjusted slogan location on banner - 1st adjustment was  'left:320px;' */
#slogan{position:absolute; top:60px; left:170px; float:left; color:#a6ddbe; font-size:16px; font-weight:bold;}


#logo {
	background-image:url(../images/gtp-banner.png);
	background:#CF0;
	width:400px;
	height:400px;
}
#buttons {
	width:100%;
	height:35px;
	float:right;
	width:400px;
	margin-right: 20px;
    margin-top: 20px
	
}

/* Removing client area and upload buttons
#client-area-button {
	width:143px;
	height:35px;
	background-image:url(../images/client-area.jpg);
	margin-top:0px;
	float:right;
	display:block;
}
#upload_portal-button {
	width:143px;
	height:35px;
	background-image:url(../images/upload-area.jpg);
	margin-top:0px;
	margin-right:50px;
	float:right;
	display:block;
}

#client-area-button:hover {
	background-image:url(../images/client-area-hover.jpg);
}
*/
#main {
	width:974px;
	height:54px;
	display:block;
	float:left;	
}

#slideshow{
	width:974px;
	height:434px;
	position:relative;
	z-index:1;
	top:-311px;
}
#slideshow img {
	position:relative;
	z-index:1;
}

#welcome {
	width:974px;
	height:168px;
	background-image:url(../images/welcome.png);
	position:relative;
	top:124px;
	z-index:2;
}

#top-menu-line {
	width:974px;
	height:54px;
	background-image:url(../images/top-menu-line-bg.png);
	position:relative;
	z-index:4;
	display:block;
	overflow:hidden;
}

#top-menu {
	width:1000px;/*974px;*/
	height:40px;
	background-image:url(../images/menu-item-bg.png);
	margin-top:7px;
	float:left;

}

.menu-item {
	height:40px;
	padding-left:14px;
	padding-right:14px;
	line-height:40px;
	float:left;
	border-right:1px solid #8dadfe;
	margin-right:1px;
}



#top-menu-line a{
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#09608c;
}

#top-menu-line a:hover, #top-menu-line a.active{
	background-image:url(../images/menu-item-bg-hover.png);
	/*color:#e5e5e5;*/
}

.active {
	background-image:url(../images/menu-item-bg-hover.png);
}

#blue-shadow {
	width:974px;
	height:54px;
	background-image:url(../images/blue-shadow.png);
	position:relative;
	top:-54px;
	z-index:3;
}

#social {
	height:22px;
	margin-top:8px;
	margin-right:17px;
	float:right;
	display:none;
}

#blogger {
	width:22px;
	height:22px;
	background-image:url(../static/images/blogger.png);
	float:right;
	margin-left:10px;
	display: none;
}

#content-pages {
	width:974px;
	display:block;
	overflow:hidden;
	background-color:#eaf0f0;
	margin-top:-100px;
	margin-bottom:11px;
}

#content-pages p, td {
	color: #004568;
}

#content-pages input, textarea {
	width: 300px;
	margin-bottom: 10px;
}

#content-pages ul {
	background: #eaf0f0;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 5px;
}
/*
#content-pages ul li {
	line-height: 15px;
}
*/

#content-home {
	width:914px;
	display:block;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:11px;
	color: #004568;
	padding-left: 30px;
	padding-right: 30px;

}

#content-home p{
	color: #004568;
}

#content-home h1 {
	font-weight:bold;
	color:#bb1212;
	font-size:20px;
	margin-right:28px;
	margin-top:0px;
}

#content-home input, textarea {
	width: 300px;
	margin-bottom: 10px;
}

#content-home ul {
	background: #dbe7ec;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 5px;
}

#content-home ul li {
	line-height: 22px;
}

#content-home ul li a{
     color:red;
    /* font-color:red; */
}

#left-column {
	float:left;
	width:687px;
	padding-bottom:30px;
}

#blog {
	width:687px;
	display:block;
	float:left;
	
}

#blog img {
	border:3px solid #fff;
	width:100px;
	height:100px;
	float:left;
	display:block;
	margin-right:10px;
	
}


#right-column {
	width:247px;
	float:right;
	background-color:#dadddd;
	margin-bottom: -20000px;
	padding-bottom: 20000px;
}

#right-column a{
	color:#004568;
	font-size:16px;
	text-decoration:none;
	display:block;
	padding-bottom:26px;
	border-bottom:1px solid #004568;
}

#right-column a:hover{
	color:#319245;
}

#content {
	width:974px;
	display:block;
	overflow:hidden;
	background-color:#4095c2;
	margin-top:14px;
	margin-bottom:20px;
}

#content h1 {
	font-weight:bold;
	color:#f9fbfd;
	font-size:20px;
	margin-left:28px;
	margin-right:28px;
	margin-top:30px;
	padding-bottom:26px;
	border-bottom:1px solid #70b9e8;
}

/* Original h1 style for content page
#content-pages h1 {
	font-weight:bold;
	color:#bb1212;
	font-size:20px;
	margin-left:28px;
	margin-right:28px;
	margin-top:30px;
	padding-bottom:26px;
	border-bottom:1px solid #004568;
}

*/

#content-pages h1 {	
	font-weight:bold;
/*	color:#bb1212; Red color  */
	color:#006e00;
	font-size:14px;
	margin-left:28px;
	margin-right:28px;
	margin-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #004568;
}

#content-pages h2 {
	color:#004568;
	font-size:16px;
	margin-left:28px;
	margin-right:28px;
	margin-top:30px;
	font-weight:normal;
	margin-bottom:0px;
}

#content h2 {
	color:#f9fbfd;
	font-size:16px;
	margin-left:28px;
	margin-right:28px;
	margin-top:30px;
	font-weight:normal;
	margin-bottom:0px;
}

#content h3 {
	color:#f9fbfd;
	font-size:14px;
	margin-left:28px;
	margin-right:28px;
	margin-top:30px;
	font-weight:normal;
	margin-bottom:0px;
}

#content p {
	color:#f9fbfd;
	font-size:12px;
	margin-left:28px;
	margin-right:28px;
	margin-bottom:0px;
	margin-top:22px;
}

#content-pages p {
	color:#004568;
	font-size:14px;
	margin-left:28px;
	margin-right:28px;
	margin-bottom:0px;
	margin-top:20px;
	/*
    margin-top:30px;
	original top margin for <p> - 30px*/
}

#content-pages ul {
	color:#004568;
	font-size:14px;
}

#content-pages a {
	text-decoration:underline;
	color:#004568;
}

#content-pages a:hover {
	color:#319245;
}

#content ul, #content-pages ul{
	margin-left:18px;
}

#thank-you-column {
	width:448px;
	float:left;
}

#thank-you-column img {
	margin-top:23px;
	margin-bottom:0px;
	margin-left:12px;
}


 
#our-mission {
	width:287px;
	float:left;
	background-color:#5fa4c9;
	margin-bottom: -20000px;
	padding-bottom: 20000px;
}

#our-mission ul {
	color:#f9fbfd;
	font-size:14px;
	padding-left:0px;
	line-height:50px;
	margin-left:28px;
	margin-right:28px;
	margin-top:20px;
	font-weight:normal;
	margin-bottom:42px;
	border-top:1px solid #70b9e8;
}

#our-mission li {
	border-bottom:1px solid #70b9e8;
	list-style-position:inside;
	list-style-type:none;
	background-image:url(../images/bullet1.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}

#news-column {
	width:199px;
	float:right;
	padding-left:20px;
	padding-right:20px;
}


.news-item {
	margin-left:17px;
	width:209px;
	display:block;
	overflow:hidden;
	margin-top:20px;
	border-bottom:1px solid #70b9e8;
	padding-bottom:20px;
	text-decoration:none;
	float:left;
}

#news-column a {
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	color:#f9fbfd;
	margin-top:5px;
}

#news-column a:hover {
	color:#ccc;
}



#news-column img {
	border:3px solid #fff;
	width:66px;
	height:66px;
	float:left;
	display:block;
	margin-right:10px;
}

#news-column img:hover {
	border:3px solid #ccc;
	
}

.news-text {
	float:left;
	margin-left:10px;
	width:120px;
	padding:0px;
}

#news-column h2 {
	font-weight:normal;
	font-size:12px;
	color:#b4dbf4;
	margin:0px;
	margin-top:5px;
}

#news-column h1 {
	font-weight:bold;
	color:#f9fbfd;
	font-size:20px;
	margin-left:20px;
	margin-right:10px;
	margin-top:30px;
	padding-bottom:26px;
	border-bottom:1px solid #70b9e8;
}

#news-column p {
	font-weight:normal;
	font-size:12px;
	color:#f9fbfd;
	margin:0px;
	margin-top:5px;
	
}

#archive-link {
	float:right;
	
	
}

#logos {
	width:223px;
	height:118px;
	background-image:url(../images/logos.jpg);
	margin-top:23px;
	margin-left:-10px;
	float:left;
	margin-bottom:10px;
}

#news-archive-link {
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#f9fbfd;
	float:right;
	margin-right:10px;
	margin-top:30px;
	display:block;
	background-image:url(../images/bullet1.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:15px;
}


#news-archive-link:hover {
	color:#ccc;
}





#preload-1 {
	width:1px;
	height:1px;
	background-image:url(../images/client-area-hover.jpg);
	float:left;
}

#preload-2 {
	width:1px;
	height:1px;
	background-image:url(../images/menu-item-bg-hover.png);
	float:left;
}

#bottom {
	width:974px;
	background-color:#eaf0f0;
	display:block;
	overflow:hidden;
	height:175px;
	
}

#bottom div {
	width:240px;
	float:left;
}

#bottom h1 {
	margin-left:28px;
	font-size:14px;
	margin-top:26px;
	color:#004568;
	border-bottom:#c7d4d4 1px solid;
	padding-bottom:20px;
	margin-bottom:0px;
}

#bottom p {
	margin-left:28px;
	font-size:13px;
	padding-top:20px;
	color:#6b6d6d;
	border-top:#f5f8f8 1px solid;
	padding-bottom:20px;
	margin-top:0px;
	border-bottom:#c7d4d4 1px solid;
	margin-bottom:0px;
}

#bottom a {
	color:#6b6d6d;
	text-decoration:none;
}

#bottom a:hover {
	color:#000;
	text-decoration:none;
}


#call-us {
	width:209px;
	height:109px;
	background-image:url(../static/images/call-us.png);
	background-repeat:no-repeat;
	margin-top:22px;
	margin-left:30px;
	float:left;
}

#call-us-right {
	width:209px;
	height:109px;
	background-image:url(../static/images/call-us.png);
	background-repeat:no-repeat;
	margin-top:28px;
	margin-left:20px;
	margin-bottom:30px;
	float:left;
}

#footer {
	width:974px;
	height:32px;
	display:block;
	overflow:hidden;
	float:left;
	background-image:url(../images/footer-bg.jpg);
	line-height:32px;
}

#footer-social {
	height:22px;
	margin-top:5px;
	margin-right:17px;
	float:right;
	display:block;
}

#footer-menu {
	height:32px;
	float:left;
	display:block;
	overflow:hidden;
	margin-left:26px;
}

.footer-menu-item {
	float:left;
}

.footer-menu-item a{
	font-size:11px;
	color:#fff;
	text-decoration:none;
	border-right:1px solid #fff;
	padding-right:11px;
	margin-right:11px;


}

.footer-menu-item a:hover{
	color:#ccc;
}

#contactform table{
	margin-left:28px;
	
}

#TableInTheMiddle {
	margin: 0 auto; /* horizontally center the table */
	width: 90%; /* set a fixed width for the table */
	/* optional: add padding or borders as needed */
  }

#contactform td{
	text-align:left;
	vertical-align:top;
	padding:2px 16px 2px 0px;
	font-size:14px;
	color:#004568;
}
#contactform label{
	white-space:nowrap;
}

/* .inputfield{
	border:solid 1px #fff;
	background:#5fa4c9;
	width:200px;
	margin:0px;
} */

.button-link{
	border:solid 2px #6baeb1;
	background:#2c8f43;
	margin-top:10px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#fff;
font-weight:bolder;
font-size:14px;
padding:3px 10px 3px 10px;
cursor:pointer;
};

.NewsSummary {
	font-family: Arial, Helvetica, sans-serif;
}

ul.theproblem li{
	padding-bottom:6px;
	padding-left:13px;
}

.ref {
border: solid 1px #CBE0EE;
}

/* Button Style */
 
.styled {
	border: 0;
	  line-height: 1.8;
	  padding: 0 20px;
	/* font-size: 1rem; */
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	border-radius: 5px;
	background-color: rgba(0, 110, 0, 1);
	background-image: linear-gradient(
	  to top left,
	  rgba(0, 0, 0, 0.2),
	  rgba(0, 0, 0, 0.2) 30%,
	  rgba(0, 0, 0, 0)
	);
	box-shadow:
	  inset 2px 2px 3px rgba(255, 255, 255, 0.6),
	  inset -2px -2px 3px rgba(0, 0, 0, 0.6);
  }
  
  .styled:hover {
	background-color: rgba(0, 155, 0, 1);
  }
  
  .styled:active {
	box-shadow:
	  inset -2px -2px 3px rgba(255, 255, 255, 0.6),
	  inset 2px 2px 3px rgba(0, 0, 0, 0.6);
  }