body 
{
    background-color:White;
    font-family:calibri, Verdana, Arial;
    margin:0; padding:0;
    background: url(../DevilsWebsiteImages/WebsiteBackground.jpg);
    background-repeat:no-repeat;
}
img{border:0;}

a           {color:Black; text-decoration:none;}
a:link      {color:Black; text-decoration:none;}
a:visited   {color:Black; text-decoration:none;}
a:hover     {color:#A60505; text-decoration:underline;}
a:active    {color:Black; text-decoration:none;}

#BuyTicketsContainer
{float:right;padding-right:3px;}

.CardiffDevilsLogo
{
    margin-left:0px;
    margin-top:2px;
    position:relative;
    top:0;
    width:240px;
    float:left;
    z-index:10;
}

.CardiffDevilsLogoText
{
    position:relative;
    top:22px;
    left:-36px;
    width:425px;
    float:left;
    z-index:11;
}

.clear
{
    clear:both;
}

.devilsinsiderleft{float:left; width:350px;}
.devilsinsiderright{float:right; width:350px;}

#DevilsInsiderContainer
{
    width:164px;
    height:120px;
    padding:8px 0 0 6px;
}
.DevilsaInsiderButton{float:right; padding-right:3px;}
.DevilsaInsiderText{float:left; padding-top:3px;}


#DevilsRightColumnAd {margin-left:27px; margin-top:10px; width:120px; height:610px; z-index:20;}

#DevilsTVMiniPlayerCodeContainer {margin:10px 0 0 7px;}
.DevilsTVMiniPlayer {margin-top:6px;}


#DevilsStoreContainer
{
    background-image:url(../DevilsWebsiteImages/DevilsStoreBackground.gif);
    background-repeat:no-repeat;
    height:297px;
    width:397px;
    padding-top:38px;
    float:left;
}

#DevilsOffersContainer
{
    background-image:url(../DevilsWebsiteImages/DevilsOffersBackground.gif);
    background-repeat:no-repeat;
    height:297px;
    width:397px;
    padding-top:38px;
    margin-left:20px;
    float:left;
}

#DevilsOffersContainer a, #DevilsOffersContainer a:active, #DevilsOffersContainer a:link, #DevilsOffersContainer a:visited{color:White; text-decoration:none;}
#DevilsOffersContainer a:hover {color:White; text-decoration:underline;}

#DevilsTVContainer
{
    background-image:url(../devilswebsiteimages/DTVBackground.gif);
    background-repeat:no-repeat;
    width:983px;
    height:710px;
    z-index:24;
}

#DevilsTVCodeContainer
{
    background-color:#DADADA;
    position:relative;
    top:95px;
    left:7px;
    width:791px;
    height:591px;
    float:left;
    z-index:25;
}

#DevilsTVLogo
{
    position:relative;
    left:30px;
}

#DevilsTVAdvert
{
    float:left;
    width:110px;
    padding-left:20px;
    padding-top:120px;
}

#EliteLeague
{
    position:relative;
    float:right;
    padding-top:2px;
    width:760px;
    z-index:12;
}

#Footer
{
    margin-top:15px;
    margin-bottom:20px;
    font-size:9pt;
}

#FooterIcons
{
    width:922px;
    height:132px;
    padding-top:15px;
    padding-left:80px;
}

#FooterSponsors
{
    width:1002px;
    height:305px;
    /*background-image:url(../DevilsWebsiteImages/FooterBackground.gif);
    background-repeat:no-repeat;*/
}

.FreshBakedSponsor
{
    float:right;
    padding-top:45px;
    padding-right:5px;
    width:175px;
}

#FrontPageInfoContainer
{float:right;}

#FrontpageLatestMedia{float:left; padding-top:2px;}

.GImageContainer
{width:125px; padding:10px; margin:5px; float:left; height:180px;}
.GImageHeader{background-image:url(../devilswebsiteimages/GridViewHeader770.gif); background-repeat:repeat-x; color:White; width:120px; padding-left:5px;}
GImage{}

.GridViewHeader770 {background-image:url(../devilswebsiteimages/GridViewHeader770.gif); background-repeat:repeat-x; color:#A60505; }
.GridViewHeaderStats {background-image:url(../devilswebsiteimages/GridViewHeaderStats.gif); background-repeat:repeat-x; color:#A60505;}
.GridViewFooter770 {background-image:url(../devilswebsiteimages/GridViewFooter770.gif); background-repeat:no-repeat; color:#A60505;}

#Header
{
    /*background-image:url(../DevilsWebsiteImages/HeaderBackgroundIce.gif);
    background-repeat:no-repeat;*/
    width:1002px;
    height:315px;
}

#HeaderDTV
{
    /*background-image:url(../DevilsWebsiteImages/HeaderBackgroundIce.gif);
    background-repeat:no-repeat;*/
    width:1002px;
    height:90px;
}

h1 {color:#A60505}
h2 {color:#A60505; margin-top:0; margin-bottom:5px;}
.headerpage {background-image:url(../devilswebsiteimages/GridViewHeader770.gif); background-repeat:repeat-x; border:Solid 1px #A60505; padding:0 5px 15px 5px; min-height:1000px;}
.headerpagetext {color:White; font-size:18pt; font-family: Aachen, calibri, Verdana, Arial; font-weight:bold; text-align:center;}

.HeaderText
{
    position:relative;
    top:20px;
    left:-20px;
    float:left;
    font-size:14pt;
    width:600px;
    z-index:11;
}

.IconFooter
{
    float:left;
    padding:5px;
}

.IndexContainer {margin-bottom:10px;}

/*---------Info Container ----------*/
#InfoContainer
{
    background-image:url(../DevilsWebsiteImages/InfoBackground.png);
    background-repeat:no-repeat;
    width:292px;
    height:360px;
    padding-top:40px;
    Color:white;
    line-height:0;
}

#InfoContainer a           {color:White; text-decoration:none;}
#InfoContainer a:link      {color:White; text-decoration:none;}
#InfoContainer a:visited   {color:White; text-decoration:none;}
#InfoContainer a:hover     {color:White; text-decoration:underline;}
#InfoContainer a:active    {color:White; text-decoration:none;}

.NextGameTextBottom a           {color:White; text-decoration:none;}
.NextGameTextBottom a:link      {color:White; text-decoration:none;}
.NextGameTextBottom a:visited   {color:White; text-decoration:none;}
.NextGameTextBottom a:hover     {color:White; text-decoration:underline;}
.NextGameTextBottom a:active    {color:White; text-decoration:none;}

.MainBodyRight
{
    float:right;
    width:307px;    
}

.MainBodyleft
{
    float:left;
    width:470px;
    padding:5px;
}

.NewsRow
{
    width:470px;
    margin-bottom:20px;
}

#NextGame
{
    width:287px;
    margin-left:1px;
    height:350px;
    padding-top:10px;
    
}

.NoFixture{position:relative; top:-270px; height:30px; width:280px; text-align:center; line-height:1;}

.NextGameText{color:White; font-size:12pt; font-weight:bold; text-align:center; width:285px; height:97px; line-height:1;}
.NextGameText a {text-decoration:none;}
.InfoFooterText{padding-top:2px; line-height:1;}
.NextGameNav {width:93px; height:24px; text-align:center; color:#F40909; font-size:13pt; font-weight:bold; padding-top:8px; margin-top:2px; margin-left:1px; background-image:url(../DevilsWebsiteImages/InfoArrowBackground.png); background-repeat:no-repeat; float:left; line-height:1;}
.NextGameNavText{width:72px; margin-left:2px; height:20px; font-size:8pt; margin-top:9px; float:left; padding:9px 0 0 20px; line-height:1;}
.NextGameNavText a{text-decoration:none; color:White;}
.NextGameTextBottom{font-size:18pt; font-weight:bold; padding-left:5px; font-family:Myriad Pro Black Cond; float:left; line-height:1;}

.HomeTeamLogo{width:162px; height:162px; margin-left:5px; float:left; }
.vs{color:White; font-size:18pt; position:relative; left:-22px; top:80px; float:left; line-height:1;}
.AwayTeamLogo{float:left; width:110px; height:110px; position:relative; left:0px; top:20px; }

.ScheduleContainer {width:283px; height:263px; line-height:1; padding-left:5px; color:White; float:right;}
.NextGameNavSchedule{margin-left:5px; width:93px; height:24px; text-align:center; color:#F40909; font-size:11pt; font-weight:bold; padding-top:8px; margin-top:2px; background-image:url(../DevilsWebsiteImages/InfoArrowBackground.png); background-repeat:no-repeat; float:left; line-height:1;}
.NextGameScheduleText{width:72px; margin-left:2px; height:20px; font-size:8pt; margin-top:9px; float:left; padding:9px 1px 0 18px; line-height:1;}
.NextGameScheduleText a{text-decoration:none; color:White;}

.NextGameNavStats{margin-left:5px; width:92px; height:24px; text-align:center; color:#F40909; font-size:11pt; font-weight:bold; padding-top:8px; margin-top:2px; background-image:url(../DevilsWebsiteImages/InfoArrowBackground.png); background-repeat:no-repeat; float:right; line-height:1;}
/*----------End of Info Container----*/

/*--------Latest Media Container-*/

#LatestMediaContainer
{
    background-image:url(../DevilsWebsiteImages/LatestMediaBackground.png);
    background-repeat:no-repeat;
    width:515px;
    height:382px;
    padding-top:16px;
    overflow:hidden;
}

.LatestMediaHeadline a           {color:White; text-decoration:none;}
.LatestMediaHeadline a:link      {color:White; text-decoration:none;}
.LatestMediaHeadline a:visited   {color:White; text-decoration:none;}
.LatestMediaHeadline a:hover     {color:White; text-decoration:none;}
.LatestMediaHeadline a:active    {color:White; text-decoration:none;}


#DevilsLatestMedia, .LatestMedia
{
    width:515px;
    height:360px;
    overflow:hidden;
}


.LatestMediaJavaWrap
{
    background-image:url(../DevilsWebsiteImages/LatestMediaBackground4IE.png);
    background-repeat:no-repeat;
    height:340px;
    width:515px;
}
    
.LatestMediaImage
{
    /*padding-top:38px;*/
    margin-left:2px;
}

.LatestMediaHeadline
{
    padding-top:13px;
    padding-left:5px;
    font-size:18pt;
    font-weight:bold;
    color:White;
    overflow:hidden;
}

#lmnav     {width:100%; height:22px; position:relative; top:301px; z-index:100;}
#lmnav ul    {width:104px; height:22px; position:relative; top:302px; z-index:100;}
#lmnav li {width:104px; height:22px;}
#lmnav a  { width:7px; height:16px; text-decoration: none; margin: 0 0 0 2px; padding:3px 48px 3px 49px; font-size:4pt; color:#A0A097;}
#lmnav a.activeSlide { background-image:url(../DevilsWebsiteImages/LatestMediaArrow.png); background-repeat:no-repeat; color:#F40909; font-size:10pt; font-weight:bold;}
#lmnav a:focus { outline: none; color:#F40909; }

/*-------End of Latest Media Container--*/

#LatestNewsContainer
{float:left;padding-top:2px;}

#MainContent
{
    width:820px;
    float:left;
}

#MainContentGeneral
{
    width:810px;
    float:left;
    padding:5px;
    margin-top:2px;
    background-image:url(../DevilsWebsiteImages/GeneralContentBackground.gif);
    background-repeat:repeat-y;
}

#NavigationBackground
{
    background-image:url(../DevilsWebsiteImages/NavigationBackground.gif);
    background-repeat:no-repeat;
    width:1002px;
    height:75px;
    padding-top:10px;
    position:absolute;
    z-index:50;
}

.NewsPageImage {float:right; width:400px; height:237px; padding:36px 0 0 0px; margin:0 0 5px 5px; background-image:url(../devilswebsiteimages/Newspageimagebackground.gif); background-repeat:no-repeat;}
/*-------Navigation Menu ------------*/

.TopNavItem
{margin-left:5px;}

#navmenu{ 
     margin:0px;
     padding:0px;
     list-style-type:none;
     list-style-position:outside;
     /*position:relative;*/
     position:absolute;
     line-height:1.6em;
     color:#fff;
     font-size:15pt;
     font-weight:bold;
     z-index:50;
     float:left;
 }
 
 #navmenu ul{width:240px;margin:0px;padding:0px;}
 
 #navmenu a:link, #navmenu a:active, #navmenu a:visited{
    display:block;
    padding:0px 5px;
    /*border:1px solid #333;*/
    color:#fff;
    text-decoration:none;
 }

#navmenu a:hover{
    color:#eee;
    background-color:#E03E20;
}

#navmenu li{
    float:left;
    display:block;
    margin-left:5px;
    /*position:relative;*/
}


#navmenu ul {
    position:absolute;
    width:12em;
    top:1.5em;
    display:none;
}

#navmenu li ul a{
    width:12em;
    float:left;
    border:1px solid #333;
    background-color:#333;
    font-size:11pt;
    font-weight:normal;
}

#navmenu ul ul{
	top:auto;
	}	

#navmenu li ul ul {
    left:12em;
    margin:0px 0 0 10px;
    }

#navmenu li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#navmenu li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    }
    
/*----------End of Nav Menu -----------*/

#RightColumn
{
    background-image:url(../DevilsWebsiteImages/RightBarBackground.gif);
    background-repeat:no-repeat;
    width:176px;
    height:1245px;
    float:right;
    z-index:18;
}

#WebsiteContainer
{
    margin-left:auto;
    margin-right:auto;
    width:1002px;
}



/*----------LatestNews---------*/

.DevilsLatestNewsContainer
{
    width:515px;
    height:471px;
    background-image:url(../DevilsWebsiteImages/LatestNewsBackground.png);
    background-repeat:no-repeat;
    padding-top:15px;
}

#DevilsNewsLatest
{
    width:515px;
    height:363px;
    overflow:hidden;
}

.NewsLatest
{
    width:515px;
    overflow:hidden;
}

.NewsLatestContainer
{
    width:515px;
    height:363px;
    overflow:hidden;
    background-image:url(../devilswebsiteimages/LatestNewsBackground4IE.png);
}
.NewsLatestContainer a{color:White; text-decoration:none;}

.NewsLatestImage
{
    height:287px;
    width:513px;
    padding-left:2px;
    padding-top:1px;
}

.NewsLatestText
{
    height:70px;
    /*width:495px;*/
    padding-left:5px;
    padding-right:10px; 
}

.newsLatestHeadline
{
    height:25px;
    margin-top:10px;
    font-size:16pt;
    color:white;
    font-weight:bold;
    overflow:hidden;
}

.newsLatestIntro
{
     font-size:10pt;
     color:white;
     margin-top:5px;
     height:40px;
     overflow:hidden;
}

.LatestNewsNav
{
    font-size:8pt;
    padding-right:20px;
    line-height:1; 
    float:right;
    vertical-align:top;
    color:Black;
}

.LatestNewsNav a{color:Black; text-decoration:none;}

.LatestNewsNext
{
    background-image:url(../DevilsWebsiteImages/NextArrow.png);
    background-repeat:no-repeat;
    width:47px;
    height:15px;
    float:left;
    padding-left:4px;
    margin-left:2px;
    vertical-align:top;
    line-height:1.5;
}

.LatestNewsPrev
{
    background-image:url(../DevilsWebsiteImages/PrevArrow.png);
    background-repeat:no-repeat;
    width:47px;
    height:15px;
    float:left;
    padding-right:4px;
    text-align:right;
    vertical-align:middle;
    line-height:1.5;
}

.LatestNewsPause
 {
    background-image:url(../DevilsWebsiteImages/PauseBackground.gif);
    background-repeat:no-repeat;
    width:51px;
    height:12px;
    margin-left:2px;
    float:left;
    text-align:center;
    vertical-align:middle;
}
#nav    {width:100%; height:22px; position:relative; top:303px; z-index:100;}
#nav ul {width:100px; height:22px; position:relative; top:303px; z-index:100;}
#nav li {width:100px; height:22px;}
#nav a  { width:100px; text-decoration: none; margin: 0 0 0 5px; padding:3px 46px 3px 47px; font-size:4pt; color:#5C5C5C;}
#nav a.activeSlide { background-image:url(../DevilsWebsiteImages/LatestNewsLiveStory.png); color:#F40909; font-size:10pt; font-weight:bold;}
#nav a:focus { outline: none; color:#F40909; }


.StayTouchText
{
    color:White;
    font-size:8pt;
    float:left;
    padding: 32px 0 0 10px;
}

.StayTouchIcons
{
    float:left;
    padding:13px 5px 0 5px;
    margin-left:10px;
}


/*-------------------Devils Offers------------*/

.OfferMainContainer{float:left; padding:2px 5px 5px 5px; width:183px;}   
.OfferListedContainer{float:left; padding:0px 5px 0px 5px; width:380px;}  
.OffersMainImage{height:123px; overflow:hidden;}
.OffersMainTitle{height:36px;} 
.OffersMainButton{padding:2px 0 2px 0;}
    
/*----------Image Hover Effect for Players-----------*/
.spiderpic{
position: relative;
z-index: 0;
}

.spiderpic:hover{
background-color: transparent;
z-index: 50;
}

.spiderpic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.spiderpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.spiderpic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}