﻿@charset "utf-8";

*{padding: 0; margin: 0;}
body {font: 1em Arial, Helvetica, sans-serif; text-align: center; background-color:#e9e4ca; color: #336;  background-image:url(images/bk3.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: #2b2492; background-color: #fff;}
h2, h3, h4 { background-color: #fff;  }
h2 {font-size: 1.7em;}
h3 {font-size: 1.5em;}
h4 {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}
.float-rt {float: right;}
.float-lt {float: left;}

.green {color:#390; background-color: #fff; font-weight: bold;}
.green2 {color:#690; background-color: #fff; font-weight: bold;}
.dkblue {color:#336; background-color: #fff; font-weight: bold;}
.midblue {color:#69f; background-color: #fff; font-weight: bold;}
.blue {color:#36f; background-color: #fff; font-weight: bold;}
.purple {color:#609; background-color: #fff; font-weight: bold;}
.ltblue {color:#69f; background-color: #fff; font-weight: bold;} 
.lilac {color:#c6c; background-color: #fff; font-weight: bold;}
.salmon { color: #d57286; background-color: #fff; font-weight: bold;} 

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

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

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


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


#menu { background-color: #99c; color: #fff; font-size: 0.8em; padding-left: 15px; border-top: solid #9faed7; padding-left: 30px;}
#menu ul{float: left; width: 120px; background-color:#99c; color: #fff; margin: 10px 25px 10px 0}
#menu ul li a {background-color: transparent; color: #fff; text-decoration: none}
#menu ul li a:hover { background-color: transparent; color: #303; text-decoration: underline;}


#google-top {width: 770px; 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: #99c; height: 100px; width: 770px; }

#line { position: absolute; top: 100px; left: 0; width: 770px; height: 10px; background-color: #99c; }

#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;}

