/*Test css for proposed Wildboar site*/

body {
background-color: #000;
}

p, th, td {
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: small;
 color: grey;
}

a img { border: 0;}

#container {
background-color: #fff;
width:900px;
margin:0 auto;
}

#header-div {
 background: #000 url(lakes-header.jpg) no-repeat scroll 0% 0%;
 height: 265px;
 border-bottom: 4px solid black;
}

#header-links {
 top: 240px;
}

#header-links ul {
 padding: 0;
 margin: 0;
 list-style-type: none;
}

#header-links li {
 float:left;
 width: 264px;
 text-align: center;
}

#header-links li.centre {margin: 0 4px;}

#header-links a {
 display: block;
 background: url(transparent-menu.gif) repeat scroll 0% 0%;
 padding: 10px 0;
 color: #fff;
 font-variant: small-caps;
 font-weight: 700;
 text-decoration: none;
 font-size: large;
}

#header-links a:hover {
 background-image: none;
 background-color: brown;
}

#content {
 width: 700px;
 margin: 20px auto;
}

.callout {
 width: 230px;
 float:left;
}

/*Div posiitioning--------------*/

#header-links {
 position:absolute;
}

/*Css for Wildboar pages----------*/

h1, h2, p, li, a {
 color: #fff;
}

p {
 text-indent: 2em;
}

p.question, p.answer { padding: 5px;  
 border-left: 1px solid #cc3333;
 border-right: 1px solid #cc3333;
}

p.question {
 text-indent: 0;
 font-weight: 700;
 margin-bottom: 0;
 margin-top: 25px;
}

p.answer {
 padding-top: 0;
 margin: 0;
}

p.last {
 margin-bottom: 60px;
}

.category {
 font-family: "Lucida Console" sans-serif;
 font-weight: bold;
 color: #cc6666;
}

h1 {
 font-size: x-large;
 font-family: Arial, Helvetic, sans-serif;
 padding-top: 20px;
}

h2 {  
 font-family: Verdana, Arial, Helvetic, sans-serif;
 font-variant: small-caps; 
 font-size: large; 
}

#column-two h2 {
 margin-top: 40px;
}

#column-three h2 {
 font-size: xx-large;
 letter-spacing: 2px;
 margin-top: 70px;
 text-align: center;
 line-height: 105%;
}
#column-three h2 a {
 font-weight: bolder;
 color: #000;
}

#column-three h2 a:hover { color: #cc3333; }

.header-div {
 background: #fff url(images/wild-boar-header.gif) no-repeat scroll 0% 0%;
 height: 200px;
 border-bottom: 7px solid #cc3333;
}

#container { background: #333 url(images/background.jpg) repeat-y scroll 0% 100px; }

#maincontent {
 position: relative;
 margin-top: 0;
 border-top: 1px solid #cc3333;
}

#column-one {
 float: left;
 width: 180px;
}

#column-one img {
 margin-top: 30px;
}

#column-one a img{
 border: 2px solid #000;
 margin-left: 3px;
 margin-top: 5px;
}

#column-two {
 margin-top: 0;
 margin-left: 180px;
 padding-bottom: 20px;
 padding-top:0;
 width: 500px;
 min-height: 300px;
}

#column-two img {
 border: 2px solid #fff;
 margin: 3px;
}

#column-three {
 width: 199px;
 position: absolute;
 top:0;
 right: 0;
 background-image: url(images/three-col.gif);
 height: 180px;
}

.column-div {
 margin-top: 60px;
 margin-left: 20px;
}

.column-div p {
 text-indent: 0;
}

ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

ul.mainmenu {
 margin-right: 20px;
 margin-top: 20px;
}

 ul.mainmenu li {
 font-family: impact;
 letter-spacing: 1px;
 margin-left: 30px;
 list-style-image: url(images/menu-arrow.gif);
 padding-bottom: 10px;
 padding-left: 5px;
}

ul.mainmenu a {
  text-decoration: none;
}

ul.mainmenu li.active, .wildboar ul a:hover {
 color: #cc3333;
  list-style-image: url(images/menu-active.gif);
}

#map-frame {
 background-color: #333;
}

iframe { border: 5px solid #fff;
 margin: 10px;
 margin-right: 0px;
}

small a { padding: 5px; }

.fadebg {
 background: #333 url(images/fadebg.gif) repeat-x scroll 0% 0%;
}

.fadebg a {
 color: #cc6666;
 font-weight: 800;
}

/*----------Table styling-----------*/
table { border-collapse: collapse;
 border: 5px ridge #fff;
 background-color: #666;
}

th {
 text-transform: uppercase;
 text-align: left;
 background-color: #cc3333;
 color: #fff;
 padding: .4em;
}

td {
 color:#fff;
 border: 1px solid #fff;
 padding: 0.3em 0.8em;
}

.form td {
 background-color: #fff;
 color: #cc3333;
}

/*--------footer styling-------------*/

#footer {
 background-color: #000;
}

#footer a { padding: 0 15px;
 text-decoration: none;
 }

#footer ul { padding-top: 10px;
 padding-left: 110px;
}

#footer li {
 font-size: small;
 display: inline;
 font-family: Arial, Helvetica, Sans-Serif;
}