/* All associated graphics copyright 2005, DudleyDesigns.com */

/* --// basic elements --// */
body { 
 font: 11px/1.2em verdana,arial,helvetica,sans-serif; 
 color: #000000; 
 margin: 0 auto;
 padding: 0;
 text-align: center;
 background: #ffffff url(images/bg.gif) repeat-x; 
}


/* --// layout // */
#container {
 position: relative;
 width: 900px;
 margin: 0 auto;
 padding: 0;
 text-align: left;
}
#header {
 position: relative;
 width: 880px;
 height: 120px; 
 padding: 0px 0 0 0;
 background: transparent url(images/bg-header.jpg) no-repeat 0px 12px;
 }
#logo {
 position: absolute;
 padding: 0;
 margin: 0; top: 2px;
}
#train {
 position: absolute;
 right: 20px;
 padding: 0;
 margin: 0; top: 2px;
}
#phone {
 position: absolute;
 right: 155px;
 padding: 0;
 margin: 0; top: 10px;
}

#top {
 position: relative;
 text-align: left;
 width: 820px;
 height: 245px;
 padding: 0px 0 0 0;
 margin: 0px 0 0 0;
}

.topbox1 {
 width: 260px;
 height: 220px;
 margin: 20px 15px 0 0;
 padding: 0px;
 float: left;
}
.topbox2 {
 width: 250px;
 height: 220px;
 margin: 20px 15px 0 0;
 padding: 0px;
 float: left;
}
.topbox3 {
 width: 250px;
 height: 220px;
 margin-top: 20px;
 padding: 0px;
 float: right;
}

#middle, #bottom {
 position: relative;
 text-align: left;
 width: 850px;
 height: 220px;
 padding: 0px;
 margin: 0;
}
#middle h1 {color: black; font: 1.6em Tahoma;}
.midbox1 {
 width: 270px;
 height: 220px;
 margin: 0 20px 0 0;
 float: left; paddin: 0;
}

.midbox1b {
 width: 540px;
 margin: 0 15px 0 0;
 float: left;
}
.midbox2 {
 width: 260px;
 height: 220px;
 margin: 0 10px 0 10px;
 float: left;
}
.midbox3 {
 width: 270px;

 float: right;
}
.midbox h1 {padding: 0; margin: 0;}
.midbox1b h2 {font: bold 1.4em Tahoma, Arial; text-transform: uppercase;}
.midbox3 h2 {font: bold 1.2em Tahoma, Arial; text-transform: uppercase;}
/*-----NAVIGATION---
---------------------------------------*/

#navlist{
position: absolute;
top: 108px;
left: 190px;
width: 800px;
margin: 0;
padding: 0;
font: bold 1.2em Tahoma, Verdana; color: #ffffff;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited
{
float: left;
line-height: 16px;
font-weight: bold;
margin: 0 10px 4px 15px;
text-decoration: none;
color: #fff;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{
padding-top: 0px;
background: transparent;
color: #edf1f3;
padding-bottom: 15px;
background: url(images/navarrow.gif);
background-position: center 14px;
background-repeat: no-repeat;
}

#navlist a:hover { 
color: #ff911f; 
padding-bottom: 15px;
background:  url(images/navarrow.gif);
background-repeat: no-repeat;
background-position: center 14px;}

#lower {
 position: relative;
 width: 850px;
 height: 280px;
 padding-top: 30px;
 color: #e1d0b8;
 }
 #lower h1 {
   width: 280px;
   margin: 10px;
   background-color: #000000;
   height: 55px;
   text-align: center;
   font-size: 1.0em
   } 
 #lower h2 {font-size: 1.4em; padding: 0 15px; margin: 0px 0 0 0;   } 
 #lower p {padding: 0 15px 0 15px;}


#footer {
 position: relative;
 padding: 15px 0 0 0;
 margin: 20px 0 20px 0;
 height: 60px;
 width: 100%;
 text-align: center;
 background-color: #8d2d28;
 color: white; clear: both;
}
#footer a {color: white;}


/*---CONTENT---*/
#content{
 width: 610px;
 float: right;
 padding: 10px;
 margin: 20px 0 0 0;
}

span.more-link {
  position: absolute;
  
  padding: 6px;
  color: #000000; 
  font: 1.2em Tahoma, Verdana; 
}

div.box1 .more-link {left: 190px; width: 110px;}
div.midbox2 .more-link {left: 435px; width: 80px;}
div.box3 .more-link {left: 780px; width: 150px; }

#footer span.icons {position: absolute; width: 930px; left: 10px; top: 20px; text-align: left;}
#footer span.signup {position: absolute; width: 930px; right: 10px; top: 20px; text-align: right;}

div .ban {
float: right;
width: 180px; height: 150px;
font: bold 1em Arial;
padding: 5px;
margin: 0px;
text-align: center;
color: #095A00;
}