/* Lion Tavern CSS - February 2008 */

/* Zeroing common elements */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

/* Master Style Elements */
html
{
    height:100%;
}
body
{
    background-image: url('../images/tiles.jpg');
    height:100%;
    line-height:15px;
}
h1
{
    color:#333333;
    font-family: "Gill Sans", "Gill Sans MT", Arial;
    font-size:22px;
    font-weight:lighter;
    margin:0;
    padding:0;
    line-height:26px;
}
p
{
    color:#333333;
    font-family: "Gill Sans", "Gill Sans MT", Arial;
    font-size:12px;
}
a
{
    font-family: "Gill Sans", "Gill Sans MT", Arial;
    font-size:12px;
    color:#F0E699;
    text-decoration:none;
}
a:hover
{
    color:#3D79E8;
}

/* Structural Elements */
#wrapperIndex
{
    width: 506px;
    height:100%;
    margin-right: auto;
    margin-left: auto;
}
#wrapper
{
    width: 760px;
    height:100%;
    margin-right: auto;
    margin-left: auto;
    background-image: url('../images/columns.gif');
    background-repeat:repeat-y;
}


/* Table Controls */
.tableControl
{
    width: 760px;
}
.leftCol
{
    width:118px;
    background-image: url('../images/leftColBg.jpg');
}
.rightCol
{
    width:118px;
    background-image: url('../images/rightColBg.jpg');
    text-align:right;
}
.centreCol
{
    width:524px;
    background-image: url('../images/feathersComplete.jpg');
    background-repeat:no-repeat;
    background-color:#F0E8DE;
}
.centreColCut
{
    width:524px;
    background-image: url('../images/feathersCut.jpg');
    background-repeat:no-repeat;
    background-color:#F0E8DE;
}
.centreColNoBg
{
    width:524px;
    background-color:#F0E8DE;
}


/* These divs are used within the table for positioning */
#mainContentContainer
{
    margin-top:36px;
}
#mainContentContainerNoBg
{
    margin-top:10px;
    text-align:center;
}
#contentContainer
{
    width:275px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
#contentContainer a
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left:5px;
    padding-right:5px;
    color: #F0E699;
    background-color: #333333;
    text-decoration: none;
}
#navigation
{
    margin-top:15px;
    margin-left:5px;
}
#secondMenu
{
    width:85px;
    margin-top: 35px;
    margin-left: 10px;
    margin-right: 20px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #F0E699;
    padding-top:2px;
}
#secondMenu a
{
    color:#F0E699;
    font-family: "Gill Sans", "Gill Sans MT", Arial;
    font-size:12px;
    line-height:15px;
    padding-left:28px;
}
#secondMenu a:hover
{
    color:#3D79E8;
}
.secondMenuSelected
{
    color:#3D79E8;
}


/* Navigation ASPMenu Styles */
.menu
{
    font-family: "Gill Sans", "Gill Sans MT", Arial;
    font-size:12px;
    line-height:15px;
    color:#F0E699;
    background-image:none;
}
.menu a
{
    padding-left:30px;
    background-image:none;
}
.menu a:hover
{
    background-image:url('../images/menuItemBg.jpg');
    background-repeat:no-repeat;
    padding-left:30px;
}
.menuSelected
{
    background-image:url('../images/menuItemBgSelected.jpg');
    background-repeat:no-repeat;
}
ul li
{   
    font-family: "Gill Sans", "Gill Sans MT", Arial;
    font-size:12px;
    list-style-type:none;
    text-decoration:none;
    list-style-type:none;
}
ul li a
{   
    font-family: "Gill Sans", "Gill Sans MT", Arial;
    font-size:12px;
    list-style-type:none;
    text-decoration:none;
    list-style-type:none;
}
ul li a:hover
{
    color:#3D79E8;
}
.selectedSecondMenu
{
    color:#3D79E8;
    padding-left:30px;
}
.imageStyle
{
    border: 3px solid #333333;
}
.highlightedLink
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left:5px;
    padding-right:5px;
    color: #F0E699;
    background-color: #333333;
    text-decoration: none;
}