/*link color #127cb8*/

body
{
font-family: verdana, arial, helvetica, sans-serif;
font-size:75%;
font-weight:normal;
color:#000033;
padding-top:0px;
text-align:centre;
background-color:#999999;
background-image: url('picbg/bgforum.png');
background-position: center;
background-repeat:repeat-y;
width: 980px;
margin-left: auto;
margin-right: auto;
margin-top:0px
}


body.soundstudents
{padding:10px 0px 0px 20px;
text-align:left;
background-image:none;
width: auto;
background:white}



/*NEW NEW NEW NEW NEW NEW NEW NEW*/

div.pagetop
{background-color:black;
background-image:url(x-header/header-media.jpg);
border: 0px solid black;
margin-left:auto;
margin-right:auto;
width:980px;
background-repeat:no-repeat;
height:235px
}

div.pagetopblue
{background-color:black;
background-image:url(x-header/header-media-blue.jpg);
border: 0px solid black;
margin-left:auto;
margin-right:auto;
width:980px;
background-repeat:no-repeat;
height:235px
}



#toprightlink
{text-align:right;
width:980px;
height:35px;
float:left;
color:white;
background:none}

#toprightlink a:link,#toprightlink  a:visited
{
font-weight:bold;
color:white;
font-size:12px;
text-decoration:none;
}

#toprightlink  a:hover,#toprightlink  a:active
{color:red}

div.paddingtop
{padding:8px;font-size:12px}

div.biglogo
{float:left;
width:250px;
height:150px;
background:none;
text-align:center;
vertical-align:middle;
clear:both}
img.homelink

{width:150px;height:150px;border:0px solid blue}

div.logo-space
{width:730px;
height:90px;
background:none;
float:left}
div.logo-pt
{width:110px;
height:110px;
float:right}

div.logo-taming
{width:144px;
height:110px;
background:none;
float:right}

div.logo-media
{width:102px;
height:110px;
background:none;
float:right}

div.logo-cafe
{width:160px;
height:110px;
background:none;
float:right}

div.description
{width:460px;
height:50px;
background:none;
float:left}



a.petelogo:link,a.petelogo:visited
{display:block;
border: 0px solid white;
text-align:center;
font-size:12px;
background-image: url(x-header/mm-site-pt.png);
text-decoration:none;
width:110px;
height:110px;
padding:0px;
margin:0px;
background-repeat:no-repeat;
}

a.petelogo:hover,a.petelogo:active
{background-image: url(x-header/mm-site-pt-light.png)}


a.taminglogo:link,a.taminglogo:visited
{display:block;border: 0px solid white;
text-align:center;
font-size:12px;
background-image: url(x-header/mm-site-taming.png);
text-decoration:none;
width:144px;
height:110px;
padding:0px;
margin:0px;
background-repeat:no-repeat;
}

a.taminglogo:hover,a.taminglogo:active
{background-image: url(x-header/mm-site-taming-light.png);}

a.cafelogo:link,a.cafelogo:visited
{display:block;border: 0px solid white;
text-align:center;
font-size:12px;
background-image: url(x-header/mm-site-cafe.png);
text-decoration:none;
width:160px;
height:110px;
padding:0px;
margin:0px;
background-repeat:no-repeat;
}

a.cafelogo:hover,a.cafelogo:active
{background-image: url(x-header/mm-site-cafe-light.png);}


a.medialogo:link,a.medialogo:visited
{display:block;border: 0px solid white;
text-align:center;
font-size:12px;
background-image: url(x-header/mm-site-media-light.png);
text-decoration:none;
width:102px;
height:110px;
padding:0px;
margin:0px;

background-repeat:no-repeat;
}

a.medialogo:hover,a.medialogo:active
{background-image: url(x-header/mm-site-media-light.png)}


div.advert
{width:728px;border:1px solid gray;margin-bottom:10px}

div.searchsites
{width:300px;height:32px;
background:none;float:right;
text-align:right;
border-right:1px solid gray}


div.mainmenu
{display:block;
background-image: url(x-header/menu_m.png);
background-repeat:repeat;
height:32px;
vertical-align:bottom;
border-left:1px solid #666666;
border-right:1px solid #666666;
}
div.menupad
{padding-top:8px}

/*MAIN HORIZONTAL NAVIGATION LINKS AT TOP */

a.store:link,a.store:visited
{display:inline;
text-align:center;
font-size:12px;
color:black;
background-image: url(x-header/tab-store-hover.png);
text-decoration:none;
font-weight:bold;

border-right:1px solid gray;
background-repeat:repeat-x;
padding:8px 8px 8px 9px;
}


a.store:hover,a.store:active
{background-image: url(x-header/tab-store-hover.png);
color:red;}


a.mainlink:link,a.mainlink:visited
{display:inline;
text-align:center;
font-size:12px;
color:white;
background-image: url(x-header/tab.png);
text-decoration:none;
font-weight:bold;

border-right:1px solid gray;
background-repeat:repeat-x;
padding:8px 8px 8px 9px;
}


a.mainlink:hover,a.mainlink:active
{background-image: url(x-header/tab-hover.png);}


/*main links ACTIVE PAGE */


a.mainpage:link,a.mainpage:visited
{display:inline;
text-align:center;
font-size:12px;

color:white;
background-image: url(x-header/tab-hover.png);
text-decoration:none;
font-weight:bold;
border-left:1px solid aqua;
border-right:1px solid aqua;
background-repeat:repeat-x;
padding:8px 8px 8px 8px;
}


a.mainpage:hover,a.mainpage:active
{
background-image: url(x-header/tab-hover.png);
}




/*END END END END END END END END END END */






td.nopad
{padding:0px;
border:0px solid red}

td.topadbig
{padding:15px 12px 0px 30px;
}

td.topadsmall
{padding:15px 0px 0px 10px;
}







/*PAGE*/

div.page
{background-image: url(picbg/pagenew.jpg);
width:980px;
border: 0px solid green;
margin-left:auto;
margin-right:auto;
background-repeat:repeat-y;
text-align:left
}

div.pagebottom
{background-image: url(picbg/pagebotnew.jpg);
border: 0px solid black;
margin-left:auto;
margin-right:auto;
height:50px;
width:980px;
text-align:left;
background-repeat:no-repeat;
padding:0px;
text-indent:10px;
}

div.pagepad
{border: 0px solid red;
padding-top:10px;
padding-left:12px;
padding-right:12px;
padding-bottom:0px}




div.menucontainer
{float:left;
padding:0px;
margin:0px;
width:182px;
}

/* this leaves inside = 170 i.e. 182 - 10 pad - 2 border*/

div.navcontainer
{
padding: 5px;
border: 0px solid #9A9A9A;
border-bottom: 0px;

border:0px solid gray;
}

ul.moved 

{
list-style-type: none;
list-style-image:none;}


/*UL of each sub menu*/
div.navcontainer ul 

{margin: 0;
padding: 0px;
margin-bottom:3px;
list-style-type: none;
list-style-image:none;}


div.navcontainer ul li{
border-bottom: 1px solid #999999;
font-size:0.9em;
padding:3px 0px 8px 0px;
}

div.navcontainer h4
{margin-top:10px;
margin-bottom:5px}

div.navcontainer h4.top
{margin-top:0px;
margin-bottom:5px}




/*this gives a width of 600 = 980 - 14 (padding) - 194 left - 172 right */

div.content
{display:block;
margin-top:0px;
margin-left:194px;
margin-right:0px;
text-align:left;
border: 0px solid blue;

}


div.rightcolumn
{
float:right;
margin:0px;
width:175px;

}


div.rightcolumnpad
{padding:0px 0px 0px 15px}

/*160 wide x 10 margin at bottom*/
div.newsaxad
{padding:0px;
margin:0px 0px 5px 0px;
width:160px}

div.ppt
{border:1px solid green;
margin-bottom:0px}

div.ppttext
{font-size:0.9em;
padding:3px;
background:black;
color:yellow;}

/*this is a box on the right for text etc. any imagaes should be 150px to add to 160 as padding and border is total 10px */

div.boxborder

{border:1px solid #888888;
padding:4px;
margin-top:0px;
background-image: url(picbg/gold.jpg);}

/*list left and right*/

div.bookleft
{
background:none;
text-align:right;
}

div.bookrightpad

{background:none;border-left:1px solid #666666;
padding-left:5px;margin-left:5px}

div.bookright
{width:150px;
float:right}


body.avpages
{
background:#222222;
height:auto;
margin:0px;
background-repeat:repeat;
border: 0px none black;
padding:0px;
color:white
}

/*normal old topsub*/


div.topsub
{height:20px;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
padding:0px;
margin-bottom:10px;
width:580px}


div.topsub ul 
{background:transparent;
margin:0px;
text-align:center;
padding: 1px;
white-space: nowrap;
}

div.topsub li 
{
padding-right:2px;
padding-left:2px;
display: inline;
}


div.topsub a:link,div.topsub a:visited 
{color:#58abda;
text-decoration:none;
font-size:0.8em;
margin-left:2px;}


div.topsub a:hover,div.topsub a:active 
{color:#cc5d0b}

/*side submenu*/
div.sidesubmenu
{
border:1px solid #888888;
padding:4px;
background-image: url(picbg/gold.jpg);
margin-top:0px;
font-size:0.9em}


div.sidesubmenu ul 
{margin-left:-30px;
list-style:none}



/*new multi for saxex*/

div.submenutop
{
width:182px;
height:6px;
background-image:url(picbg/menutop.png);
background-repeat:no-repeat;
margin:0px;
padding:0px;

}

/* as no padding at top h5 needs 0 margin  ffef82*/
div.submenumid
{display:block;
background:#ffffff;
border:1px solid #999999;
border-top:0px solid #FFFFCC;
border-bottom:0px solid #FFFFCC;
padding:0px 4px 0px 4px;
font-size:12px;

}
div.submenumid p
{color:#666666;}


div.submenubot
{
width:182px;
height:12px;
background-image:url(picbg/menubot.png);
background-repeat:no-repeat;
}




div.topsubmulti
{height:22px;
border-top: 1px solid gray;
border-bottom: 0px solid gray;
padding:0px;margin-bottom:0px;
}


div.topsubmulti ul 
{background:transparent;
margin:0px;
text-align:left;
padding: 2px;
white-space: nowrap;
}

div.topsubmulti li 
{
padding-right:2px;
padding-left:2px;
display: inline;
}

div.topsubmulti a:link,div.topsubmulti a:visited 
{color:#E56F18;
text-decoration:none;
font-size:0.8em;
margin-left:2px;}


div.topsubmulti a:hover,div.topsubmulti a:active 
{color:teal}

div.endmulti
{height:2px;
border-top: 1px solid gray;
border-bottom: 0px solid gray;
padding:0px;margin-bottom:10px;}

/*laststopsub*/

img.bullet
{vertical-align:middle;border:none;height:10px}

/*book list*/

ul.booklist

{line-height:20px;
list-style:none}

div.pre
{
width:1px;
height:1px;
background-image: url(x-header/mm-site-cafe-light.png);
background-image: url(x-header/mm-site-pt-light.png);
background-image: url(x-header/mm-site-taming-light.png);
background-image:url(x-header/header-media-blue.jpg);
background-repeat:no-repeat;
padding:0px;
clear:both;
}





/*mmf ad background*/

div.mmfad-bg
{
width:150px;
height:225px;
background-image:url(picnav/mmfad-bg.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px;

}

div.mmfad-bgwide
{
width:580px;
height:95px;
background-image:url(picnav/mmfad-bg590.gif);
background-repeat:no-repeat;
margin:0px;
margin-bottom:10px;
padding:0px;
}

div.mmfad-content
{padding:4px;
font-size:0.9em;
}



div.rightfloat
{
float:right;
border: 0px none black;
margin-left:6px;
}


div.leftfloat
{
float:left;
border: 0px none black;
margin-right:8px;
margin-top:4px
}


/*for sitemap columns*/
td.sitemap
{width:25%;
border:0px solid gray;
padding:2px}


/*check this for text align*/
div.center
{border: 0px none black;
margin-left: auto;
margin-right: auto;
padding:0px;
text-align:center;
}


div.noflash{
text-align:left;
padding:15px;
border:1px solid black;
background:white}

div.object
{margin-top:10px;
margin-bottom:10px}


/*paragraph*/
p{color:#444444;}
p.small
{margin-top:3px;
margin-bottom:10px;
}

td p
{margin-top:0px;
margin-bottom:4px;
}

p.italic
{font-style:italic;
color:purple}

p.top
{margin-top:0px}

p.last
{margin-bottom:0px}

p.single
{margin-bottom:0px;margin-top:0px}


p.adright
{margin-top:0px;
margin-bottom:6px}




div.small
{font-size:0.9em;font-weight:normal
}

img.quote-end
{position:relative;top:4px;
}

/*checked to here*/

table
{margin-bottom:5px}


table.color
{
border:1px solid silver;
border-spacing:1px;
background:gray;

}





div.store table
{border-spacing:0px;border-collapse:collapse;
}

div.store td

{padding:0px;

}


/*NEW*/

/*border-spacing:0px;border-collapse:collapse;*/


tr.background
{background-image: url(picbg/gold.jpg);
}

td
{text-align:left;
vertical-align:top;
font-weight:normal;
color:#000033;
padding:4px;

}

/*highlighted bg*/
td.chordnote
{
background-color:red;
color:white;}



td.linklist
{text-align:left;

font-weight:bold;
text-align:right;
padding:0px}

td.linklist-r
{
padding:0px;padding-left:5px}

code
{font-family:courier;font-size:1em;color:green}


/*needs padding and border container*/
div.scroll {
height:1000px;
overflow: auto;
background-image: url(picbg/gold.jpg);
text-align:center;
padding:5px;
border: 1px solid black;
}


div.lightbox
{color:black;
border: 1px solid #BC5D00;
background:white;
background-image: url(picbg/blue-grad.jpg);
padding:15px;
margin-bottom:10px;
text-align:left;
}

h1{
font-size:2em;
text-align:left;
padding:10px;
padding-top:12px;

margin:0px;

}

h2
{
font-size: 1.6em;

margin-top:0px;
margin-bottom:10px;
}

h3
{
font-size: 1.3em;margin-top:7px;
margin-bottom:7px;

}


h4
{
font-size: 1.1em;margin-top:6px;
margin-bottom:6px;
}


/*menu headings*/
h5
{
font-size: 1em;
margin-top:0px;
padding-top:0px;
margin-bottom:6px;


}

h6
{
font-size: 0.9em;
margin-top:2px;
margin-bottom:2px;

}




div.colourbox
{
display:block;
background-image: url(picbg/gold.jpg);
border: 1px solid #000000;
padding:5px;
margin-bottom:10px;
text-align:left;}


div.colourbox p 

{color:#000000;
margin-top:3px}

div.colourbox h2 

{color:#000000;
}

div.colourbox h3 

{color:#000000;
}



div.colourbox ul 

{color:#000000;
margin-top:0px}

div.colourbox li 

{color:#000000;
}

div.colourbox h4 
{color:#000000;
}

div.colourbox a:link
{color:red}

div.colourbox a:visited
{color:red}

div.colourbox a:hover
{color:green}

div.colourbox a:active
{color:green}




/*
 announcement at bottom of page*/

div.specialbox
{
background:#333333;
border:1px solid yellow;
padding:5px;
margin-bottom:10px;color:white
}

div.specialbox p

{color:white}

div.specialbox a:link
{color:aqua}

div.specialbox a:visited
{color:aqua}

div.specialbox a:hover
{color:white}

div.specialbox a:active
{color:white}



div.navcontainer specialbox
{padding:100px}

div.blackbox
{
display:block;
background-color:black;
border: 1px solid red;
padding:5px 5px 0px 5px;
text-align:left;
color:#000000;

}

.blackbox p
{color:white}

.blackbox h5
{color:white}

.blackbox h3
{color:aqua}

div.blackbox a:link, div.blackbox a:visited
{color:#a5d9b1;}

div.blackbox a:hover, div.blackbox a:active

{color:red;}

/*special offer div in store*/
div.offer
{width:575px;

border:1px solid #cccccc;
padding:5px;
margin-bottom:10px;
}

/*for colourbox links see below  links*/

div.carousel
{text-align:center;
margin-top:10px;
padding-top:0px;
padding-left:15px;
padding-right:15px;

}



/*horizontal rule - this is important to display bleedin ie properly*/
div.hr { margin: 5px 0px; border: none; border-top: 1px solid gray; }
div.hr hr { display: none; }

img
{border:none}

img.noborder
{border:none;}


colourtop {vertical-align:text-top}

img.bottom {vertical-align:text-bottom}

img.middle
{vertical-align:text-bottom}

img.border
{border: 1px solid gray;
}

span.red
{font-weight:bold;
color: red;
}

/* normal links */

a:link,a:visited
{
font-weight:bold;
color:#127cb8;
text-decoration:none;
background: transparent;}

a:hover,a:active
{color:#444444;}

/* small links */

a.small:link,a.small:visited
{
font-size:0.8em;
font-weight:normal;
color:#cc5d0b;
text-decoration:underline;
background: transparent;}

a.small:hover,a.small:active
{color:teal;}





/*moved*/

a.moved:link,a.moved:visited

{background:transparent url(picnav/newbut.gif) repeat-x bottom left;
font: bold 1.1em Arial;
color:#000000;
display: block;
width: auto;
padding: 5px;
padding-top:15px;
text-decoration: none;
margin-top:2px;
text-align:right;
}

a.moved:hover,a.moved:active
{color:red;

}





.map {
background: white url(picnav/newbut.gif) repeat-x bottom left;
font: bold 1.2em Arial;
color:#000000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
padding: 5px;
text-decoration: none;

}

.map .linkinfo
{font-size:0.8em;

}


#bottom
{padding:5px 15px 0px 5px;border:0px solid gray;color:silver;text-align:right}

#bottom a:link, #bottom a:visited, #bottom a:hover, #bottom a:active
{font-size:1em;font-weight:normal;color:silver}





td.linkadnopad
{padding:10px 0px 25px 0px;
}


div.box
{border:1px solid gray;
padding:4px;background:#FFFFFF;
margin:10px 400px 10px 0px;
}

div.box p
{font-size:1em;
color:gray}

div.boxright
{border:1px solid gray;
padding:4px;
float:right;
width:140px;margin-left:5px}


