/* A Free Design by Bryant Smith (bryantsmith.com) */

html, body {
text-align: center;
}
p {text-align: left;}

body {
	margin: 0;
	padding: 0;
	/*background-image:url(background.png);*/
	text-align: left;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	color: #000000;
}
*
{
  margin: 0 auto 0 auto;
 text-align:left;}


html, body {
text-align: center;
}
p {text-align: left;}


.dotted_line
{
background-image:url(dotted_line.png);
background-repeat:no-repeat;
clear:both;
width:916px;
height:5px;
}



#header
{
/*background-image:url(header.png);*/
background-repeat:no-repeat;
width:921px;
}


#header h1
{
display:block;
float:right;
margin-left:17px;
/*color:#FFFFFF;*/
color:#000000;
text-align:left;
font-size:28px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding-right:20px;
}


#header ul {
display:block;
	padding: 0px;
	list-style-type: none;
	overflow:hidden;
	width:650px;
	float:left;
}
#header ul li , #header ul li a, #header ul li a:visited{
	float:left;
	margin: 0px;
	text-align:center;
	line-height:40px;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}

#header ul li a:hover{
color:#424242;
}



#main 
{
width:916px;
margin-top:30px;
margin-bottom:15px;
font-size:16px;
}


#main .main_left
{
width:458px;
/*background-image:url(main_top.png);*/
background-repeat:no-repeat;
text-align:center;
float:left;
}

#main .main_left h1
{
padding-top:20px;
padding-left:40px;
color:#000000;
font-size:28px;
}

#main .main_left p
{
line-height:20px;
padding-left:60px;
padding-right:60px;
}

#main .main_left h3
{
padding-bottom:20px;
padding-left:50px;
color:#585858;
font-size:14px;
}





#main .main_right
{
padding-left:0px;
height:auto;
width:458px;
/*background-image:url(main_body.png);*/
background-repeat:repeat-y;
color:#000000;
padding-bottom:20px;
float:left;
}

#main .main_right h2
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
padding-bottom:15px;
}


#main .main_right p
{
line-height:20px;
}



#page
{
  margin: 0 auto 0 auto; 
  margin-top:35px;
  display: block; 
  height:auto;
  position: relative; 
  overflow: hidden; 
  width: 921px;
}





#footer {
display:block;
width: 921px;
height:74px;
/*background: url(footer.png) no-repeat;*/
text-align:left;
font-size:9px;
line-height:25px;
}

#footer p{
padding-right:20px;
text-align:left;
}

#footer, #footer a, #footer a:visited{
color:#000000;
}

#footer a:hover{
text-decoration:none;
color:#000000;
}

#blog
{
    background-color: white;
    color: black;
    border: 2px solid #f44336; /* Green */
    border-radius: 8px;
}

#blog:hover {
    background-color: #f44336; /* Green */
    color: white;
    border-radius: 8px;
}

.imgWrap {
  position: relative;
  height: 200px;
  width: 257px;
}

.imgDescription {
/*  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(29, 106, 154, 0.72);
  color: #fff;


  visibility: hidden;
  opacity: 0;*/

width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
        /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -1000%;
    left: 50%;
    margin-left: -60px;
    visibility: hidden;
    opacity: 0;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}


.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}

/* Added by Kailai Xu */
input[type=text] {
    width: 61.8%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}