/* ======================================================================================
=========================================================================================

Doug's generic CSS style sheet.

To change the height of the top pane, the following values need to be changed:
    .TopPane
        height:6em;

To change the width of the left menu, the following values need to be changed:
    .ContentPane .ContentWrap
        left:12em;
    .ContentPane .RightWrap
        right:12em;
    .ContentPane .RightContent 
        margin:0 0 0 12em;
    .ContentPane .LeftContent 
        width:12em;
        right:12.1em;






=========================================================================================
====================================================================================== */

*
{
    /* Start by setting everything to nothing. */
    border: 0 0 0;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background:#FFFF;

    /* Set basic page font information. */
    font-family:"Bookman Old Style", Sylfaen, Georgia, "Palatino Linotype", "Century Schoolbook", "Book Antiqua", Garamond, Palatino, "Big Caslon", Didot, Baskerville, "Century Schoolbook L", "Bitstream Charter", "URW Bookman L", "URW Palladio L", serif;
    /* "Century Gothic", Verdana, Tahoma, Arial, Helvetica, "Trebuchet MS", "Microsoft Sans Serif" */
    /* "Palatino Linotype", "Century Schoolbook", Sylfaen, Georgia, "Bookman Old Style", "Book Antiqua", Garamond, Palatino, "Big Caslon", Didot, Baskerville, "Century Schoolbook L", "Bitstream Charter", "URW Bookman L", "URW Palladio L", serif */
    font-size:1em;
    line-height: 1.3em;
}

p
{
    margin-bottom:1em;
}

.DropCap
{
    float: left;
    font-family: "Old English", "Old English Text MT", "Old English Text", Georgia, serif;
    font-weight: bold; 
    font-size: 430%; 
    text-transform: uppercase;
    line-height: 0.9em; 
    margin-right: 0.05em; 
    margin-bottom:-0.25em;
    padding-top: 0; 
    padding-bottom: 0.02em; 
    border: solid thin black;
}

.SmallDropCap
{
    float: left;
    font-family: "Old English", "Old English Text MT", "Old English Text", Georgia, serif;
    font-size: 300%;
    text-transform: uppercase;
    line-height: 0.85em;
    margin-right: 0.03em;
    margin-bottom:-0.25em;
}

.BigHeading
{
    font-size: 1.75em;
    font-style:italic;
    font-weight:bold;
}

.SmallHeading
{
    margin-top:0;
    font-size:1.25em;
    font-weight:bold;
}

.LargeFont
{
    font-size:1.25em;
}

.LargeAndLeftFont
{
    font-size:1.25em;
    text-align:left;
}

.FinePrint
{
    font-size:x-small;
}

a
{
    text-decoration: underline; 
    /* font-weight: bold; */
}

a:link
{
    color: Blue; 
} 

a:visited
{ 
    color: Purple; 
} 

a:hover
{ 
    color: green; 
} 

a:active
{
    color: red;
}

a img
{
    border: none;
}

.Listing
{
    font-size:1.20em;
    text-align:left;
    margin-top:0px;
    margin-bottom:0em;
    padding:0px;
}

.Listing li
{
    margin-bottom:0.5em;
    margin-left:1em;
}

.SmallBox
{
    max-width:80%;
    text-align:center;
    margin-top:0px;
    margin-left:10%;
    margin-bottom:0px;
    padding:0px;
}

.CenteredImage
{
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

.SkyPage
{
    background-image: url("./../images/clouds.jpg");
}

.LargeMiniBox
{
    width:65%;
    text-align:center;
    margin-top:10%;
    margin-left:20%;
    margin-right:15%;
    margin-bottom:0em;
    padding:0em;
}

.LargeMiniBox li
{
    font-size:1.25em;
    text-align:left;
    margin-left:1em;
}

.MiniBox
{
    width:60%;
    text-align:center;
    margin-top:10%;
    margin-left:20%;
    margin-right:20%;
    margin-bottom:0em;
    padding:0em;
}

.SkyPage .MiniBox .Poem
{
    width:74%;
    text-align:Left;
    margin-top:2em;
    margin-left:0em;
    margin-right:0em;
    margin-bottom:0em;
    padding:0em;
    float:left;
    clear:left;
}

.SkyPage .MiniBox .RightImage
{
    width:25%;
    vertical-align:middle;
    margin: 5em 0em 0em 0em;
    float:right;
    clear:right;
}

.SkyPage .FinePrint
{
    width:100%;
    text-align:center;
    margin-top:2em;
    margin-left:0em;
    margin-right:0em;
    margin-bottom:0em;
    padding:0em;
    float:left;
}

ol
{
    margin-left:2em;
    margin-bottom:1em;
}


/* Build the top pane to show the title of the site. */
.TopPane
{
    background-image: url("./../images/clouds.jpg");
    background-repeat: repeat;
    padding:0.5em;
    width:100%;
    border-bottom:solid thin blue;
    height:4.75em;
}

div.TopContent
{
    width:auto;
}

.TopLogo
{
    float: Left;
    width: auto;
    margin-top: 0.75em;
    margin-right: 1em;
}

.TopTitle
{
        float:Left;
}

#Title
{
    width:auto;
    float:Left;
    font-family:"Old English", "Old English Text MT", "Old English Text", Georgia, serif, Verdana, Geneva, Arial, Sans-Serif;
    font-size:3em;
}

#SubTitle div
{
    width:auto;
    float:Left;
    clear:left;
    font-family:Verdana, Geneva, Arial, Sans-Serif;
    font-size:0.9em;
    margin-left: 1em;
}

.Login, .Profile
{
    width:auto;
    vertical-align:bottom;
    margin-right:0.75em;
    float:Right;
    clear:right;
    font-family:Verdana, Geneva, Arial, Sans-Serif;
    font-size:0.9em;
    visibility:hidden;
}

/* Build the MENU section. */

#MenuBlock
{
    width: 100%;
    vertical-align:bottom;
}

#MenuBlock ul
{
}

#MenuBlock ul li
{
    list-style-type:none;
}

#MenuBlock li a
{
    width: 75%;
    display: block;
    font: 1em Verdana, Geneva, Arial, Sans-Serif;
    height: 1.5em;
    vertical-align: bottom;
    padding-left:1em;
    color: Blue;
    text-decoration:none;
}

#MenuBlock li a:hover
{
    background-color: #E0E0E0;
    text-transform: uppercase;
    font-weight:bolder;
    color: Black;
}

#MenuBlock div.menutitle
{
    font-family: "Old English", "Old English Text MT", "Old English Text", Georgia, serif;
    font-size: 1.5em;
    font-weight:normal;
    vertical-align:bottom;
    padding-top:1em;
    height: 1.75em;
}

#MenuBlock .MenuBottom
{
    width:85%;
    text-align:center;
    margin:0px;
    padding-top: 2em;
}

/* Build Content containers to hold content.  */
div.ContentPane 
{
    position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
    width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}

.ContentPane .ContentWrap 
{
    float:left;
    width:200%;
    position:relative;
    left:12em;
    border-left:solid thin blue;
}

.ContentPane .RightWrap 
{
    float:right;
	width:50%;
	position:relative;
	right:12em;
}

.ContentPane .RightContent 
{
    margin:0 0 0 12em;
	position:relative;
	right:100%;
	overflow:hidden;
	background-color:white;
	padding: 1em;
}

.ContentPane .LeftContent 
{
    float:left;
    width:12em;
    position:relative;
	padding: 1em;
    right:12.1em;
}

/* Build the code to create side bars in the right content section. */
.Sidebar
{
    border-style:double;
    border-width:medium;
    border-color:Blue;
    width:25%;
	position:relative;
    float:right;
    clear:both;
    margin: 1em 1em 1em 1em;
    padding: 0 1em 1em 1em;
	background-color:#F0F0F0;
    font-family:Arial;
}

.Sidebar p
{
    margin-top:1em;
    margin-bottom:0;
}

.Sidebar .Heading
{
    margin-top:0;
    font-size:1.25em;
    font-style:bold;
}