@charset "utf-8";
/* CSS Document */

body {
background: url(img/bg.gif);
margin: 0 auto;
font-family:arial,sans-serif;
color: #000;
font-size: 12px;
}

#layout {
background: url(img/layout.gif) center repeat-y;
width: 774px;
margin: 0 auto;
text-align: center;
}

#header {
width: 774px;
height: 116px;
background: url(img/header.jpg) no-repeat;
text-align: center;
}

.header {
float: left;
padding: 30px;
}

.search {
float: right;
padding: 40px 40px 0px 0px;
}

.subheader {
}

#content {
text-align: left;
padding: 0px 20px 0px 25px;
}

.card {
width: 225px;
float: left;
padding: 15px 5px 15px 10px;
text-align:center;
}

.left {
float: left;
text-align: left;
width: 336px;
}
.right {
float: right;
text-align: left;
width: 385px;
padding-top: 12px;
}

#footer {
padding-top: 25px;
width: 774px;
height: 21px;
color: #FFF;
background: url(img/footer.jpg) no-repeat;
}

#footer a {
color: #FFF;
text-decoration: none;
}

#footer a:hover {color: #629ce0;}

h1 {
display: inline;
font-size: 30px;
}

h2 {
display: inline;
font-size: 15px;
}

h2 a {text-decoration:none;}

a {color: #3b6ca6;}
a:hover {color: #629ce0;}

#clear {
clear: both;
}