@charset "utf-8";

*{padding: 0; margin: 0;}
body {font: 1em Arial, Helvetica, sans-serif; text-align: center; background-color:#e3f1f7; color: #336; background-image:url(images/bk2.jpg); background-repeat: no-repeat; background-position:center top;}


p { margin: 10px;}
h1, h2, h3, h4 {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;  margin-bottom: 10px; margin-top: 10px;}
h1 {font-size: 2em; line-height: 2em; color: #3f3d7a; background-color: #fff;}
h2, h3, h4 { background-color: #fff;  }
h2 {font-size: 1.7em;}
h3 {font-size: 1.3em; text-align: left; }
img {border: 0}
ul, ol {margin-left: 3em;}
ul li {list-style-type: none; font-size: 0.9em; padding: 0.2em;}
ol li {list-style-type: decimal; font-size: 0.9em; padding: 0.2em;}
#text ul.bullet li { list-style-type: disc;}


.clear {clear: both; font-size: 0px; margin: 0; padding: 0; }
.center {text-align: center;}
.left {float:left}
.right{float: right;}


#wrapper {width: 800px; margin-left: auto; margin-right: auto; text-align: left; position: relative; border-left: 1px solid #a0d6ed; border-right: 1px solid #a0d6ed; border-bottom: 2px solid #a0d6ed; background-color: #fff; color: #003; }

#header {height: 200px; border-bottom: 1px solid #9faed7;}

#content {width: 800px; position: relative;}


#text {margin: 120px 30px 20px 190px; color: #003;}
#text a {background-color: #fff; color: #7a3d54;  text-decoration: none; }
#text a:hover {background-color: #fff; color:#960; text-decoration: underline;}


#menu { background-color: #f5edbb; color: #933; font-size: 0.8em; padding-left: 15px; border-top: solid #ffe3f0 1px; padding-left: 30px;}
#menu ul{float: left; width: 125px; background-color:#f5edbb; color: #933; margin: 10px 25px 10px 0}
#menu ul li a {background-color: transparent; color: #354169; text-decoration: none}
#menu ul li a:hover { background-color: transparent; color: #303; text-decoration: underline;}


#google-top {width: 800px; position: absolute; top: 70px; left: 0; text-align: center;}
#google-side {width: 150px;  height: 400px; position: absolute; top:190px; left: 20px; }
#google-bottom{text-align: center; position: relative; top: -10px; background-color: #f5edbb; height: 100px; width: 800px; }

#line { position: absolute; top: 100px; left: 0; width: 800px; height: 10px; background-color: #f5edbb; }

#footer {text-align: center; font: 0.9em "Times New Roman", Times, serif; background-color: transparent; color: #fff; margin-top: -20px; padding-top: 0.75em; height: 2.5em;}

.green {font-weight: bold; color: #019e26;}
.green2 {font-weight: bold; color: #7d9701;}
.green3 {font-weight: bold; color: #677b0a;}
.red {font-weight: bold; color: #f91c31;} 
.orange {font-weight: bold; color: #f45904;}
.blue {font-weight: bold; color: #0054bd;}
.blue2 {font-weight: bold; color: #02b5e8;}
.blue3 {font-weight: bold; color: #2940cd;}
.violet {font-weight: bold; color: #7c42d2;}
.violet2 {font-weight: bold; color: #ac7af5;}
.dkblue {font-weight: bold; color: #3f3d7a;} 
.gold {font-weight: bold; color: #8a6922;}
.pink1 {font-weight: bold; color: #ff04b5;} 
.pink2 {font-weight: bold; color: #fd3d9c;}
.pink3 {font-weight: bold; color: #cb0367;}
.yellow {font-weight: bold; color: #b69f01;}