/*
Theme Name: DJS Theme
Theme URI: http://www.donjon-smit.com/
Description: The default the for Donjon-SMIT.
Version: 1
Author: Tim
Author URI: http://www.donjon-smit.com/
Tags: custom header, fixed width, two columns, widgets
*/

*
{
padding: 0;
margin: 0;
border: 0;
}

hr
{
display: none; 
}

body 
{
font-size: 15px;
font-family: Tahoma, Georgia, Times, serif;
background: #e4d4ba url('images/djsbackground.gif');
background-repeat: repeat-x;
color: white;
text-align: left;
}

h1
{
color: white;
}

#page 
{
margin: 0px auto;
padding: 0;
width: 960px;
}

#header 
{
background: none;
}

#headerimg 	
{
margin: 0px 0px 0px 0px;
padding: 0px 18px 0px 0px;
height: 415px;
width: 960px;
background: none;
}

/*Google Map*/

#map	
{
margin-top: 2px;
height: 96%;
width: 100%;
font-size: 30px;
font-family: Tahoma, Georgia, Times, serif;
background: #99b3cc;
background-repeat: repeat-x;
color: black;
text-align: left;
}

#map3d	
{
margin-top: 4px;
}

/*Navigation Buttons*/

#nav1
{
position: absolute;
display: block;
width: 123px;
height: 49px;
top: 47px;
margin-left: 238px;
padding-right: 0px;
background: transparent url(images/nav1.gif) no-repeat 0 0;
}

#nav1:hover
{ 
background-position: 0 -49px;
}

#nav1 span
{
display: none;
}

#nav2
{
position: absolute;
display: block;
width: 123px;
height: 49px;
top: 47px;
margin-left: 382px;
padding-right: 0px;
background: transparent url(images/nav2.gif) no-repeat 0 0;
}

#nav2:hover
{ 
background-position: 0 -49px;
}

#nav2 span
{
display: none;
}

#nav3
{
position: absolute;
display: block;
width: 123px;
height: 49px;
top: 47px;
margin-left: 525px;
padding-right: 0px;
background: transparent url(images/nav3.gif) no-repeat 0 0;
}

#nav3:hover
{ 
background-position: 0 -49px;
}

#nav3 span
{
display: none;
}

#nav4
{
position: absolute;
display: block;
width: 123px;
height: 49px;
top: 47px;
margin-left: 668px;
padding-right: 0px;
background: transparent url(images/nav4.gif) no-repeat 0 0;
}

#nav4:hover
{ 
background-position: 0 -49px;
}

#nav4 span
{
display: none;
}

#nav5
{
position: absolute;
display: block;
width: 123px;
height: 49px;
top: 47px;
margin-left: 811px;
padding-right: 0px;
background: transparent url(images/nav5.gif) no-repeat 0 0;
}

#nav5:hover
{ 
background-position: 0 -49px;
}

#nav5 span
{
display: none;
}

/*Banner*/

  #Welcome {
    position: absolute;
    width: 702px;
    height: 301px;
    top: 108px;
    margin-left: 235px;
    padding-right: 0px;
    background: url(images/welcome.png);
    background-position: 0 -30px;}
  #Welcome li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #Welcome li, #Welcome a {
    height: 301px; display: block;}
  
  #panel1b {left: 0; width: 175px;}
  #panel2b {left: 176px; width: 175px;}
  #panel3b {left: 351px; width: 176px;}
  #panel4b {left: 527px; width: 174px;}


  #panel1b a:hover {
    background: transparent url(images/welcome.png)
    0 -361px no-repeat;}
  #panel2b a:hover {
    background: transparent url(images/welcome.png)
    -175px -361px no-repeat;}
  #panel3b a:hover {
    background: transparent url(images/welcome.png)
    -351px -361px no-repeat;}
  #panel4b a:hover {
    background: transparent url(images/welcome.png)
    -527px -361px no-repeat;}

  /*Lightering Banner*/

  #Light {
    position: absolute;
    width: 702px;
    height: 301px;
    top: 108px;
    margin-left: 235px;
    padding-right: 0px;
    background: url(images/lightering.png);
    background-position: 0 -30px;}
  #Light li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #Light li, #Light a {
    height: 301px; display: block;}
  
  #light1b {left: 0; width: 175px;}
  #light2b {left: 176px; width: 175px;}
  #light3b {left: 351px; width: 176px;}
  #light4b {left: 527px; width: 174px;}


  #light1b a:hover {
    background: transparent url(images/lightering.png)
    0 -361px no-repeat;}
  #light2b a:hover {
    background: transparent url(images/lightering.png)
    -175px -361px no-repeat;}
  #light3b a:hover {
    background: transparent url(images/lightering.png)
    -351px -361px no-repeat;}
  #light4b a:hover {
    background: transparent url(images/lightering.png)
    -527px -361px no-repeat;}

  /*Salvage Banner*/

  #Salvage {
    position: absolute;
    width: 702px;
    height: 301px;
    top: 108px;
    margin-left: 235px;
    padding-right: 0px;
    background: url(images/salvage.png);
    background-position: 0 -30px;}
  #Salvage li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #Salvage li, #Salvage a {
    height: 301px; display: block;}
  
  #Salvage1b {left: 0; width: 175px;}
  #Salvage2b {left: 176px; width: 175px;}
  #Salvage3b {left: 351px; width: 176px;}
  #Salvage4b {left: 527px; width: 174px;}


  #Salvage1b a:hover {
    background: transparent url(images/salvage.png)
    0 -361px no-repeat;}
  #Salvage2b a:hover {
    background: transparent url(images/salvage.png)
    -175px -361px no-repeat;}
  #Salvage3b a:hover {
    background: transparent url(images/salvage.png)
    -351px -361px no-repeat;}
  #Salvage4b a:hover {
    background: transparent url(images/salvage.png)
    -527px -361px no-repeat;}

  /*Fire Banner*/

  #Fire {
    position: absolute;
    width: 702px;
    height: 301px;
    top: 108px;
    margin-left: 235px;
    padding-right: 0px;
    background: url(images/fire.png);
    background-position: 0 -30px;}
  #Fire li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #Fire li, #Fire a {
    height: 301px; display: block;}
  
  #Fire1b {left: 0; width: 175px;}
  #Fire2b {left: 176px; width: 175px;}
  #Fire3b {left: 351px; width: 176px;}
  #Fire4b {left: 527px; width: 174px;}


  #Fire1b a:hover {
    background: transparent url(images/fire.png)
    0 -361px no-repeat;}
  #Fire2b a:hover {
    background: transparent url(images/fire.png)
    -175px -361px no-repeat;}
  #Fire3b a:hover {
    background: transparent url(images/fire.png)
    -351px -361px no-repeat;}
  #Fire4b a:hover {
    background: transparent url(images/fire.png)
    -527px -361px no-repeat;}

  /*Coverage Banner*/

  #Coverage {
    position: absolute;
    width: 702px;
    height: 301px;
    top: 108px;
    margin-left: 235px;
    padding-right: 0px;
    background: url(images/opa.png);
    background-position: 0 -30px;}
  #Coverage li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #Coverage li, #Coverage a {
    height: 301px; display: block;}
  
  #Coverage1b {left: 0; width: 175px;}
  #Coverage2b {left: 176px; width: 175px;}
  #Coverage3b {left: 351px; width: 176px;}
  #Coverage4b {left: 527px; width: 174px;}


  #Coverage1b a:hover {
    background: transparent url(images/opa.png)
    0 -361px no-repeat;}
  #Coverage2b a:hover {
    background: transparent url(images/opa.png)
    -175px -361px no-repeat;}
  #Coverage3b a:hover {
    background: transparent url(images/opa.png)
    -351px -361px no-repeat;}
  #Coverage4b a:hover {
    background: transparent url(images/opa.png)
    -527px -361px no-repeat;}

#banner 
{
background: none;
}

#bannerimg 	
{
position: absolute;
width: 702px;
height: 301px;
top: 108px;
margin-left: 235px;
padding-right: 0px;
background: url(images/bannerimg.gif) no-repeat;
}

#bannerservicesimg 	
{
position: absolute;
width: 702px;
height: 301px;
top: 108px;
margin-left: 235px;
padding-right: 0px;
background: url(images/bannerservicesimg.png) no-repeat;
}

#bannerfifiimg 	
{
position: absolute;
width: 702px;
height: 301px;
top: 108px;
margin-left: 235px;
padding-right: 0px;
background: url(images/bannerfifiimg.gif) no-repeat;
}

#bannercoverageimg 	
{
position: absolute;
width: 702px;
height: 301px;
top: 108px;
margin-left: 235px;
padding-right: 0px;
background: url(images/bannercoverageimg.png) no-repeat;
}

#bannercontactimg 	
{
position: absolute;
width: 702px;
height: 301px;
top: 108px;
margin-left: 235px;
padding-right: 0px;
background: url(images/bannercontactimg.gif) no-repeat;
}

#bannerpartnersimg 	
{
position: absolute;
width: 702px;
height: 301px;
top: 108px;
margin-left: 235px;
padding-right: 0px;
background: url(images/bannerpartnersimg.gif) no-repeat;
}

#banneropa90img 	
{
position: absolute;
width: 702px;
height: 301px;
top: 108px;
margin-left: 235px;
padding-right: 0px;
background: url(images/banneropa90img.gif) no-repeat;
}

#banner2img 	
{
position: absolute;
width: 702px;
height: 301px;
top: 108px;
margin-left: 235px;
padding-right: 0px;
background: url(images/banner2img.png) no-repeat;
}

#bannerenvironmentalimg 	
{
position: absolute;
width: 702px;
height: 301px;
top: 108px;
margin-left: 235px;
padding-right: 0px;
background: url(images/bannerenvironmentalimg.gif) no-repeat;
}


#bannerregsimg 	
{
position: absolute;
width: 702px;
height: 301px;
top: 108px;
margin-left: 235px;
padding-right: 0px;
background: url(images/bannerregsimg.gif) no-repeat;
}

#bannerdonjon64 	
{
position: absolute;
width: 702px;
height: 301px;
top: 108px;
margin-left: 235px;
padding-right: 0px;
background: url(images/bannerdonjon64.gif) no-repeat;
}

#bannersmit64 	
{
position: absolute;
width: 702px;
height: 301px;
top: 108px;
margin-left: 235px;
padding-right: 0px;
background: url(images/bannersmit64.gif) no-repeat;
}

/*News*/

#newsimg 	
{
float: left;
width: 88px;
height: 77px;
margin-left: 11px;
padding-right: 0px;
background: transparent url(images/newsbutton.jpg) no-repeat 0 0;
}

#news 
{
background: #515151;
float: left;
height: 49px;
width: 838px;
margin-top: 12px;
margin-right: 20px;
border-top: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
}


/*Hyperlinks*/

#news p 	
{
text-align: center;
}

a:link {
COLOR: white;
}
a:visited {
COLOR: white;
}
a:hover {
COLOR: #FF0000;
}
a:active {
COLOR: #00FF00;
}

/*Spacers*/

#spacer
{
background: #e4d3b9;
float: left;
height: 10px;
width: 960px;
}

#spacer2
{
background: #515151;
float: left;
height: 8px;
width: 820px;
}

/*Content*/

#content
{
padding: 30px 0px 40px 32px;
width: 580px;

float: left;
margin-left: 20px;
background: #284361 url('images/contentbartop.gif') no-repeat;
}

#content h2 
{
margin: 10px 0px 5px 0px;
border-bottom: 4px solid #b18f2c;
}

#content p
{
padding: 20px 40px 0px 0px;
font-size: 1.1em;
line-height: 1.2
}

#content ul
{
padding: 0px 90px 20px 60px;
font-size: 1.1em;
list-style-type: dot;
margin-bottom: 10px;
}

#content ul ul
{
list-style-image: url(images/listitem.gif);
list-style-type: circle;
margin-left: 20px;
}

#content ul ul ul
{
margin-bottom: 0;
}

#content ol
{
padding: 0px 90px 20px 60px;
font-size: 1.1em;
margin-bottom: 10px;
}

/*Content-Links*/

#content a
{
text-decoration: none;
color: white;
font-size: 1em;
}

#content a:hover
{
text-decoration: underline;
}

/*Sidebar*/

#sidebar
{
padding: 60px 0px 40px 20px;
width: 260px;
float: left;
background: #757a86 url('images/sidebartop.gif') no-repeat;
color: white;
margin-left: 28px;
}

/*Sidebar-Lists Headings*/

#sidebar ul h2
{
background-color: #515766;
border-bottom: 1px solid #b18f2c;
border-top: 1px solid #b18f2c;
font-size: 1.1em;
font-weight: bold;
padding: 2px;
margin-bottom: 5px;
}

/*Sidebar-Lists*/

#sidebar ul
{
list-style: none;
margin-bottom: 10px;
margin-right: 5px;

}

#sidebar ul ul
{
list-style-image: url(images/listitem.gif);
list-style-type: circle;
margin-left: 20px;
font-size: 1.2em;
font-weight: bold;
}

#sidebar ul ul ul
{
list-style-image: url(images/listdash.gif);
margin-bottom: 0;
font-size: .9em;
font-weight: normal;
}

#sidebar ul ul ul ul
{
list-style-image: url(images/listdash.gif);
margin-bottom: 0;
font-size: 1em;
font-weight: normal;
}

/*Sidebar-Links*/

#sidebar a
{
text-decoration: none;
color: white;
font-size: .75em;
}

#sidebar a:hover
{
text-decoration: underline;
}

/*Footer*/

#footer 
{
background: none;
padding: 40px 0px 0px 10px;
margin: 0 auto;
height: 300px;
width: 960px;
clear: both;
}

#footer1
{
display: block;
width: 289px;
height: 163px;
top: 47px;
float: left;
margin-left: 0px;
padding-right: 30px;
background: url(images/footer1.png) no-repeat 0 0;
}

#footer1:hover
{ 
background-position: 0 -163px;
}

#footer1 span
{
display: none;
}

#footer2
{
display: block;
width: 289px;
height: 163px;
top: 47px;
float: left;
margin-left: 0px;
padding-right: 30px;
background: url(images/footer2.png) no-repeat 0 0;
}

#footer2:hover
{ 
background-position: 0 -163px;
}

#footer2 span
{
display: none;
}

#footer3
{
display: block;
width: 289px;
height: 163px;
top: 47px;
float: left;
margin-left: 0px;
padding-right: 0px;
background: url(images/footer3.png) no-repeat 0 0;
}

#footer3:hover
{ 
background-position: 0 -163px;
}

#footer3 span
{
display: none;
}

#footer p
{
margin: 300px 0px 0px 0px;
font-size: .5em;
text-align: center;
color: black;
}

/*Hidden Pictures*/

#hidden 
{
background: none;
padding: 40px 0px 0px 10px;
margin: 0 auto;
height: 1px;
width: 960px;
clear: both;
}

#hidden1
{
display: block;
width: 1px;
height: 1px;
float: left;
background: url(images/salvage.png) no-repeat 0 0;
}

#hidden2
{
display: block;
width: 1px;
height: 1px;
float: left;
background: url(images/lightering.png) no-repeat 0 0;
}

#hidden3
{
display: block;
width: 1px;
height: 1px;
float: left;
background: url(images/fire.png) no-repeat 0 0;
}

#hidden4
{
display: block;
width: 1px;
height: 1px;
float: left;
background: url(images/opa.png) no-repeat 0 0;
}