a,a:visited, a:link {
  color: #00678F;
}

a:hover {
  color: #555;
}

body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #4a4a4a;
}

#container {
  padding: 20px 0 0 0;
  background: url(images/content.jpg) repeat-x;
  border-top: 1px solid #ddd;
}

#header-bar {
  margin: 0;
  padding: 0;
  background: url(images/header.jpg) repeat-x;
  height: 300px;
}

#header {
  margin: 0 auto;
  padding: 0;
  width: 960px;
}

#header-panel {
  padding: 20px;
}

#header-panel h1 {
  font-family: Georgia, Times, serif;
  font-size: 36px;
  font-weight: normal;
  color: #fff;
  margin-bottom: 20px;
}

#header-panel  p {
  line-height: 25px;
  font-size: 18px;
}

.banner {
  margin: 20px ;
  padding: 0;
  text-align: center;
}

.search-box {
  width: 350px;
  float: right;
  margin: 0;
  padding: 0 0 0 10px;
}

.logo {
  float: right;
  margin: 5px 10px 5px 0;
  padding: 0;  
}

#topmenu  {
  background: #ddd url(images/topmenu.jpg) repeat-x;
  height: 50px;
}

.top-nav {
  width: 960px;
  margin: 0 auto;
  font-size: 12px;
}

.top-nav  ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.top-nav  ul li {
  float: left;
  text-align: center;
  margin: 15px 10px 0 0;
}

.top-nav  ul li a {
  text-decoration : none;
  color: #ccc;
  font-weight: bold;
  padding: 5px 10px;
  text-transform: capitalize;
}

.top-nav  ul li a:hover  ,
.top-nav  ul li a.active  {
  text-decoration : none;
  color: #fff;
  background: #555;
  padding: 5px 10px;
}

.block-login {
  margin: 0 auto;
  width: 994px;
  background: url(images/bg-nav2.png) repeat-x;
  height: 45px;
}

.top-banner {
  height: 90px;
  margin: 5px 0 0 0;
  text-align: center;
}

#content {
  padding: 0 0 20px 0;
  margin: 0 auto;
  width: 940px;  
}

#main {
  float: left;
  margin-bottom: 20px;
  width: 620px;
}

.mainpage {
  
}

#content h3 {  
  margin: 10px 0;
  padding: 5px 0 0 30px;
  font-size: 18px;
  font-weight: normal;
  color: #95AB2B;
  text-transform: capitalize;
}

#bottom-bar {
  margin: 0;
  padding: 0;
  background: #111111 url(images/bottom.jpg) repeat-x;
}

#bottom {
  margin: 0 auto;
  padding-top: 10px ;
  width: 960px;
}

.bottombox {
  float: left;
  width: 200px;
  padding: 5px 10px;
  margin-right: 20px;
}

.box {
  margin-bottom: 20px;
}

.box h3{
  margin: 10px 0;
  padding: 5px 0 0 30px;
  font-size: 16px;
  font-weight: normal;
  color: #95AB2B;
  text-transform: capitalize;
}

.box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.box li {
  border-bottom: 1px dashed #333;
  background: url(images/bullet_black.png) 0 9px no-repeat;
  padding: 7px 5px 7px 15px;
  color: #666666;
}

#main .box li ,
#sidebar .box li {
  border-bottom: 1px dashed #aaa;
}

.box a{
  text-decoration: none;
  color: #666666;
}

.box a:hover{
  text-decoration: none;
  color: #aaa;
}

.box p {
  margin: 0 0 10px 0;
  line-height: 18px;
  color: #666666;
}

.box form {
  color: #aaa;
}

.box input {
  margin: 5px 0;
  background: #333;
  border: none;
  color: #fff;
  padding: 3px;
}

.box li span {
  display: inline;
}

#main .box a {
  color: #111;
}
#footer-bar {
  background: #000000;
  padding: 10px 0;
  border-top: 1px solid #222;
}

#footer {
  margin:0 auto;
  width: 960px;
}

.copyright {
  color: #fff;
  text-align: left;
  margin: 5px 10px;
}

.copyright a {
  color: #FF0000;
  font-weight: bold;
}

.footernav {
  margin: 0;
  padding: 0 0 10px 0;
}

.footernav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footernav li {
  display: inline;
  text-align: left;
  margin: 5px 5px 0 0;
}

.footernav a {
  text-decoration : none;
  color: #555;
  font-weight: bold;
  padding: 5px;
  text-transform: capitalize;
}

.footernav a:hover  {
  text-decoration : underline;
  color: #ccc;
}

.icon-check {
  background: url(images/check.png) left no-repeat;
}
.icon-blue {
  background: url(images/folder_blue.png) left no-repeat;
}
.icon-green {
  background: url(images/folder_green.png) left no-repeat;
}
.icon-table{
  background: url(images/table.png) left no-repeat;
}
.icon-chart {
  background: url(images/chart.png) left no-repeat;
}
.icon-navigate {
  background: url(images/navigate.png) left no-repeat;
}
.icon-star {
  background: url(images/star.png) left no-repeat;
}
.icon-mail {
  background: url(images/mail.png) left no-repeat;
}
.icon-user1 {
  background: url(images/user1.png) left no-repeat;
}
.icon-user2 {
  background: url(images/user2.png) left no-repeat;
}
.icon-bubble {
  background: url(images/bubble.png) left no-repeat;
}

#sidebar {
  margin: 0 0 20px 0;
  padding: 0;
  float: right;
  width: 280px;
}

.clear {
  clear: both;
}

input {
  border: 1px solid #ccc;
}

#category span.desc {
  font-size: 11px;
  color: #4a4a4a;
}

input.btn {
  background: url(images/btn.jpg) repeat-x;
  color: #aaa;
  margin: 5px 0;
  padding: 3px 5px;
  font-weight: bold;
  font-size: 11px;
}
.row {
  width: auto;
  height: auto;
  padding: 0 0 0 15px;
  text-align: left;
  font-weight: normal;
}

* html .row {
  height: 1%;
}

.row_left {
  float: left;
  height: auto;
  padding: 5px 0 0 5px;
  text-align: left;
  font-weight: normal;
  margin-right: 20px;
}

.row_right {
  float: left;
  display: block;
  text-align: left;
  font-weight: normal;
  padding: 5px 0 0 5px;
  width: 500px;
}

* html .row_right {
  height: 1%;
  padding: 5px 0 0 0;
}

.reguler_list {
  margin: 0;
  padding: 2px 2px 2px 2px;
  background-color: #ECECEC;
  height: auto;
  text-align: left;
  color: #51697F;
}

.btn_image {
  float: left;
  padding-top: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 0;
  border: 1px solid #999999;
  cursor: pointer;
  font-size: 11px;
  color: #000000;
  background: #FFFFFF url(images/bgr_button.gif) repeat-x top center;
  height: 15px;
  width: 50px;
  text-align: center;
  clear: both;
}

.btn_image a {
  color: #990200;
  text-decoration: none;
}
.clear {
  clear: both;
}