body
{
text-align:left;
font-family:verdana;
/*line-height:1.15em*/
margin:0; 
}

/*
.wrapper
{
background-color: #ff00ff;
margin:0 auto;
width:800px;
text-align:left;
}
*/

a:link {color:#002e62}      /* unvisited link */
a:visited {color:#002e62}  /* visited link */
a:hover {color:#002e62}  /* mouse over link */
a:active {color:#002e62}  /* selected link */

#moreright
{
margin-left:20px;
}

.gamelogo
{
float:right;
height:auto;
width:auto;
}

.gamelogo a:link {color:#ffffff}      /* unvisited link */
.gamelogo a:visited {color:#ffffff}  /* visited link */
.gamelogo a:hover {color:#ffffff}  /* mouse over link */
.gamelogo a:active {color:#ffffff}  /* selected link */

#index
{
background-image: url('../images/AvrilBackgroundIndex.png'); 
background-repeat: no-repeat; 
background-position: 0% 0%; 
background-attachment: scroll;
background-color: #ffffff;
}

#back_top
{
background-image: url('../images/AvrilBackgroundMain_top_968_88.png');
background-repeat: no-repeat; 
background-position: 20px 0%;
background-color: #002e62;
height: 88px;
}

#back_mid
{
background-image: url('../images/AvrilBackgroundMain_mid_968_7.png');
background-repeat: repeat-y;
background-position: 20px;
background-color: #002e62;
}

#back_bot
{
background-image: url('../images/AvrilBackgroundMain_bot_968_128.png');
background-repeat: no-repeat; 
background-position: 20px;
background-color: #002e62;
height: 127px;
}

#main1
{
/*background-image: url('../images/AvrilBackgroundMain.png'); 
background-repeat: no-repeat; 
background-position: 20px 0%; 
background-attachment: scroll;*/
background-color: #002e62;
}

#main2
{
background-image: url('../images/AvrilBackgroundMain2.png'); 
background-repeat: no-repeat; 
background-position: 20px 0%; 
background-attachment: scroll;
background-color: #002e62;
}

#main_popup
{
background-image: url('../images/AvrilBackgroundPopUp.png'); 
background-repeat: no-repeat; 
background-position: 0% 0%; 
background-attachment: scroll;
background-color: #ffffff;
}

/*
h3
{
font-family: Helvetica,Verdana,"Sans Serif";
}
*/

.content1
{
position:absolute; 
left:300px;
top:120px;
}
 
.content2
{
position:absolute; 
left:285px;
top:535px;
}

.indexlogo
{
position:absolute; 
left:45px;
top:25px; 
}

.indexnav
{
position:absolute; 
left:45px;
top:175px;
}

#banner
{
position:absolute;
left:175px;
top:50px;
padding:0px;
border:0px;
margin:10px;
}

.mainlogo
{
 margin: 0 0 0 20px;
}

.mainnav
{
margin:50px 0 0 20px;
}

.maincontain
{
width: 720px;
padding:0 0 0 200px;
margin:-230px 0 0 0;
}

.maincontain h1
{font-size:1.45em;
line-height:1.2em}

.maincontain h2
{font-size:1.25em;line-height:0.5em}

.maincontain h4
{font-size:1em;line-height:1.1em}

.maincontain h5
{font-size:0.8em;line-height:1.5em}

.maincontain p
{font-size:0.8em;line-height:1.5em}

.bolder
{
font-weight:bolder
}

.maincontain_popup
{
margin: 100px 0 0 75px;
color: #ffffff;
}
.maincontain_popup p 
{
color:#ffffff
}
.maincontain_popup a
{
color:#ffffff
}      
.maincontain_popup a:link /* unvisited link */
{
color:#ffffff
}      
.maincontain_popup a:hover /* mouse over link */
{
color:#ffffff; 
text-decoration: underline;
}  
#backLink
{
margin: 25px 0 0 0;
}
#listcontainer
{
position:relative;
left:20px;
font-size:0.8em;
line-height:1.5em;
}

.locnavbar
{width:100%;}

.contain
{
width:100%;
padding:0px;
border:0px;
margin:0px;
}

.containimg
{
float:left;
padding:0px;
border:0px;
margin:5px;
}

div.content 
{
    border: none;
    clear: left;
    padding: 0.5em;
}
/* The round corners on the main content window box */
.bl {background: url('../images/bl.gif') 0 100% no-repeat}
.br {background: url('../images/br.gif') 100% 100% no-repeat}
.tl {background: url('../images/tl_square.gif') 0 0 no-repeat}
.tr {background: url('../images/tr.gif') 100% 0 no-repeat; padding:0px}

.t {background: url('../images/dot.gif') 0 0 repeat-x}
.b {background: url('../images/dot.gif') 0 100% repeat-x}
.l {background: url('../images/dot.gif') 0 0 repeat-y}
.r {background: url('../images/dot.gif') 100% 0 repeat-y}

/* The horizontal tabbed sub navigation */
div.content.inactive 
{
display: none;
}

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc a {
    background: #bdf url('../images/tabs.gif');
    color: #008;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc li a.active {
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ol#toc li a.active span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url('../images/tabs.gif') 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

.footer
{
display:block;
position: absolute; 
left:0px;
bottom:0%;
width:100%;
background-color: #808080;
}

/* The vertical nested main navigation */
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 14px Verdana;
width: 130px; /* Main Menu Item widths */
border-bottom: 0px solid #ccc;
}
 
.sidebarmenu ul{
position: relative;
z-index:15;
}

.sidebarmenu li{
position: relative;
z-index:15;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 0px solid #488dde;
border-right: 0px solid #488dde;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #002e62; /*background of tabs (default state)*/
/*background: url('../images/ltbluecorner.png') 100% 0 no-repeat; padding:10px */
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: #658af3;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 130px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(../images/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE */
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */