#wrapper
{
    width:1000px;
    margin:0 auto;
    font-family: Verdana;  
}


.mail
{
	font-size: small;
	padding: 7px 0px;
	color: #000;
}

.mail a:link, .join a:visited
{
	color:#000;
	text-decoration:none;
}

.mail a:hover
{
	text-decoration:underline;
	color:#000;
}

.join
{
	font-size:16px; 
	padding:7px 0px; 
	color:#000;
}

.join a:link, .join a:visited
{
	color:#000;
	text-decoration:none;
}

.join a:hover
{
	text-decoration:underline;
	color:#000;
}

.logo-text
{
	font-family:"Times New Roman", Times, serif;
	color:#00923f;
	font-size:50px;
	font-weight:bold;
}



.ul-text
{
	font-family: Verdana;
	font-size: small;
}

.logo-text a:link, .logo-text a:visited
{
	color:#00923f;
}

.tag
{
color:#5d5d5d;
font-size:14px;
}

.tag a:link, .tag a:visited
{
	color:#5d5d5d;
}

.top-strip
{
background:url(../images/top-strip-bg.jpg) repeat-x;
}

.main {width:1002px; height:auto; margin:0 auto;}
.page-content {width:955px; height:auto; margin:0 auto;}

.panel
{
    width:1000px;    
}

.view {
   width: 300px;
   height: 200px;
   margin: 10px;
   float: left;
   border: 5px solid #fff;
   overflow: hidden;
   position:relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}
.view .mask, .view .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position:relative;
   z-index:-1;
    top: 0px;
    left: 0px;
}




/*back to top*/

#back-top {
	position: fixed;
	bottom: 130px;
	margin-left:1225px;
	float:right;
}

#back-top a {
	width: 60px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 60px;
	height: 60px;
	display: block;
	margin-bottom: 7px;
	background:url(../images/up.png);

	
}