/* CSS Document */

/*GENERAL body, headings and navigation*/
body {
font: .8em/1.2em verdana, arial, sans-serif;
background:#FFFFFF;
color:#000000;
margin: 0.3% 10% 1% 10%;
padding:1%;}

h4 {font:0.8 em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin-bottom:0;
	padding:1%;}
	
h3 {font:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	padding:0.2em;}
	
h2 {font:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;}

#banner {
border-top: 1px solid #778899;
border-bottom: 1px dotted #B2BCC6;
height: 5em;}

#banner .slogan {  
font: 120% Georgia, "Times New Roman", Times, serif;
color: #778899;
background-color: transparent;
float: right;
width: 300px;
text-align:right;
margin-right: 4em;
margin-top: 0.7em;}

#banner .logo {
float: left;
width: 187px;
margin-left: 1.5em;
margin-top: 0.4em;}

#header {
/*border-top:40px solid #fff;/* soak up negative margin*/
float: left;
width: 100%;
border-bottom: 1px solid #999999;
/*margin-bottom: 2em;*/
height:10%;}

#header ul {
margin: 0;
padding: 2em 0 0 0;
list-style: none;}

#header li {
float: left;
background-image: url("images/tab_left.gif");
background-repeat: no-repeat;
margin: 0 1px 0 0;
padding: 0 0 0 8px;}

#header a {
float: left;
display: block;
background-image: url("images/tab_right.gif");
background-repeat: no-repeat;
background-position: right top;
padding: 0.2em 10px 0.2em 0;
text-decoration: none;
font-weight: bold;
color:#000000;}

#dreygrade #header li.dreygrade,
#thedanielgrade #header li.thedanielgrade,
#gag #header li.gag,
#home #header li.home,
#releases #header li.releases,
#archivelists #header li.archivelists,
#fieldset #header li.fieldset{
background-image: url("images/tab_active_left.gif");
color:#333333;}

#dreygrade #header li.dreygrade a,
#thedanielgrade #header li.thedanielgrade a,
#gag #header li.gag a,
#home #header li.home a,
#releases #header li.releases a,
#archivelists #header li.archivelists a,
#fieldset #header li.fieldset{
background-image: url("images/tab_active_right.gif");
background-color: transparent;
color:#FFFFFF;}

.underlined_text{
text-decoration:underline;
}

.track_listing_text{
font-family:"Courier New", Courier, monospace;
font-size:0.9em;}
/*End of GENERAL body, headings and navigation*/




/* HOME PAGE */
.imghome {
width:200px;
height:200px;}

/*GENERAL other pages*/
/* centering images */
.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }



#content_fete {
background:#FFFFFF;
clear:both;
height:100%;
padding:1%;}

#content_fete ol{
padding:1%;}

#content_fete li{
font-size:0.9em;}

.detail {
font-size:0.8em;}

/* Potted History */
#potted_history {
background-color:#FFFFFF;
padding:1%;
clear:both;}

#potted_history p {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333333;
	padding-left:10%;
	padding-right:10%;}
	
.potted_history_heading p {	
font:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#333333;}
/*END of GENERAL other pages*/

/* DREY GRADE PAGE */
/* Redoubt */
#redoubt {
clear:both;}

img.redoubt {
padding:10px;
height:120px;
width:120px;}

.imgdreygrade {
text-align:center;}

/* Canterbury */
#canterbury p{
font-size:0.9em;
padding:0,0,0,1%;}

#canterbury img {
padding:1%;
float:left;}

/* DANIEL GRADE page*/

/* the daniel grade cd */
#thedanielgrade_cd p{
font-size:0.9em;
padding:1%;}

#thedanielgrade_cd img {
padding:1%;
float:left;}

/* Pest EP */
#pest_ep {clear:both;
height:100%;}

#pest_ep p {
font-size:0.9em;
padding:1%;}

p.collage {
text-align:center;}

/* GAG page */
#frolics_left {
float:left;
width:50%;}

#frolics_right {
float:right;
width:50%;}

.frolics_img {
margin:5% 0 0 0;}

/*ARCHIVE LIST page*/
#archive{
height:100%;}

table {
width:100%;
color:#666666;
background:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;}
  
td {
padding:2px 4px;}
  
tr.even {
background:transparent url(images/tr_bg.png) repeat top left;}
/*End of Archive List page*/

/* Footer */
#footer{
background:#E2E2E2;
width:100%;
overflow:hidden;
padding:2% 0 8% 0;}

#footer .fetelogo {
float: left;
margin-left: 1.2em;
margin-top: 0.6em;}

p.footertext {font-style:italic;
font-family:"Courier New", Courier, monospace;
font-size:1.2em;
margin-right:8%;
margin-top:0.6em;
float:right;}

p.copyright {
font-size:0.7em;
margin-right:1%;
margin-left:50%;}

.image_footer{
	float:left;
	margin-top:250px;
	padding:12px;
	width:200px;
}
.text_footer{
	float:left;
}