/*link color #127cb8*/

body
{background:#d1d1d1;
font-family: verdana, arial, helvetica, sans-serif ;
font-weight:normal;
color:#666666;
margin:0px;
padding:0px 0px 0px 0px;
text-align:center;
}


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

div.container
{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:white;
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}

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/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:160px;
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:102px;
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:1px solid gray;
margin:0px 0px 10px 176px;
background:white

/*redundant*/
}

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.content
{text-align:left;
padding:0px 12px 5px 12px;
border:0px solid red;
background:white;
background-image: url(pic-tamingsite/taming-page.png);

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.gif);}

li{font-size:12px;}



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


div.floatyright
{
float:right;
width:200px;
}



/*goes inside floatyright which must be 27 px wider than any images*/ 

div.rightbox

{color:black;
border: 1px solid #BC5D00;
background:white;
background-image: url(pic-tamingsite/gold.jpg);
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 #BC5D00;

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: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
}






div.pagebottom
{background-image: url(pic-tamingsite/taming-pagebottom.png);
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;
}



/*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-image: url(pic-tamingsite/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}






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 { margin: 5px 0px; border: none; border-top: 1px solid gray; }

div.header{text-align:left}



div.hr hr { display: none; }

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



h2{font-size:18px;
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
{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:#127cb8;
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:#127cb8;
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:#b06300}

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


div.mainsitesubmenu h3
{margin:0px 0px 10px 0px;
color:#b06300}


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



/*UL of each sub menu*/

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


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

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

{display: block;
color:#666666;
font: bold 11px Arial;
text-decoration: none;
line-height:18px;
}

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


/*for exercises subheaders*/

div.mainsitesubmenu ul li.subheader
{
border-bottom: 1px dotted #f5f5f5;
padding-bottom:0px;
}

/*for subsub*/
div.mainsitesubmenu ul li.subsub

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





/*sublinks in mainsitesubmenu*/
div.mainsitesubmenu ul li.subsub a{
display: inline;
color:teal;

}

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





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

}


/*margin to the left of a right box was 20*/
div.rightboxmargin
{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.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;
}



