/*
IE6 fix
*/
/* -------------------------------------------------------------- 
Standardised Internet Explorer 6 stylesheet:
http://forabeautifulweb.com/blog/about/universal_internet_explorer_6_css/

Author: Andy Clarke
Web site: http://stuffandnonsense.co.uk
Web site: http://forabeautifulweb.com
Web site: http://transcending.com
Twitter: http://twitter.com/malarkey

Version date : 22nd May 2009
Version: 0.3 Alpha

License: Creative Commons CC Zero Declaration. No Rights Reserved.

Based on the work of:
Mark Boulton: http://markboulton.co.uk
Eric Meyer: http://meyerweb.com
Cameron Moll: http://www.cameronmoll.com/
Richard Rutter: http://clagnut.com
Khoi Vinh: http://subtraction.com

-------------------------------------------------------------- */



/* Body ---------------------------------------------------- */

body {
width : 60%;

/* http://www.cameronmoll.com/archives/000892.html */
width : expression(document.body.clientWidth < 640? "640px" : document.body.clientWidth > 120? "120em" : "auto");
margin : 0 auto;
padding : 2em 0;
}

/* Headings ---------------------------------------------------- */



/* Text elements -------------------------------------------------------------- */






strong { 
font-weight : bold; }

em, dfn { 
font-style : italic; }

dfn { 
font-weight : bold; }

sup, sub { 
line-height : 0; }

abbr, acronym { 
border-bottom : 1px dotted #666; }

address {
margin : 0 0 1.5em;
font-style : italic; }

del { 
color : #666; }

pre, code, tt {
margin : 1.5em 1.5em 1.5em -1.5em;
padding-left : 1.5em;
border-left : 1px dotted #666;
font : 1em 'andale mono', 'lucida console', monospace;
line-height : 1.5; }

pre { 
white-space : pre; }

code { 
display : block; }


/* Lists -------------------------------------------------------------- */

li ul, li ol { 
list-style-type : circle;
margin : 0 1.5em .75em 1.5em; }

ul, ol {
margin : 0 1.5em 1.5em 0; }

ul { 
list-style-type : disc; }

ol {
list-style-type : decimal; }

dl {
margin-bottom: 1.5em; 
padding-top: 1.5em; 
border-top : 1px solid #ccc; }

dl dt {
margin-bottom : .75em;
font-size : 1.2em;
line-height : 1.25; }

dd {
margin-bottom: 1.5em; 
padding-bottom: 1.5em; 
border-bottom : 1px solid #ccc; }

/* Tables -------------------------------------------------------------- */

table {
border-collapse : separate; 
border-spacing : 0;
margin-bottom : 1.4em;
width : 100%; }

table, td, th { 
vertical-align : top; }

th, thead th {
font-weight : bold; }

th, td, caption {
padding : 4px 10px 4px 5px; 
text-align : left; 
font-weight : normal; }

th, td {
border-bottom : 1px solid #ccc; }

tfoot { 
font-size : .9em; }

caption {
margin-bottom : 1em;
font-size : 1.5em;
line-height : 1 ; }

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

label { 
font-weight : bold; }

fieldset { 
margin : 0 0 1.5em 0; 
padding : 1.4em 1.4em 0 1.4em; 
border : 1px solid #ccc; }

legend {  
font-size : 1.2em; 
font-weight : bold; }

textarea { 
width : 390px; 
height : 250px; 
padding : 5px; }
/*
IE6 fix
*/



img.alignright {
	margin-left:20px;
	margin-right:0px;
}

img.alignleft {
	margin-left:0px;
	margin-right:20px;
}
.alignright {
	float: right;
}

.alignleft {
	float: left;
}/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
a {
    outline: none;
	color:#c33;
	font-weight:bold;
	
}
a:hover{
	color:#F63;
}

p {
      margin-bottom: 1em;
}
* {margin:0;padding:0;} 

li {
      margin-bottom: 1em;
	  margin-left:3em;
}
* {margin:0;padding:0;} 



/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;min-width:900px;}

#wrap {height: auto; min-height: 100%; margin:0 auto;width:900px; background:url(../images/bg.gif);}

/*padding-bottom, on the next line, refers to space between footer and main content*/
#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -69px; /* negative value of footer height */
	height: 69px;
	clear:both;
	margin-right:auto;margin-left:auto;width:900px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;}
	
#nav {position:relative;

width:900px;
margin-left: auto;

background-image:url(../images/bgtile.gif)
}
#subnav {position:relative;

width:719px;
margin-left: 181px;

background-image:url(../images/bgtile.gif)
}

#sidebar {position:absolute;
width:181px;
height:566px;
left:-181px;
top:0px;

}

#header {position:relative;
left:181px;
width:719px;
height:132px;

}

#content{
	position:relative;
	top:10px;
	left:190px;
	width:300px;
	min-height:375px;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:20px;
	margin-right:20px;
	
}

#content2{
	position:relative;
	top:10px;
	left:190px;
	width:650px;
	background-color:#ff6;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:20px;
	margin-right:20px;
	
}


#drumnav{position:absolute;
left:332px;
top:-10px;

width:358px;
height:368px;
}




/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.footertext{color:#FF9;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}