/* GLOBAL STYLES */

* { margin: 0; padding 0; }
p, h1, h2, h3, dd, hr { margin-bottom: 1.5em; }
a { text-decoration: none; font-weight: normal; color: #C60; }
a:hover { color: #900; }
h1 {font-family: Arial; font-size: 14px; letter-spacing: -1px; text-transform: uppercase; text-align: left; color: #333; background: transparent url(../Images/Site/tyricons.gif) -8px -342px no-repeat; padding-left: 19px;}
h2 {font-size: 13px; letter-spacing: -1px; font-style: none; color: #444;}
dt em {font-weight: normal; font-style: normal; text-transform: none; }
h1 em {color: #900; font-style: normal; text-transform: none;}
h2 em {color: #900; font-style: normal; text-transform: none;}
p em { color: #999; font-weight: bold; font-style: normal; text-transform: none; } 
p.centre { text-align: center; }

hr { border: none; border-bottom: 1px dashed #999; }

/* LINKS */

a.music { background: transparent url(../Images/Site/tyricons.gif) -5px -9px no-repeat; padding-left: 21px; }
a.article { background: transparent url(../Images/Site/tyricons.gif) -4px -72px no-repeat; padding-left: 20px; }
a.link { background: transparent url(../Images/Site/tyricons.gif) -11px -135px no-repeat; padding-left: 18px; }

a.music:hover { background: transparent url(../Images/Site/tyricons.gif) -5px -201px no-repeat; padding-left: 21px; }
a.article:hover { background: transparent url(../Images/Site/tyricons.gif) -4px -264px no-repeat; padding-left: 20px; }
a.link:hover { background: transparent url(../Images/Site/tyricons.gif) -11px -343px no-repeat; padding-left: 18px; }

/* FONTS */

dl dt
{
 font-weight: bold;
}

/* BODY */

body
{ 
  margin: 0;
  padding: 0;
  color: #666; 
  background-color: #E2E2AF;
  font: normal 11px/1.6em "Lucida Grande", "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif; 
  text-align: center;
}

/* CONTAINER & WRAPPER */

#container
{
 width: 750px;
 height: 100%;
 background: #FFF url(../Images/Site/containerbk.gif) top left repeat-y;
 margin: 0 auto;
 padding: 0;
}

#wrapper
{
 width: 700px;
 height: 100%;
 background: #FFF url(../Images/Site/wrapperbk.gif) top left repeat-y;
 margin: 0 auto;
 padding: 0;
 position: relative;
 text-align: left;
}

#wrapper #logo
{
 position: absolute; top: 193px; left: 467px;
}

/* TITLE PIC */

div.titlepic
{
 background: #E2E2AF url(../Images/Headers/Rotator/rotator.php) top left no-repeat;
 margin-bottom: 5px;
 position: relative; left: 35px; height: 240px; width: 400px;
 border: 1px solid #330;
 border-top: none;
}

div.titlepic div
{
 position: absolute; bottom: 13px; right: 0px; height: 38px; width: 100%;
 background-color: transparent;
 background-image: url(../Images/Site/tyrheadings.gif);
 background-repeat: no-repeat;
}

div.titlepic div.home		{ background-position: -50px -21px; }
div.titlepic div.music		{ background-position: -50px -85px; }
div.titlepic div.articles	{ background-position: -50px -149px; }
div.titlepic div.about		{ background-position: -50px -213px; }
div.titlepic div.links		{ background-position: -50px -277px; }

/* NAVIGATION */

#navigation
{ 
 margin: 0;
 padding: 0;
 list-style: none;
 position: absolute; left: 465px; top: 25px; width: 210px;
}

#navigation li
{ 
 height: 28px;
 line-height: 28px;
 margin: 0; 
 
 /* Fix IE5.x "whitespace in lists" problem */
 float: left;
 width: 100%; 
}

#navigation>li
{
 float: none;
 width: auto;
}

#navigation a
{
 display: block;
 text-decoration: none;
 background-image: url(../Images/Site/tyrmenu.gif);

 /* make links honour display: block; properly in IE */
 height: 1%;
}

#navigation a:hover
{
 border: none;
}

#navigation li>a
{
 height: auto;
}

#navigation a.home { background-position: -5px 4px; }
#navigation a.music { background-position: -5px -28px; }
#navigation a.articles { background-position: -5px -60px; }
#navigation a.about { background-position: -5px -92px; }
#navigation a.links { background-position: -5px -124px; }
#navigation a.home:hover { background-position: -5px -156px; }
#navigation a.music:hover { background-position: -5px -188px; }
#navigation a.articles:hover { background-position: -5px -220px; }
#navigation a.about:hover { background-position: -5px -252px; }
#navigation a.links:hover { background-position: -5px -284px; }

/* MAILING LIST, CONTACT US, DOWNLOAD REALPLAYER */

#mailinglist
{
 background: transparent url(../Images/Site/tyrdescription.gif) -3px -222px no-repeat;
 padding: 30px 0 130px 0;
 margin: 0;
}

#mailinglist input
{
 color: #999;
 font-size: 11px;
 background: #FFF url(../Images/Site/emailbk.gif) 1px 1px no-repeat;
 border: 1px solid #CCC;  
}

#mailinglist #email
{
 width: 90%;
 padding: 1px 0 2px 5px;
 margin: 0 0 5px 0;
}

#contactus
{
 position: absolute; top: 92px; left: 0; width: 175px; height: 45px;
 background: transparent url(../Images/Site/tyrdescription.gif) -3px -120px no-repeat;
}

#contactus:hover
{
 background-position: -3px -168px;
 border: none;
}

#realplayer
{
 position: absolute; top: 135px; left: 0; width: 150px; height: 45px;
 background: transparent url(../Images/Site/tyrdescription.gif) -3px 0px no-repeat;
}

#realplayer:hover
{
 background-position: -3px -48px;
 border: none;
}

/* CONTENT */

.content
{
 padding: 30px 270px 100px 40px;
 position: relative;
}

.content .sidebar
{ 
 color: #999;
 position: absolute; right: 30px; top: 60px; width: 200px;
 font-size: 10px;
 line-height: 15px;
}

.content .sidebar h1
{
 font-family: Arial; font-size: 10px; letter-spacing: -1px; background: none; text-transform: uppercase; padding: 0; margin: 0 0 .4em 0;
}

.content .Column1
{
 text-align: justify;
 position: relative; width: 285px;
}

.content .Column2
{
 text-align: justify;
 position: absolute; right: 40px; top: 29px; width: 285px;
}

.footer
{
 height: 100px; width: 750px;
 background: #E2E2AF url(../Images/Site/footerbk.gif) bottom right no-repeat;
}