/*************************************************************
*                         page layout                        *
*************************************************************/

* {
   padding:0;
   margin:0;
}

html, body {
	height: 100%;
}

body {
	background:#fff;
	padding:0;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#3b4044;
}

#wrap {
	width:750px;
	background:transparent;
	margin:0 auto;
}

/*************************************************************
*                           layout                           *
*************************************************************/

#banner {
	background:url('/images/site_01.gif') no-repeat;
	width:750px;
	height:142px;
	top:10px;
}

#menu {
	background:url('/images/site_02.gif') no-repeat;
	width:750px;
	height:49px;
	
}

#content {
	width:750px;
	float:left;
	position:absolute;
	margin:0;
}

.content_table {
	width:750px;
	margin:0;
	padding:0;
	border-collapse: collapse;
}

#right {
	background:url('/images/site_04.gif') no-repeat;
	width:154px;
	height:410px;
	float:right;
}

#data {
	text-align:left;
}

#data1 {
	text-align:center;
}

.table1 {
	background:url('/images/table1.gif') no-repeat;
	height:14px;
	margin:0;
}

.table2 {
	background:url('/images/table2.gif') repeat;
	text-align:center;
	padding:3px 15px 10px 15px;
}

.table3 {
	background:url('/images/table3.gif') no-repeat;
	height:25px;
	margin:0;
}

.table1_596 {
	background:url('/images/table1_596.gif') no-repeat;
	height:14px;
	margin:0;
}

.table2_596 {
	background:url('/images/table2_596.gif') repeat;
	text-align:center;
	padding:3px 15px 10px 15px;
}

.table3_596 {
	background:url('/images/table3_596.gif') no-repeat;
	height:25px;
	margin:0;
}





/*************************************************************
*                           menu                             *
*************************************************************/

DIV.center {
	text-align: center;
}
.menu {
	display: block;
	width: 750px;
	color: #fff;
	font-weight: bold;
	padding-top: 10px;
}
.menu a {
	color: #fff;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
	text-decoration: none;
}
.menu a:active {
	color: #fff;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
}
.menu a:hover {
	color: #aaa;
	padding-top: 3px;
	padding-bottom: 13px;
	padding-left: 3px;		
	padding-right: 3px;
	font-weight: bold;
	text-decoration: underline;
}

/*************************************************************
*                           misc                             *
*************************************************************/

#right h1{
	color:#000000;
	font-size:12pt;
	padding:10px 15px 10px 15px;
	text-decoration: underline;
}

#right h2{
	color:#333;
	font-size:11pt;
	padding:8px 15px 3px 15px;
}

#right h3{
	color:#FFFFFF;
	font-size:10pt;
	padding:0px 15px 0px 15px;
}

a{
	text-decoration:none;
	color:#366c9c;
}

a:hover{
	text-decoration:none;
	color:#3b4044;
}

.toplink {
	font-size:9pt;
	color:green;
}

/*************************************************************
*                           headers                          *
*************************************************************/
#banner h1 {
	color:#333;
	font-size:1.7em;
	font-weight:bold;
	padding:50px 0 0 40px;
}

h2 {
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color:#000;
	padding:10px 0px 10px 0px;
}

h3 {
	font-size:1em;
	text-align:left;
	color:#ba5445;
}

h4 {
	font-size:1em;
	text-align:left;
	color:#b59a4a;
}

/* banner button */
.bn01-hover {
  width: 100px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  margin: 5px;
  height: 40px;
  text-align: center;
  border: none;
  background-size: 300% 100%;
  border-radius: 50px;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.bn01-hover:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bn01-hover:focus {
  outline: none;
}

.bn01-hover.bn01 {
  background-image: linear-gradient(
      to right,
      #6253e1,
      #852d91,
      #a3a1ff,
      #f24645
    );
  box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}

/* */

.bn02-hover {
  width: 100px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  margin: 5px;
  height: 40px;
  text-align:center;
  border: none;
  background-size: 300% 100%;
  border-radius: 50px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bn02-hover:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bn02-hover:focus {
  outline: none;
}

.bn02-hover.bn02 {
  background-image: linear-gradient(
    to right,
    #009245,
    #fcee21,
    #00a8c5,
    #d9e021
  );
  box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}

/* */
.bn03-hover {
  width: 100px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  margin: 5px;
  height: 40px;
  text-align:center;
  border: none;
  background-size: 300% 100%;
  border-radius: 50px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bn03-hover:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bn03-hover:focus {
  outline: none;
}

.bn03-hover.bn03 {
  background-image: linear-gradient(
    to right,
    #f5ce62,
    #e43603,
    #fa7199,
    #e85a19
  );
  box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}

/* */

.bn04-hover {
  width: 100px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  margin: 5px;
  height: 40px;
  text-align:center;
  border: none;
  background-size: 300% 100%;
  border-radius: 50px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bn04-hover:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bn04-hover:focus {
  outline: none;
}

.bn04-hover.bn04 {
  background-image: linear-gradient(
    to right,
    #25aae1,
    #40e495,
    #30dd8a,
    #2bb673
  );
  box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}