/*Author Tony Machon 10/04/2010 Different Drum V2*/
/*Removed IE quirks mode and overflow hidden script from the html pages as they now fail in this mode of operation*/

/* CSS V4  */
/* This little trick stops the pages jumping in Firefox when the scroll bar appears */
html {
  overflow-y:scroll;
}




/*This body and Div Set the global font color and the general backgound colour,*/ 

body {
display: block;
background-color: #bf6200;
margin-left: auto;
margin-right: auto;
}

/*The auto margin statements place the content div in the page center. Overflow hidden stops scroll bars appearing on divs*/
/*background crumpleback frame for the content*/

div.content
{
font-family:'Comic Sans MS';
font-style:normal;
font-weight:normal;
font-size:100%;
color:#993300;
padding: 10px;
background-image: url(crumpleback2.jpg);
background-repeat: repeat;
width:860px;
border:1px solid brown;
margin:0px;
height: 100%;
overflow:hidden;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom; 0px;
}


/* places the images and text on the righthand side of the content div place within the content div */
.placement {
float: right;
margin-right: 15px;
width:660px;
}





p {
font-size:1.0em;
text-indent:20px;
}


h1 {
	font: 1.7em Comic Sans MS, "Times New Roman", Times, serif;
	border-bottom: 1px solid #993300;
	border-top: 1px solid #993300;
	text-align: center;
}

h2 {
	font: 1.2em Comic Sans MS, "Times New Roman", Times, serif;
	margin-bottom: -10px;	
	color:#ffffff;
	background-color: #bf6200;
	}

/*Used for feedback page devider text and contact details*/
h3 {
	font: 1.2em Comic Sans MS, "Times New Roman", Times, serif;
	margin-left: 21px;
	margin-top: 0px;
	margin-bottom: -10px;	
}




/* places the navbar on the left side of the content div place within the content div */

#nav {
	float: left;
	margin-top: 80px;
	width: 170px;
}


/*These img styles set the top and bottom bars and place the heading logos and page titles*/

img.headlogo
{
display: block;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
width:400px;
height:110;
}

/* The following controls the appearance of the top and bottom bars. Place the png outside the div.content */
/* The width is 800 + 20 to compensate for the 10px padding in the content.div  */

img.topbar
{
display: block;
width: 880px;
margin-left: auto;
margin-right: auto;
float:top;
position:relative;
top: 6px;
z-index:-1;
}

.footbar
{
float:bottom;
display: block;
width: 880px;
margin-left: auto;
margin-right: auto;
float:bottom;
position:relative;
bottom: 6px;
}
img.footbar
{
z-index:-1;
}
p.footbar
{
font-family:'Comic Sans MS';
position:relative;
margin-top: -1.5em;
text-align: center;
font-size:85%;
color: #993300;
}

/* The following drives the navigation bar see above for placement */


#nav ul {
	list-style: none;
	}

#nav li {
font-size: 0.8em;
margin-bottom: 2px;
}


#nav li a:link, #nav li a:visited {
	display:block;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	color:#993300;
	background-color: transparent;
	background-repeat: repeat-y;
	background-image: url(buttonsback.jpg);
	border-bottom: 2px solid #993300;
	border-top: 1px solid #993300;
	border-left: 1px solid #993300;
	border-right: 1px solid #993300;
}
#nav li a:hover {
	color: #993300;
	background-color: transparent;
	background-image: url(buttonsback2.jpg);
	background-repeat: repeat-y;
	border-bottom: 1px solid #993300;
	border-right: 3px solid #993300;
	border-left: 2px solid #993300;
	border-top: 2px solid #993300;
}
#nav li a:active {
	color: #fefefe;	
}
#nav h2 {
	font: 1em Comic Sans MS, "Times New Roman", Times, serif;
	color: #993300;
	background-color: transparent;
	border-bottom: 1px dotted #993300;
	margin-bottom: -12px;
	margin-top: -8px;
}
#selected {
	  font-weight:bold;
	width: 130px;
}

#spacing {
display: block;
width: 30px;
padding: 30px;
border: 30px;
}

#adds {
margin-left: -10px;
}

/* The following controls the appearance of lists */



ul.drum {
list-style-image:url(DDs.png);font:'Comic Sans MS';font-style:normal;font-weight:normal; font-size:105%;
margin-top: 28px;
background-image: url(backdrums.jpg);
background-repeat: y-repeat;
color: #000000;
width: 550px;
}


ul.cross {
list-style-image:url(crossbullet.gif);font:'Comic Sans MS';font-style:normal;font-weight:normal; font-size:105%;
margin-top: 28px;
}

/* The following controls the appearance of the scrollbars */
html {
    scrollbar-3dlight-color: #B0C4DE;
    scrollbar-arrow-color: #34547E;
    scrollbar-base-color: #993300;
    scrollbar-darkshadow-color: #436DA3;
    scrollbar-face-color: #993300;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #34547E;
}


/* The following controls all the image handling */
img.style1
{
width: 210px;
height: 155px;
margin: 2px;
}

div.quotebox {
border: 1px solid #33527B;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
background-color:#ffc180;
padding: 3px;
}

div.eventbox {
background-image: url(images/eventbox.png);
background-repeat: no-repeat;
height: 128px;
margin-top: -10px;
}

p.eventbox {
padding-top: 20px;
Padding-left: 40px;
padding-right: 50px;
}

img.mid {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

img.edu {
width:320px;
height:240px;
margin-left: -10px;
}

div#plband1 {
height: 340px;
width:150px;
float: right;
background-color:#ffc180;
}

div#plband2 {
margin-top: 40px;
height: 340px;
width:650px;
background-image: url(images/DSCF8873.jpg);
background-color:#ffc180;
background-repeat: no-repeat;
}



img.band1 {
width:140px;
height:160px;
margin:5px;
}


div.folder {
color:#ffffff;
background-repeat: no-repeat;
background-image: url(folder.png);
margin: 1px;
}



.pmid {
    margin-left: auto;
    margin-right: auto;
    width: 16em
		}