/*------------------------------------------------------------*

**  Global

**------------------------------------------------------------*/

html { height: 100%; }

body {

    margin: 0;

    padding: 0;

    font-family: Tahoma, sans-serif;

    font-size: 76%;

    color: #5E5E5E;

    height: 100%;

/*    background: #6A6234 url(img/bg.jpg) repeat-x;*/

    background-color: #6A6234;

    }



td a { text-decoration: none; color: #000000;}

td a:hover { background-color: #6A6234; }



acronym { border-bottom: 1px dotted #cc0000; cursor: help; }



/*------------------------------------------------------------*

**  Container

**------------------------------------------------------------*/    



/*#wrap {

	margin-left:auto;

	margin-right:auto;

	width:900px;

	



}*/







#container {

    height: auto !important;

    height: 100%;

    min-height: 100%;

    position: relative;

    text-align: center;

    }    

    

/*------------------------------------------------------------*

**  Header

**------------------------------------------------------------*/    

#header { 

    background: #E7DDA8 url(img/header_top.jpg) no-repeat 100% 5px;

    border-style: solid;

    border-color:#808080;

    border-width:4px;

    border-bottom: 0px;

    width: 750px;

    margin: 0 auto;    

    padding: 0;

    }

#header div { 

    background: url(img/header_botm2.jpg) no-repeat 0px 70px;

    text-align: left;

    padding: 45px 0 108px 15px;

    }    



div#accommodation  {

    background: url(img/accommodation.jpg) no-repeat 0px 0px;

    padding: 10px 0px 279px 0px;

    margin: 0px 0px 0px 0px;

}



div#defenders2  {

    background: url(img/defenders2.jpg) no-repeat 0px 0px;

    padding: 10px 0px 143px 0px;

    margin: 0px 0px 0px 0px;

}



div#defenderconvoy  {

    background: url(img/defenderconvoy2.jpg) no-repeat 0px 0px;

    padding: 10px 0px 159px 0px;

    margin: 0px 0px 0px 0px;

}



div#defenderwithtrailer  {

    background: url(img/defenderwithtrailer.jpg) no-repeat 0px 0px;

    padding: 10px 0px 229px 0px;

    margin: 0px 0px 0px 0px;

}





#header h1 {

    margin: 0; 

    clear: both;

    padding: 43px 0 0 40px;    

    font-size: 4em;    

    }

#header h1 a { 

    padding: 0;

    color: #000;

    font-family: Century Gothic, sans-serif;

    font-weight: normal;

    color: #000;    

    }    

#header h1 a:hover { background-color: transparent; }    

* html #header h1 { padding-top: 23px; }    



/*------------------------------------------------------------*

**  Navigation

**------------------------------------------------------------*/

#header ul {

    margin: 0 0px;

    padding: 0;    

    }

#header li { 

    display: inline;

    list-style-type: none;

    margin: 0 5px;

    font-size: 1.2em;

    background: url(img/nav.jpg) center no-repeat;

    width: 100px;

    height: 25px;

    float: left;

    text-align: center;

    }    

#header li a { 

    display: block; 

    width: 100%;

    color: #fff;

    padding-top: 7px;

    }        

#header li a.on,

#header li a:hover { background-color: #4b551a; width: 100%; color: #9c0; height: 25px; }





* html #header2 h1 { padding-top: 23px; }    



/*------------------------------------------------------------*

**  Navigation2

**------------------------------------------------------------*/



#header2 { 

    background: #E7DDA8 url(img/header_top.jpg) no-repeat 100% 5px;

    border-style: solid;

    border-color:#808080;

    border-width:4px;

    border-bottom: 0px;

    width: 750px;

    margin: 0 auto;    

    padding: 0;

    }

#header2 div { 

    background: url(img/header_botm2.jpg) no-repeat 0px 70px;

    text-align: left;

    padding: 45px 0 118px 15px;

    }    





#header2 h1 {

    margin: 0; 

    clear: both;

    padding: 43px 0 0 40px;    

    font-size: 4em;    

    }

#header2 h1 a { 

    padding: 0;

    color: #000;

    font-family: Century Gothic, sans-serif;

    font-weight: normal;

    color: #000;    

    }    

#header2 h1 a:hover { background-color: transparent; }    





#header2 ul {

    margin: 0 0px;

    padding: 0;    

    }





/*------------------------------------------------------------*

**  Content

**------------------------------------------------------------*/

#content {

    background-color: #E7DDA8;

    border-style: solid;

    border-color:#808080;

    border-width:4px;

    border-top: 0px;

    width: 750px;

    margin: 0 auto;

    padding-bottom: 50px;

    }

* html #content { padding-bottom: 60px; }    

#content:after {

    content: "."; 

    display: block; 

    clear: both; 

    height: 0;

    visibility: hidden

    }    

#content h2 { 

    font-size: 20px;

    color: #333;

    font-weight: normal;

    font-size: 1.8em;    

    margin: 0 0 10px 0;

    clear: both;

    }



#content h3 {

    font-size: 1.6em;

    font-weight: normal;

    }



#content h2.idea {

    font-size: 6px;

    color: #333;

    font-weight: normal;

    font-size: 1.6em;

    margin: 0 0 10px 0;

    clear: both;

    }



#content h2 em { 

    color: #459058;

    font-style: normal;

    }



#content p {

    text-indent: 2em;

    line-height: 2em;

    letter-spacing: 0.1em;    

    }



#content p.none {

    text-indent: 0em;

    line-height: 2em;

    letter-spacing: 0.1em;    

    }   

	

    

#content ul {

    margin: 20px 0;

    padding: 0 0 0 20px;

    }    

#content li {

    list-style-type: none;

    background: url(img/bullet.gif) no-repeat 0px 8px;

    padding: 0 0 0 25px;

    line-height: 2em;

    letter-spacing: 0.1em;    

    }    

#content blockquote { 

    background-color: #FFFFF0; 

    margin: 20px 0; 

    padding: 10px 20px;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    }

#content blockquote p { margin: 0; text-indent: 0; }





/*------------------------------------------------------------*

**  Thumbnails

**------------------------------------------------------------*/

#content ul.thumbs { 

    margin: 20px 0;

    padding: 0;

    }

#content ul.thumbs:after {

    content: "."; 

    display: block; 

    clear: both; 

    height: 0;

    visibility: hidden

    }    

#content ul.thumbs li { 

    float: left;

    margin: 3px;

    padding: 0;

    background-image: none;

    }

#content ul.thumbs li a img { border: 5px solid #ddd; }

#content ul.thumbs li a:hover img { border: 5px solid #333; }    

html>body #content ul.thumbs li a { background-color: transparent; }

    

/*------------------------------------------------------------*

**  left

**------------------------------------------------------------*/

#left {

    float: left;

    width: 255px;

    text-align: left;

    margin-right: 40px;

    margin-left: 10px;

    }

#left2 {

    float: left;

    width: 255px;

    text-align: left;

    margin-right: 40px;

    margin-left: 10px;

	height:2220px;

    }

/*------------------------------------------------------------*

**  right

**------------------------------------------------------------*/

#right {

    float: right;

    width: 438px;

    text-align: left;    

    }

       

#right2 {

    float: right;

    width: 438px;

    text-align: left;

	height:2220px;    

    } 

	

	#right2 a { text-decoration: none; color: #11A0CF; font-size: 1em; padding: 1px 2px; }

	#right2 a:hover { background-color: #f4f4f4; }    

	

	#mid {

    float: right;

    width: 730px;

    text-align: left;  

	padding:10px;  

    }

	

	#mid a { text-decoration: none; color: #11A0CF; font-size: 1em; padding: 1px 2px; }

	#mid a:hover { background-color: #f4f4f4; }    



	

	#wrap {

	width:750px;

	height:2220px;

	}

/*------------------------------------------------------------*

**  Footer

**------------------------------------------------------------*/        

#footer {    

    position: absolute !important;

    width: 100% !important;

    z-index: 500 !important;

    position: relative;    

    padding: 10px 0;    

    margin-top: -36px;

    background-color: #333;        

    color: #999;    

    font-size: 11px;

    border-top: 3px solid #ccc;

    }    

#footer p { margin: 0 10px; text-align: center; }    

#footer a:hover { background-color: #222; }



#footer3 {

clear:both;

}
