/* Aire Valley Archers - Screen CSS
   NOTES: Currently not all UA's support the rounded corners...
--------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

body {
  background: #333;
  font: 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
  margin: 10px 0 0 0;
  text-align: justify;
  color: #d6ddbc;
}

#header, #mainContWrapper, #footer {
  width: 800px;
  margin: 0 auto;
}

/* Header Logo and Site Name
--------------------------------------------------------------------*/

#header {
  background: #333 url(ava.png) no-repeat 0 0;
  height: 88px;
}

#header .siteName {
  padding: 20px 0 0 200px;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 2px;
}

#header .siteName p {
  float: right;
  margin: 10px 0 0 200px;
  font-style: italic;
  font-size: 12px;
}

/* Left Hand Navigation Panel & Linkpage
--------------------------------------------------------------------*/

#navPanel {
  margin: 20px 40px 0 0;
  width: 160px;
  float: left;
}

#navPanel h2 {
 margin: 0 0 2px 0; 
 font-size: 14px;
 text-transform: uppercase;
 letter-spacing: 1px;
}

#navPanel ul, #linkpage ul {
  list-style-type: none;
  color: #7a7b75;
}

#navPanel li a, #linkpage li a {
  display: block;
  padding: 8px 0 8px 4px;
  width: 160px;
  color: #adae75;
  border-bottom: 1px dotted #666;
}

#navPanel li a:link, #linkpage li a:link {
  text-decoration: none;
  color: #adae75;
}

#navPanel li a:hover, #linkpage li a:hover {
  color: #d6ddbc;
  background-color: #424a33;
}

/* Main Body Content Panel
--------------------------------------------------------------------*/

#mainBody {
  width: 600px;
  margin: 20px 0 40px 0;
  float: left;
}

/* Home page sub-panels
--------------------------------------------------------------------*/
/*
#homePageNews {
 border: 1px solid #888;
  margin: 6px 0 24px 30px;
  padding: 14px 8px 8px 8px;

}

#homePageEvents {
 border: 1px solid #888;
  margin: 6px 0 24px 30px;
  padding: 14px 8px 8px 8px;

}

*/

/* Footer
--------------------------------------------------------------------*/

#footer {
  padding: 0 0 10px 0;
  clear: right;
}

/* Shared Text & Image Classes
--------------------------------------------------------------------*/

.right {
  float: right;
}

.smTxt {
  font-size: 90%;
}

.req {
  color: #de4b4b;
  font-size: 1.2em;
  font-weight: bold;
}

.emphasis {
  font-weight: bold;
}


/* Links (#mainBody & #footer)
--------------------------------------------------------------------*/

#mainBody a:link, #mainBody a:visited, #mainBody a:active,
#footer a:link, #footer a:visited, #footer a:active {
  text-decoration: none;
  font-weight: bold;
  color: #adae75;
  border-bottom: 1px dotted #7a7B75;
}

#mainBody a:hover, #footer a:hover {
  color: #ddd;
  border-bottom: 1px dotted #7a7B75;
}


/* gnas news panel, will probably want to be a contrasting colour, but lets set it to theme for now */

#gnas_news_dynamic a:link, #gnas_news_dynamic a:visited, #gnas_news_dynamic a:active
{
  text-decoration: none;
  font-weight: bold;
  color: #adae75;
  border-bottom: 1px dotted #7a7B75;
}




/* Typography (HTML)
--------------------------------------------------------------------*/

p {
  margin: 12px 0;
}

dt {
  background: #424a33;
  margin: 0 0 12px 0;
  padding: 6px 8px;
  font-weight: bold;
  border: 1px solid #888;
}

dd {
  background: #444;
  margin: 6px 0 24px 30px;
  padding: 14px 8px 8px 8px;
  border: 1px solid #888;
}

/* Forms
--------------------------------------------------------------------*/

select, button, label {
  cursor: pointer;
}

fieldset {
  width: 100%;
  margin: 12px 0 0 0;
  padding: 12px 0 6px 6px;
  line-height: 18px;
  text-align: justify;
  border: 0;
}

label {
  float: left;
  width: 65px;
  text-align: right;
  margin: 0 6px 0 0;
  white-space: pre;
}

select:hover, textarea:hover, .txtInput:hover, 
select:focus, textarea:focus, .txtInput:focus {
  background-color: #eee;
}

select, textarea, .txtInput {
  background-color: #ccc;
  float: left;
  font-size: 12px;
  line-height: 18px;
  padding: 2px;
  margin: 0 6px 20px 0;
  border: 2px solid #222;
  color: #000;
}

textarea {
  width: 75%;
  height: 80px;
}

button { 
  background-color: #9bba7f;
  padding: 3px 6px;
  border: 2px solid #fff;
  margin: 6px 20px 12px 10px;
  font-weight: bold;
  color: #222;
}

button:hover {
  background-color: #424a33;
  color: #fff;
}

button:active {
  background-color: #de4b4b;
  color: #fff;
}

/* --- ROUNDED BORDERS (Currently only FF & Safari suppport)
....................................................................*/

dt, dd, button, .txtinput, textarea,#homePageNews,#homePageEvents {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

/* TOP LEFT */
select {
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
}

/* BOTTOM LEFT */
select {
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;