/*Gary Hollands - solriche 2008*/
* {
margin : 0;
padding : 0;
}
html, body {
line-height : 1.5;
font-family : "lucida sans unicode", "lucida grande", arial, "bitstream vera sans", sans-serif;
color : rgb(0, 0, 0);
background-color : rgb(255, 255, 255);
}
#container {
width : 48em;
margin : 3% auto 0 auto;
}
#masterbox {
width : 94%;
margin : 0% auto 1% auto;
background-color : rgb(255, 255, 255);
}
/*-------top-------*/
#top {
clear : both;
width : 100%;
height : 105px;
background : url("../images/header_join_8.png") repeat-x 0% 0%;
}
#topleft {
float : left;
width : 418px;
height : 105px;
background : rgb(255, 255, 255) url("../images/header_left_8.png") no-repeat 0% 0%;
}
#topright {
float : right;
width : 26px;
height : 105px;
background : rgb(255, 255, 255) url("../images/header_end_8.png") no-repeat 100% 0%;
}
#top .hide {
display : none;
}
/*---------menu---------*/
#menu {
float : left;
}
#menu ul {
float : left;
position : relative;
top : -2.5em;
left : 3.75em;
list-style-type : none;
}
#menu ul li {
display : inline;
font-size : 80%;
font-weight : bold;
}
#menu ul li .button_left {
float : left;
width : 22px;
height : 40px;
background : url("../images/button_left_8.png") no-repeat 0% 0%;
}
#menu ul li .item {
float : left;
height : 40px;
padding-top : 0.7em;
text-align : center;
background : url("../images/button_join_8.png") repeat-x 0% 0%;
}
#menu ul li .button_right {
float : left;
width : 22px;
height : 40px;
margin : 0 0.25em 0 0;
background : url("../images/button_right_8.png") no-repeat 100% 0%;
}
#menu ul li .current {
border-bottom : 1px dotted rgb(0,0,0);
}
#menu ul li a {
color : rgb(51,102,0);
text-decoration : none;
}
#menu ul li a:visited {
color : rgb(51,0,153);
text-decoration : none;
}
#menu ul li a:hover {
color : rgb(153,51,153);
text-decoration : none;
}
/*------middle and content-----*/
#content {
width : 100%;
position : relative;
top : -1em;
left : 0;
padding : 0 3% 0 3%;
}
#content p {
font-size : 85%;
margin : 0 0 2% 0;
}
#content a:link {
color : rgb(0,0,238);
text-decoration : underline;
}
#content a:visited {
color : rgb(102,0,102);
text-decoration : underline;
}
#content a:hover {
color : rgb(255,0,0);
text-decoration : none;
}
#left {
float : left;
width : 68%;
margin-right : 4%;
}
#right {
float : left;
width : 20%;
}
#right h3, #left h3 {
font-family : arial, sans-serif;
font-size : 95%;
color: rgb(37,62,125);
}
#right h3{
position : relative;
top : 0;
left : 0;
}
#right dl{
font-size: 85%;
margin: 0 0 0.5em 0;
}
#content .rel {
width : 100%;
float : left;
}
#content .rel h2 {
font-family : arial, sans-serif;
color: rgb(37,62,125);
position : relative;
top : 0;
left : 0;
}
#left h3 {
margin : 0 0 1% 0%;
}
#left ul {
margin : 0 0 2% 5%;
list-style-type : disc;
}
#left ul li {
font-size : 85%;
padding : 0 0 1% 0;
}
/*-----map-------*/
#content .map {
width : 400px;
height : 190px;
margin : 0.5em 0 0.5em 0;
background : url("../images/hb_map_8.png") no-repeat 0 0;
}
#content .map p {
display : none;
}
/*-----bottom-----*/
#bottom {
clear : both;
width : 100%;
height : 40px;
background : url("../images/footer_join_8.png") repeat-x 0% 100%;
}
#footer {
padding-top : 0.3em;
}
#footer h2 {
font-size : 100%;
}
#footer p {
float : left;
font-size : 80%;
padding : 0.3em 0 0 0;
}
#bottomleft {
float : left;
width : 20px;
height : 40px;
background : rgb(255,255,255) url("../images/footer_left_8.png") no-repeat 0% 100%;
}
#bottomright {
float : right;
width : 20px;
height : 40px;
background : rgb(255,255,255) url("../images/footer_right_8.png") no-repeat 100% 100%;
}
/*----misc----*/
abbr, acronym {
border-bottom : 1px dotted rgb(0,0,0);
cursor : help;
}
#errors{
float: left;
width: 90%;
}