@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: Calibri, "Myriad Pro", "Trebuchet MS", Helvetica, Verdana, Sans-Serif;
	color: #6c6b6b;
	background: #eee;
}
#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	background: #FFF;
	text-align: center;
}
#inside {
	padding: 0px 50px;
	margin: 0px;
	background: #FFF;
	text-align: center;
	float: left;
}
#top {
	padding: 0px;
	width: 100%;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

#logo {
	width: 50%;
	float: left;
	padding: 0px;
	margin: 0px 0px 4px;
	text-align: left;
}

#top_menu {
	float: right;
	margin: 0px;
	width: 50%;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: normal;
	font-variant: small-caps;
	color: #6c6b6b;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}
#top_menu_table {
	margin: 0px;
	padding: 0px;
	float: right;
}

#banner {
	float: left;
	margin: 0px;
	height: 304px;
	width: 807px;
	clear: both;
	padding: 0px;
}
#content {
	padding: 0px;
	float: left;
	width: 800px;
	background: url(../images/line.jpg) no-repeat top;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
}
#title {
	float: left;
	width: 100%;
	background: url(../images/line.jpg) no-repeat bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}

#left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 530px;
}
#user1 {
	margin: 0px 0px 15px;
	padding: 0px;
	float: left;
	width: 100%;
	text-align: left;
}
#user2 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}

#right {
	float: right;
	width: 250px;
	margin: 0px;
	padding: 0px;
}
#user11 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 170px;
}
#user22 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 250px;
}



#footer {
	width: 800px;
	font-size: 0.8em;
	color: #636363;
	padding: 0px;
	background: #FFF url(../images/line.jpg) no-repeat top;
	margin: 0px auto;
	font-weight: normal;
	height: auto;
	clear: both;
}
#foot_table {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}



a:link,a:visited {
	text-decoration: none;
	color: #b49f69;
}
a:hover  {
	text-decoration: none;
	color: #404B4E;
}
p {
	margin: 0px;
	color: #404B4E;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 20px;
	font-size: 0.9em;
	text-align: left;
}
h1 {
	font-size: 1.4em;
	color: #404B4E;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0px;
	font-variant: small-caps;
	text-transform: none;
	padding: 1o 0px 10px;
	text-align: left;
}
ul li {
	list-style: url(../images/icon.jpg) none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#26262c;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:850px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 5px;
  text-align: center;
}
#boxes #dialog {
  width:450px; 
  height:auto;
  padding: 10px 10px 10px 10px;
  background-color:#ffffff;
  font-size: 15pt;
}

.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
 background-color:#D1D1D1;
 color: green;
}
.popupoption2:hover{
 color: red;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}