/*link color orange #d 1 9 2 5 6   green #698d8f */

body
{
font-family: verdana, arial, helvetica, sans-serif ;
font-weight:normal;
color:#666666;
margin:0px;
padding:0px 0px 0px 0px;
text-align:center;
/*background-image:url(pic-tamingsite/background.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position: center top;*/
/*background:#374548*/
background:#ecf5ff

}

div.container
{border:0px solid silver;width:980px;margin-left:auto;margin-right:auto;margin-top:3px;margin-bottom:5px}


div.topfixed
{position:fixed; 
left:0px;
bottom:0px;
width:100%;z-index:99;
padding-top:0px}

div.topcontainer
{border-top:1px solid silver;border-bottom:1px solid silver;;background:#176e97;margin-left:auto;margin-right:auto;height:24px;width:980px;padding-top:3px}


div.addthis
{position:fixed; 
right:0px;
bottom:0px;
width:170px;z-index:99;
padding:0px 5px 5px 5px;
background:white;
border:1px solid silver}

div.addcontainer
{margin-top:5px;text-align:left;padding:0px}


div.topfloats

{float:left;margin-left:20px;}


em
{font-weight:bold;
color:#4444444}

strong
{color:black}

/* this is for the x-menu navbar*/

div#menu ul li span.submenuheader

{line-height:20px;
padding-left:15px;
color:red;
font-size:12px;
font-weight:bold}

div.like
{position:relative;
top:-190px;
left:430px;
background:#86abbb;
width:360px;
}

iframe.framelike

{border:none;
overflow:hidden;
width:350px;
height:30px;
position:absolute}




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

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




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

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

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


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

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


img.homelink

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

div.logo-space
{width:680px;
height:90px;
background:none;
float:left;
text-align:left}

div.logo-pt
{width:110px;
height:110px;
float:right;
}

div.logo-store
{width:110px;
height:110px;
float:right;
}

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

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

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

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

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

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




a.petelogo:link,a.petelogo:visited
{display:block;
border: 0px solid white;
text-align:center;
font-size:12px;
background-image: url(x-header/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/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/site-taming-light.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/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/site-cafe.png);
text-decoration:none;
width:144px;
height:110px;
padding:0px;
margin:0px;

background-repeat:no-repeat;
}

a.cafelogo:hover,a.cafelogo:active
{background-image: url(x-header/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/site-media.png);
text-decoration:none;
width:118px;
height:110px;
padding:0px;
margin:0px;

background-repeat:no-repeat;
}

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


div.banner 
{border:0px solid gray;
margin:0px 0px 10px 176px;
background-image: url(pic-tamingsite/banner-bg.png);
width:778px;
height:90px;
z-index:0
}

img.bannerpic
{float:right;
width:50px;}


div.advert{float:left}


div.menupad
{padding-top:8px;
text-align:left}

/*MAIN HORIZONTAL NAVIGATION LINKS AT TOP */




/*END END END END END END END END END END */
div.page
{background:#ffffff;
width:980px;
border: 0px solid green;
margin-left:auto;
margin-right:auto;
background-repeat:repeat-y;
text-align:left
}

div.pagepad
{text-align:left;
padding:0px 12px 5px 12px;
border:0px solid red;
background-repeat:repeat-y;
padding-top:0px

}



td
{padding:4px;
vertical-align:top}

td.nopad
{padding:0px;
vertical-align:top}


/*old bg background:#8ec3aa;*/

ol{margin-left:10px}

ul 
{margin-left:10px;
list-style-type:circle;
list-style-image: url(pic-tamingsite/bullet.png);}

li 
{font-size:12px;}



div.lightbox
{color:black;
border: 1px solid silver;
background-image:url(pic-tamingsite/lightbox-bg.jpg);
background-repeat:repeat-x;
padding:15px;
margin-bottom:10px;
text-align:left;
}

td.indexcolumn
{padding:10px;background-image:url(pic-tamingsite/lightbox-bg.jpg);
background-repeat:repeat-x;border:1px solid silver}



/*FLOAT RIGHT BOXES*/
div.floatyright
{
float:right;
width:200px;
}


/*goes inside floatyright which must be 27 px wider than any images = 15 margin 5 + 5 padding + 2px border */ 

div.rightbox

{
border: 1px solid silver;
background:white;
background-image: url(pic-tamingsite/lightbox-bg.jpg);
background-repeat:repeat-x;
padding:5px;
margin-bottom:10px;
text-align:left;
margin-left:15px
}



/*for just an image with border and treat underneath goes inside floatyright which must be 17 px wider than any images*/ 

div.rightimagebox
{
border: 1px solid #779fa2;
text-align:left;
margin-left:15px
}

/*this is for text inside a floatyright*/
div.floatyright p, h4
{margin-left:10px}

div.rightbox p, h4
{margin-left:0px}



table.color
{
border:1px solid silver;
border-spacing:1px;
background:gray;
margin-bottom:5px
}

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

td.chart
{text-align:left;
vertical-align:top;
font-weight:normal;
font-size:12px;
color:#000033;
padding:0px 4px 0px 4px;
}





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

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

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



table.header
{width:100%;
padding:0px;
border-spacing:0px;
border-collapse:collapse;
border:0px solid blue;
background-repeat:no-repeat;
margin-bottom:10px
}

table.menucentre

{margin-left:auto;margin-right:auto}

table.mouthpiece

{font-size:12px;
font-family:arial;
padding:0px;
border-spacing:0px;
border-collapse:collapse;
text-align:left;
width:100%}

table.mouthpiece td

{border:1px solid gray;padding:1px} 

td.make
{background:black;
color:white}

td.facing
{font-weight:bold;
color:red}


div.pagebottom
{background-image: url(pic-tamingsite/taming-pagebottom.png);
border: 0px solid black;
margin-left:auto;
margin-right:auto;
height:25px;
width:980px;
text-align:left;
background-repeat:no-repeat;
padding:0px;
text-indent:10px;
}





/*positions left of text relative to left menu*/
div.margin
{margin:0px 175px 0px 175px}

/*list left and right*/

div.bookleft p
{
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}

ul.booklist

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



/* colourbxox*/


div.colourbox
{
display:block;
background:#fffaee;
border: 1px solid gray;
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}


td.button
{vertical-align:middle;
font-size:12px;
color:gray;
font-weight:bold}



img
{border:0}

img.floatright
{float:right;margin-left:10px;}

img.floatleft
{float:left;margin-right:10px;}



p
{text-align:left;
font-size:12px}

p.top
{margin-top:0px}

p.last
{margin-bottom:0px}

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

p.small
{margin-bottom:8px;
margin-top:2px;
font-size:11px;
color:#000000}


/*horizontal rule - this is important to display bleedin ie properly*/
div.hr
{ height:13px;
background-image:url(pic-tamingsite/hr.png);
padding: 0px;
background-repeat:repeat-x }



div.hr hr { display: none; }

div.header{text-align:left}

h1
{font-size:26px;
margin:0px;
padding:20px 0px 25px 0px;
color:#666666}



h2{font-size:20px;
color:#444444;
margin-top:0px}

h2.store

{font-size:18px;
color:red;
margin-top:15px}

h3

{font-size:16px;
color:#444444;
}



h4{font-size:14px;
margin-top:0px;
margin-bottom:5px;
color:#444444;
}


h5
{font-size:11px;
margin-top:0px;
margin-bottom:3px;
color:#444444;}

h6
{font-size:10px;
margin-top:0px;
margin-bottom:3px;
color:#444444;}



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


div.clear
{clear:both;
}


a.submenularger:link,a.submenularger:visited
{font-size:14px;
line-height:30px}

a.submenularger:focus,a.submenularger:hover,a.submenularger:active
{font-size:14px;
line-height:30px}


/*TEXT LINKS*/
a.text:link,a.text:visited
{font-family:verdana, arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#779fa2;
text-decoration:underline;
}

a.text:focus,a.text:hover,a.text:active
{color:#444444;
}


h3 a:link,a:visited
{font-family:verdana, arial, sans-serif;
font-size:16px;
font-weight:bold;
color:#779fa2;
text-decoration:underline;
}

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

/* SIDE MENUS*/



div.submenuleft
{float:left;
width:160px;
background:none;
}

div.submenuleft h3

{margin:0px 0px 10px 0px;
color:#545776}

div.mainsitesubmenu
{text-align:left;
padding-bottom:10px
}



div.submenumid h3

{font-size:15px;
margin-top:12px;
color:#545776}



div.mainsitesubmenu h4
{margin-top:0px;
margin-bottom:2px;
font-size:12px;
color:#545776;}



/*UL of each sub menu*/

div.mainsitesubmenu ul 
{margin: 0;
padding: 0;
margin-bottom:6px;
list-style-type: none;
list-style-image:none;}


div.mainsitesubmenu ul li{
border-bottom: 0px solid #cccccc;
}

/*links in mainsitesubmenu*/
div.mainsitesubmenu ul li a

{display: block;
/*color:#779fa2;*/
color:#779fa2;
font: bold 12px Arial;
text-decoration: none;
line-height:18px;
}

div.mainsitesubmenu ul li a:hover
{color:#444444;}



/*EXERCISE SUBMENU
XXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXX*/

/*for exercises subheaders*/

div.mainsitesubmenu ul li.subheader
{
border-bottom: 1px solid #ffffff;
padding-bottom:0px;
margin-bottom:0px;
}



div.mainsitesubmenu ul li.subsub

{
border-bottom: 1px solid #cccccc;
margin-bottom:1px;
padding-bottom:0px
}


/*sublinks in mainsitesubmenu*/
div.mainsitesubmenu ul li.subsub a{
display: inline;
color:#779fa2;
font-size:11px
}

div.mainsitesubmenu ul li.subsub a:hover
{color:#444444;
}


div.mainsitesubmenu ul li.subheader a{
display: inline;
color:#779fa2;
font-size:11px
}

div.mainsitesubmenu ul li.subheader a:hover
{color:#444444;
}




div.submenuright
{float:right;
width:160px;
background:none;

}


div.submenutop
{
width:160px;
height:6px;
background-image:url(pic-tamingsite/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:4px;
padding-top:0px;
padding-bottom:0px;
font-size:12px;
}
div.submenumid p
{color:#666666;}

div.submenumid ul
{margin-bottom:0px}



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

/* orange internal links in submenu*/

a.sub:link,a.sub:visited
{font-family:verdana, arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#e17b02;
text-decoration:underline;
}

a.sub:focus,a.sub:hover,a.sub:active
{color:blue;
}

div.imagemenu {margin-top:7px;padding-bottom:7px;clear:both;border-bottom:1px solid gray}

div.imagemenuheight
{height:60px;padding-left:6px}


div.imagemenuheight img
{height:60px;float:right;margin-left:2px}

/* HORIZONTAL SUBSUB MENU*/

div.h-subsubmenu
{
margin-top:30px;
margin-bottom:20px;
font-size:11px
}


a.h-subsub:link,a.h-subsub:visited
{
font-weight:bold;
color:#779fa2;
background-image:url(pic-tamingsite/lightbox-bg.jpg);
border:1px solid gray;
padding:3px;
text-decoration:none;

margin-right:20px}

a.h-subsub:hover,a.h-subsub:active
{color:black}


/* SLIDY*/




/* single tab */

#subsubtabs li {float:left; list-style-type:none;}

/* a- tag inside single tab */
#subsubtabs li a   { color: #808080; font-weight: bold; text-decoration: none; display: block; margin-right: 20px; padding-right: 15px; height: 31px }
#subsubtabs li a.empty-link  { margin: 0; padding: 0 }

/* mouseover state */
#subsubtabs a:hover {color:#333333;}

/* currently selected tabs */
#subsubtabs a.current {cursor:default; color:#779fa2;}

/* panes */
#musicexamples      { width: 570px; height: 360px; }

/* single pane */
#musicexamples div.pete    { cursor: pointer; display: block; width: 560px; float: left }



/* override the root element to enable scrolling */
#musicexamples   { position: relative; overflow: hidden;background:none; }

/* our additional wrapper element for the stuff */
#musicexamples .stuff  { position: absolute; width: 20000em; clear: both }


/* NOT USED*/


/* stiles within panes not used */
/* #musicexamples div ul {color: #e0007d}
#musicexamples div li  { list-style-position: inside; margin-bottom: 9px }*/