body {
margin:0; font-family:verdana, sans-serif; color:#333; font-size:12px; line-height:1.4em; padding-bottom:300px; background: url(bg.jpg) repeat-x #ccc;
}
#top {
width:900px; margin:10px auto 0 auto; background:#000;
}
#top a {
color:#FFF;
}
#page {
width:1000px; margin:0 auto 0 auto;
}
#content {
float:left; display: inline; width:1000px; height:500px; text-align:justify; color:#000; background: url(semantic4.jpg) no-repeat ;
}
#right {
float:left; display: inline; height:465px; width:350px; background: url(images/background2.png) no-repeat; background-position:bottom; text-align:left; margin-top:-465px; margin-left:550px; 
}
#right a {
color:#4c4c4c; text-decoration:none;
}
#bottom {
float:left; height:30px; width:100%; font-size:10px; color:#FFF; background: #000; text-align:right;
}
#bottom a {
text-decoration: none; color:#FFF;
}
ul#menu-top {
background:#000; display:inline; padding: 0; list-style-type: none; font-size:14px;
}
ul#menu-top li {
float: left; width: 120px; background:#a00000; text-align: center; line-height: 35px; color: #FFF; font-weight: bold;
}
ul#menu-top li a {
background: #000; width: 120px; color:#CCC; display: block; text-decoration: none; font-weight: bold;
}
ul#menu-top li a:hover {
color:#FFF;
}
.box {
float:left; display:block; height:120px; width:234px; margin:2px; text-align:left; padding:10px; border:1px solid #C0C0C0; font-size:11px;
}
a.box {
background: url(images/next.png) no-repeat 200px 100px; font-size:11px;
}
a.box:hover {
border:1px solid #666;
}
strong.title-box {
color:#a00000; font-size:12px;
}
.button {
border:1px solid #CCC; font-size:12px;
}
.photo {
float:right; padding:5px; margin:15px; border:1px solid #CCC;
}
p {
margin-top:10px;margin-bottom:10px;
}
a {
color:#000; text-decoration:none;
}
a:hover {
text-decoration:none;
}
h2 {
color:#3C3330; font-size:12px;
}
img {
border: 0;
}
hr {
color: #fff; background-color: #f7f7f7; border: 2px dotted #CCC; border-style: none none dotted; margin:5px 10px 5px 10px;
}
label {
display: block; font-size:11px; font-weight:bold; color: #666;
}
input[type=radio], input[type=checkbox], input[type=radio]:hover, input[type=checkbox]:hover {
margin-left:25px;
background:none;
border:none;
}
input,textarea, select {
font-family:verdana, sans-serif; font-size:12px; margin:0 0 5px 0; border: 1px solid #C0C0C0;
}
textarea {
background: transparent;
}
input:hover, textarea:hover, input:focus, textarea:focus {
border: 1px solid #666;
}
input.invalid, textarea.invalid {
border: 1px solid #666;
}
strong.error {
color: red;
}