@charset "utf-8";
body {
	background-image: url(images/bg_bg.jpg);
	background-repeat: repeat-x;
}
#main {
	margin: auto;
	float: none;
	height: auto;
	width: 1000px;
}
#link {
	background-color: #494a4a;
	float: left;
	height: 41px;
	width: 1000px;
}
#space {
	background-color: #333333;
	float: left;
	height: 5px;
	width: 1000px;
}
#page {
	float: left;
	height: auto;
	width: 1000px;
}
#mission {
	float: left;
	height: 116px;
	width: 591px;
}


#head {
	float: left;
	height: 109px;
	width: 1000px;
}
#app {
	float: left;
	height: 28px;
	width: 286px;
	background-image: url(images/bg_app.jpg);
}

#bottom {
	background-color: #333333;
	float: left;
	height: 70px;
	width: 100%;
	margin: auto;
}
#news_box {
	background-image: url(images/news_box.jpg);
	float: left;
	height: 200px;
	width: 301px;
}
#bottom2 {
	background-color: #333333;
	margin: auto;
	float: none;
	height: 70px;
	width: 1000px;
}

#bottom3 {
	margin: auto;
	float: none;
	width: 1000px;
}

#alerts {
	background-image: url(images/alerts_bg.jpg);
	float: left;
	height: 34px;
	width: 594px;
}

#flash {
	float: left;
	height: 316px;
	width: 1000px;
	background-image: url(images/baner1.jpg);
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
a.style1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration: none;
}

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	line-height: 20px;
}
.style3 {
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.style4 {font-size: 13px; color: #CCCCCC; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
}
.style6 {
	font-family: "Century Gothic";
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: underline blink;
}
.links{
	text-decoration:none;
	color:#4d575e;
}
.links:hover{
	text-decoration:none;
	color:#000;
}
/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 20%;
  height: 50px;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 11px 8px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 14px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 70%;
  border-left: none;
  height: 800px;
  text-align:center;
}
.tabcontent img{
	width:100%;
	padding:1px;
}
/*****************************SUB TABS INFRASTRUCTURE STARTS***************************************/

/* Style the tab */
.tabb {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tabb button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 14px;
}

/* Change background color of buttons on hover */
.tabb button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tabb button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabbcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

/*****************************SUB TABS INFRASTRUCTURE ENDS***************************************/