/* Style sheet for ABW site - H. Hakkennes 08/09/2008
Last modified 02/12/09
More mods 17/03/10 -  for Activity Inventory Records page
More mods 23/03/10 -  What's New bgnd changed to #FFFFFF
More mods 08/04/10 - added styles for Inventory Index Records
More mods 11/04/10 - added style for Disclaimer statements
More mods 08/05/10 - removed height parameter from navbar div (was height: 36px;)
More mods 10/05/10 - added another navbar div
More mods 20/05/10 - added another navbar div for Committee Pages
More mods 23/06/10 - float 'whatsnew' div right, remove table from Home Pages & replace with 'descr' div 
-- need clear:both in footer --
More mods 24/06/10 - changed font on Home Pages to "Trebuchet MS", add 'renewal' div
More mods 25/06/10 - added border to 'whatsnew' div, change 'main' div border colour to gray,
-- font colour on main pages changed to #333333
*/
body {
padding: 0;
background-image: url("images/tandanya_bg.gif");
background-repeat: repeat;
background-attachment: fixed;
text-align: center;
margin: 0 auto; /* required for Firefox */
}
 
h1 {
font-size: 1.2em;
}

h2 {
font-size: 1.1em;
}

p {
font-size: .8em;
}

ul {
font-size: .8em;
}

p.disclaimer {
font-size: 0.7em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: italic;
color: #69A81B;
}

A:link {color:#000099; text-decoration: none}
A:visited {color: brown; text-decoration: none}
A:active {color:green; text-decoration: none}
A:hover {text-decoration: underline; color: red;}

#main {
background-color: #ffffff;
border: 1px solid #BDBDBD;
position: relative;
width: 800px;
height: auto;
left: 0px;
padding: 0px;
margin: 0 auto; /* required for Firefox */
}

#navbar {
position: relative;
top: 0px;
left: 0px;
text-align: left;
}

#navbar1 {
position: relative;
top: 0px;
left: 0px;
text-align: left;
}

#navbar2 {
position: relative;
top: 0px;
left: 0px;
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
padding: 20px;
}

#bannerpic {
position: relative;
top: 0px;
left: 0px;
height: 285px;
text-align: center;
}

#page_title {
position: relative;
top: 0px;
left: 0px;
height: 70px;
padding-left: 0px;
text-align: left;
}

#logo {
position: relative;
top: 0px;
left: 0px;
height: 80px;
padding-left: 0px;
text-align: left;
}

#content {
position: relative;
top: 0px;
left: 0px;
height: auto;
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
padding: 20px;
}

#inventory_records {
background-color: #FFFFFF;
position: relative;
top: 0px;
left: 0px;
height: auto;
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
}

#notices {
position: relative;
height: auto;
top: 0px;
left: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
text-align: left;
padding: 20px;
}

#notices_headlines {
position: relative;
height: auto;
top: 0px;
left: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
background-color: #EBEBEB;
text-align: left;
padding: 20px;
}

#pics {
clear:both;
position: relative;
left: 0px;
text-align: left;
height: 125px;
background-color: #FFFFFF;
}

#footer {
clear:both;
position: relative;
left: 0px;
text-align: left;
padding:10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .6em;
background-image: url("images/footer_grad.jpg");
}

#whatsnew {
float: right;
width: 17%;
height: auto;
top:0px;
border: 1px solid #BDBDBD;
text-align: left;
padding-right:5px;
padding-left:5px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
background-color: #F8F8FF;
background-image: url("images/wn_grad.jpg");
}

#descr {
float: left;
/*left: 0px; */
width: 75%;
/*top:0px; */
height: auto;
text-align: left;
padding-right:5px;
padding-left:30px;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #333333;
background-color: #FFFFFF;
}

#renewal {
width: 500px;
border: 2px solid #BDBDBD;
height: auto;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-right:5px;
padding-left:5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
background-color: #FFCC66;
}

table#futurewalks {
background-color: #FFFFFF;
table-layout: auto;
width: 100%;
border: solid #000000 1px;
}

table#futurewalks td {
padding: 3px;
}

table#futurewalks th {
padding: 3px;
font-size: 0.8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

table#walks {
background-color: #FFFFFF;
table-layout: auto;
width: 100%;
border: solid #000000 1px;
}

table#walks td {
padding: 3px;
}

td.futurewalkdate {
background-color: #C0C0C0;
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 20%;
text-align: left;
}

td.futurewalkdetails {
background-color: #E6E6E6;
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 80%;
text-align: left;
}

th.walkdate {
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
}

th.walkdetails {
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
}

th.walkmonth {
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
color: brown;
}
 
td.walkdate {
background-color: #C0C0C0;
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 18%;
text-align: left;
}

td.walkdetails {
background-color: #E6E6E6;
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 72%;
text-align: left;
}

td.walkrating {
background-color: #E6E6E6;
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
width: 7%;
text-align: center;
}

td.walkqualify {
background-color: #E6E6E6;
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 3%;
color: red;
text-align: center;
font-weight: bold;
}

table#gradings {
background-color: #FFFFFF;
width: 642px;
border: solid #000000 1px;
}

table#gradings td {
padding: 1px;
}

td.title {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
color: #990000;
font-weight: bold;
text-align: center;
}

td.heading {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .6em;
font-weight: bold;
color: #006600;
}

td.grading {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .6em;
text-align: center;
color: #000000;
font-weight: bold;
width: 14px;
}

td.description {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .6em;
text-align: left;
color: #000000;
width: 200px;
}

.news_pagination {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .75em;
}

table#activity_inventory {
background-color: #FFFFFF;
table-layout: auto;
width: 100%;
border: solid #000000 1px;
}

table#activity_inventory td {
padding: 3px;
}

table#activity_inventory th {
background-color: #CCCCCC;
padding: 3px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

th.title {
font-size: 0.8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
}

th.type {
font-size: 0.75em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
width: 9%;
}

th.record {
font-size: 0.75em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
color: green;
width: 12%;
}
 
th.duration {
background-color: #C0C0C0;
font-size: 0.75em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
width: 13%;
}

th.outline {
background-color: #E6E6E6;
font-size: 0.75em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
width: 56%;
}

th.grade {
background-color: #E6E6E6;
font-size: 0.75em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: center;
width: 10%;
}

td.type {
background-color: #E6E6E6;
font-size: 0.75em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
width: 9%;
}

td.record {
background-image: url("images/round7a.gif");
border: 1px solid green;
font-size: 0.75em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
width: 12%;
}
 
td.duration {
background-color: #E6E6E6;
font-size: .75em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
width: 13%;
}

td.outline {
background-color: #E6E6E6;
font-size: .75em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
width: 56%;
}

td.grade {
background-color: #E6E6E6;
font-size: .75em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
width: 10%;
}