body {
background: #fff url('./images/bg.jpg');
margin: 0px;
padding: 0px;
text-align: center;
font-family: arial, verdana, sans-serif;
}

#container {
background: #eee;
border: solid 8px #4a639c;
width: 780px;
text-align: left;
margin: 20px auto 0px auto;
}

h1 {
margin-top: 0px;
margin-bottom: 0px;
}

h2 {
margin-top: 2px;
}

p {
margin-bottom: 4px;
margin-top: 2px;
font-family: verdana;
font-size: 12px;
font-weight: normal;
color: #000;
}

#header {
background: #eee;
height: 100px;
}



h1#logo {
background: #fff;
border: solid 8px #c00;
display: inline;
position: relative;
top: 00px;
left: 75px;
font-size: 50px;
font-family: arial, verdana, sans-serif;
color: #c00;
}

h1#logo {
display: block;
width: 623px;
height: 80px;
background: #fff url('images/logo.jpg') no-repeat;
border: none;
}


h1#logo span {
display: none;
}

/* This is To kill the Text In Menu */
#menu ul span {
display:none;
}

#menu {
border: none;
background: #4a639c;
width: 773px;
height: 43px;
position: absolute;
margin-left: 3px;
margin-top: 0px;
margin-bottom: 0px;

}

#menu ul {
margin:0px;
padding: 0px;
}

#menu li {
display: inline;
border: none;
margin: 0px;
font-size: 0px;
}
#menu li a{
display : block;
float: left;
border: none;
margin: 0px 0px 0px -2px;
}

#menu a img {
border : none;
}

#content_holder {
padding-top: 50px;
}

#left_content_holder {
width: 550px;
float: left;
margin: 2px;
}

#left_content_holder_maps {
width: 770px;
float: left;
margin: 2px;
}
#left_content_registration {
width: 770px;
float: left;
margin: 2px;
}
#left_content_aboutus{
width: 770px;
float: left;
margin: 2px;
}
#left_content_contact {
width: 770px;
float: left;
margin: 2px;
}
#left_content_rules {
width: 770px;
float: left;
margin: 2px;
}
#left_content_holder_goalie{
background: #fff;
width: 370px;
float: left;
margin: 2px;
}
#right_content_holder_goalie{
background: #fff;
width: 370px;
float: left;
margin: 2px;
}

#right_content_holder {
width: 215px;
padding: 2px;
float: right;
margin: 2px;
margin-top: 0px;
}

/* HERE ARE THE RED BARS - The headings on each fo the content items */

.topic_heading {
background: #c00;
color: #fff;
padding: 0px;
font-style: italic;
margin-bottom: 0px;
}

/* Use this to replace the header text with an image, but leavintg the text in for search engines */

h2.topic_heading span {
display: none;
}


h2.goalie {
color: #d90000;
text-decoration: underline;
}


/* You need to do one of these sets (different classes) for each title image you want */

h2.welcome {
height: 25px;
background: #d00;
background: #d00 url('images/welcome_to_ballhockeygta.jpg') top left no-repeat;
}

h2.contact {
height: 22px;
background: #d00 url('images/contacting_ballhockeygta.jpg') top left no-repeat;
}
h2.faq {
height: 22px;
background: #d00 url('images/banner_faq.jpg') top left no-repeat;
}
h2.contact_survey {
height: 27px;
background: #d00t;
}
/* You need to do one of these sets (different classes) for each title image you want */

h2.leagues {
height: 22px;
background: #d00 url('images/leagues_red_bar.jpg') top left no-repeat;
}

/* You need to do one of these sets (different classes) for each title image you want */

h2.rulesbhgta {
height: 21px;
background: #d00 url('images/rules_bhgta.jpg') top left no-repeat;
}

/* You need to do one of these sets (different classes) for each title image you want */

h2.winners_corner {
height: 25px;
background: #d00 url('images/winners_red.jpg') top left no-repeat;
}

h2.goalie_rent {
height: 25px;
background: #d00 url('images/goalie_red.gif') top left no-repeat;
}
h2.goalie_rent1 {
height: 25px;
background: #d00 url('images/goalie_red1.gif') top left no-repeat;
}

/* You need to do one of these sets (different classes) for each title image you want */

h2.arenas {
height: 22px;
background: #d00 url('images/arenas.jpg') top left no-repeat;
}

/* You need to do one of these sets (different classes) for each title image you want */

h2.rules {
height: 22px;
background: #d00 url('images/rules_red_bar.jpg') top left no-repeat;
}

/* You need to do one of these sets (different classes) for each title image you want */

h2.arena {
height: 25px;
background: #d00
}
/* You need to do one of these sets (different classes) for each title image you want */

h2.sponsors {
height: 25px;
background: #d00 url('images/sponsors_red_under.jpg') top left no-repeat;
}

/* You need to do one of these sets (different classes) for each title image you want */

h2.aboutus {
height: 22px;
background: #d00 url('images/about_us.jpg') top left no-repeat;
}


/* You need to do one of these sets (different classes) for each title image you want */

h2.registration {
height: 22px;
background: #d00 url('images/registration.jpg') top left no-repeat;
}
/* You need to do one of these sets (different classes) for each title image you want */
h2.hot_news{
height: 25px;
background: #4a639c url('images/hot_news_image.jpg') top left no-repeat;
}

.content_item {
background: #fff;
margin-top: 0px;
padding: 0px;
margin-bottom: 4px;
overflow-y: auto;
}


.right_box {
background: #dde2ec;
margin-top: 0px;
padding: 0px 2px;
margin-bottom: 4px;
height: 215px;
}

.content_item img {
float: left;

padding: 2px;
}

#footer {
background: #fff;
border-top: solid 2px #000;
}

.clear {
clear: both;
}

.full_width {
height: 225px;
}

.full_width_contact {
height: 100%;
padding: 7px;
}
.full_width_contact_survey {
height: 135px;
}
.full_width_contact1 {
height: 450px;
position: relative;
width: 500px;
left:40px;
}
.full_width_contact2 {
padding: 7px;
}
.full_width_rules {
height: 700px;
}
.full_width_arena {
height: 420px;
}
.full_width_arena1 {
height: 100px;
}
.half_width {
width: 270px;
height:250px;
margin: 2px;
float: left;
background: #fff;
overflow-x: hidden;
}
.half_width1 {
width: 546px;
height:325px;
margin: 2px;
float: left;
background: #fff;
overflow-x: hidden;
}

.half_width a:link img{
text-decoration: none;
color: #000;
}
.half_width1 a img {
border: none; 
}



#news_box {
height: 859px;
background: #e7e7ff;
}
#winners_box {
height: 300px;
background: #e7e7ff;
}
#goalie_rent{
height: 300px;
background: #e7e7ff;
}