/* 

Wow... If your looking at this then you must really like the styling on the WiserPages site 
(or perhaps dislike it so much you plan to contact me and let me know where I went wrong!)
Either way... You can get in touch at mail@wiserpages.com I'll will be glad to help, or if
necessary provide excuses, whatever the case may be.

Cheers,
Jules...

*/

/***** Main Page Body Tag *****/
body
{
    font-size: 100%;
    font-size: .8em;
    color: #333333;
    background-color: #EDEDED;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    text-align: justify;
}

/***** Headers *****/
h1
{
    font-size: 110%;
    text-align: center;
    padding-left: 5px;
    background: #FFD url(Images/h1_bg.gif) no-repeat left;
    border: solid 1px #FC3;
}

h2
{
    font-size: 100%;
    text-align: center;
    background: #FFD url(Images/h2_bg.gif) no-repeat left;
    border: solid 1px #FF6;
}

h3
{
    font-size: 100%;
    text-align: center;
}

/***** Paragraphs *****/
p.Centered
{
    text-align: center;
}

p:first-letter
{
    font-size: 130%;
}

/***** In Paragraph/Header/Text *****/
.Highlight
{
    font-weight: bold;
    font-style: italic;
}

.Comment /* Adds the "Speech Bubble Image" to a block of text */
{
    padding-left: 20px;
    padding-right: 20px;
    background: url(Images/message.gif) no-repeat left;
}

.SmallPrint
{
    font-size: 80%;
}

/***** Images *****/
img.Left
{
    float: left;
    border: solid 1px #6e6e6e;
    margin: 2px;
}

img.AsBlock
{
    display: block;
    border: solid 1px #6e6e6e;
    margin-left: auto;
    margin-right: auto;
}

img.Top
{
    border-width: 0px;
    margin: 0px 3px 0px 3px;
    float: left;
}

img.InPara
{
    border-width: 0px;
    margin: 0px 3px 0px 3px;
    padding: 0px;
}

img.Link
{
    display: block;
    border-width: 0px;
    margin-left: auto;
    margin-right: auto;
}

/***** In Page Links *****/
a, a:visited
{
    text-decoration: underline;
    color: #FC0;
    font-weight: bold;
}

a:hover
{
    text-decoration: none;
}

/***** Table Styling - Yes, sometimes they are the best choice *****/
table
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

td.SubHeader
{
    background-color: #FF6;
    background: url(Images/h2_bg.gif) no-repeat left;
    font-weight: bold;
}

td
{
    border: solid 1px #FF6;
}

/***** Left Navigation Pane *****/
ul#LeftNav
{
    list-style-type: none;
    border: solid 1px #FC3;
    margin-left: 0px;
    padding-left: 0px;
}

ul#LeftNav .NavSubHeader
{
    display: block;
    font-weight: bold;
    background-color: #FFD;
    padding-left: .3em;
    color: #333;
}

ul#LeftNav a
{
    display: block;
    background: #FFD;
    color: #333;
    margin: 0px;
    padding: .2em .6em .2em .6em; /*border-bottom: solid 1px #FF9;*/
    font-weight: normal;
}

ul#LeftNav a:hover, ul#LeftNav
{
    background: url(Images/li_hover_bg.gif) no-repeat right;
    color: #333;
}

ul#LeftNav li
{
    display: inline;
}

/***** Footer Navigation *****/
ul#FooterNav
{
    font-size: 80%;
}

ul#FooterNav .NavSubHeader
{
    font-weight: bold;
}

ul#FooterNav li
{
    display: inline;
}

ul#FooterNav a
{
    color: #333;
    margin: 0px;
    font-weight: normal;
}

ul#FooterNav a:hover, ul#LeftNav
{
    color: #FC0;
}


/***** Containers Used to specify the Width of the content and place background image *****/
#Container
{
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    background: url(Images/background.gif) no-repeat bottom;
}

#Container2
{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    background: url(Images/background_top.gif) no-repeat top;
}

/***** DIV Section Styles *****/
#Header
{
    width: 730px;
    height: 100px;
    margin-left: auto;
    margin-right: auto; /*background: url(Images/logo_wiserpages.gif) no-repeat left;*/
}

#HeaderRight
{
    padding-top: 10px;
    margin-left: 210px;
}

#Content
{
    width: 560px;
    margin-left: auto;
    margin-right: 10px;
    clear: none;
}

#LeftSide
{
    float: left;
    margin-left: 10px;
    width: 130px;
}

#LeftSideSub
{
    margin-top: 16px;
    padding: 2px;
    border: dashed 1px #FC0;
    background: url(Images/put_reservations.gif) no-repeat top;
}

#Footer
{
    text-align: center;
    width: 760px;
    clear: both;
    padding: 20px 0px 20px 0px;
}