/* CSS Document */
* {
margin:0;
padding:0;
}
body {
font-size: .97em;
font-family: Geneva, Arial, Helvetica, sans-serif;
background-color: #eee;
}
#wrapbod {
margin-right: auto;
margin-left: auto;
width: 950px;
background-image: url(graphics/keybrd.jpg);
background-position:right;
}
img a {
text-decoration: none;
}
h1 {
font-size: 120%;
color: #666;
margin-bottom: 10px;
margin-top: 10px;
}
h2, h3, h4, h5 {
color: #666;
padding-left: 1.2em;
text-decoration:underline;
}
a:link {
text-decoration: none;
color: #639;
font-weight: bold;
}
a:visited {
text-decoration: none;
color: #639;
font-weight: bold;
}
a:hover {
text-decoration: none;
color: #cccc99;
font-weight: bold;
}
a:active {
text-decoration: none;
color: #639;
font-weight: bold;
}
#header {
background-image:url(graphics/head2.jpg);
background-repeat: no-repeat;
background-color: #fff;
height: 200px;
border-bottom: 5px solid #848549;
}
#wrap {
background-color: #cccc99;
padding-bottom: 20px;
width: 950px;
}
#nav img {
margin-left:20px;
margin-top: 15px;
text-decoration: none;
}
#nav {
float:left;
margin-top: 110px;
}
#nav ul {
list-style: none;
margin-left: 2em;
padding-left: 0px;
}
#nav li {
font-size: 88%;
border-bottom: 1px dotted #eee;
margin-bottom: 0.6em;
}
#nav a:link {
text-decoration: none;
color: #663399;
font-weight: bold;
}
#nav a:visited {
text-decoration: none;
color: #663399;
font-weight: bold;
}
#nav a:hover {
color: #848448;
text-decoration: none;
font-weight: bold;
}
#nav a:active {
text-decoration: none;
color: #663399;
font-weight: bold;
}
#content {
margin-left: 12em;
margin-right: 1.5em;
background-color: #ffffff;
margin-top: 20px;
padding: 20px;
}
#content p {
line-height: 1.2em;
padding-left: 1.2em;
}
.photo {
float: left;
border: 1px solid #666;
margin-right: 15px;
margin-bottom: 10px;
margin-top: 5px;
}
.photo_r {
float: right;
border: 1px solid #666;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
}
#list {
margin-left: 40px;
}
#list ul {
list-style-image: url("graphics/icon2.jpg");
}
#list li {
margin-bottom: 4px;
margin-right: 10px;
padding-left: 7px;
}
#box {
float: right;
width: 140px;
color: #639;
font-style: italic;
padding: 15px;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
margin-left: 15px;
text-align: center;
font-weight: bold;
font-size: 90%;
margin-right: 15px;
}
#box2 {
float: right;
width: 160px;
color: #848448;
font-style: italic;
padding: 10px;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
margin-left: 25px;
text-align: left;
font-weight: bold;
font-size: 90%;
margin-right: 15px;
margin-top: -20px;
}
#box2 ul li {
margin-bottom: 3px;
}

.demo {
float: right;
margin-left: 15px;
margin-right: 15px;
width: 150px;
height: 71px;
border: 1px solid #663399;
}
#contactform {
padding-left: 1.2em;
margin-top: 3.5em;
font-weight: bold;
font-size: 85%;
}
#contactform td {
padding-left: 17px;
padding-bottom: 3px;
}
#privacy {
border: 1px solid #666;
padding: 5px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 30px;
font-size: 90%;
font-weight:normal;
color: #000000;
}
#privacy p {
margin-left: 10px;
margin-top: 5px;
}
#contacts {
text-align: center;
color: #666;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #666;
margin-left: 230px;
margin-right: 20px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 15px;
line-height: 1.5em;
background-color: #eee;
}
#quote {
text-align: center;
color: #663399;
padding: 10px;
border: 1px solid #666;
margin-top: 30px;
font-weight: bold;
margin-right: 20px;
margin-left: 20px;
background-color: #eee;
background-position: center;
}
#quote p {
padding-left:0px;
font-style:italic;
font-family: Georgia, "Times New Roman", Times, serif;
}
#footer {
font-size: 75%;
text-align: center;
margin-top: 10px;
}
#footer a:link {
color: #663399;
}
#footer a:visited {
color: #663399;
}
#footer a:hover {
color: #848448;
}
#footer a:active {
color: #663399;
}
#copyright {
text-align: left;
float: right;
font-size: 75%;
margin-right: 25px;
}

#portal {
width: 480px;
padding: 10px;
}
#portal p {
padding-left: 20px;
}