@charset "utf-8";

*{padding: 0; margin: 0;}
body {font: 1em Arial, Helvetica, sans-serif; text-align: center; background-color:#f93; color:#600; background-image:url(images/bk.jpg); background-repeat:repeat;}

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: #600; 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: 2px solid #500; border-right: 2px solid #600; border-bottom: 4px solid #400; 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: #300;}
#text a {background-color: #fff; color: #009933;  text-decoration: underline; }
#text a:hover {background-color: #fff; color:#5d5c12; text-decoration: underline;}


#menu { background-color: #fc9; color: #300; font-size: 0.8em;  border-top: solid #300 1px; padding-left: 30px;}
#menu ul{float: left; width: 120px; background-color:#fc9; color: #300; margin: 10px 5px 10px 25px}
#menu ul li a {background-color: transparent; color: #300; 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: -4px; 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: #fc9; height: 100px; width: 790px; padding-left: 10px; }

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

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

.green {font-weight: bold; color: #019e26;}
.green2{font-weight: bold; color: #74af40;}
.coral {font-weight: bold; color: #f66;}
.orange {font-weight: bold; color: #f96;}
.blue{font-weight: bold; color: #452dac;}  
.brown1{font-weight: bold; color: #CC6600;}
.brown2 {font-weight: bold; color: #996600;}
.brown3{font-weight: bold; color: #8f5100;}
.brown4{font-weight: bold; color: #6c290b;}
.ocher{font-weight: bold; color: #8c7b51;}
.coral {font-weight: bold; color: #f66;}
.coral {font-weight: bold; color: #f66;}
.coral {font-weight: bold; color: #f66;}