/* This layout CSS has been found on the great site http://bluerobot.com/web/layouts/default.asp */

body {
        color:#333;
        background-color:white;
        margin:20px;
        padding:0px;
        font:11px verdana, arial, helvetica, sans-serif;
        }
	
h1 {
        margin:0px 0px 15px 0px;
        padding:0px;
        font-size:28px;
        font-weight:900;
        color:#ccc;
        }
	
h2 {
        font:bold 12px/14px verdana, arial, helvetica, sans-serif;
        margin:0px 0px 5px 0px;
        padding:0px;
        }
	
p {
        font:11px/20px verdana, arial, helvetica, sans-serif;
        margin:0px 0px 16px 0px;
        padding:0px;
        }
	
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}

a {
        color:#09c;
        font-size:11px;
        font-family:verdana, arial, helvetica, sans-serif;
        font-weight:600;
        text-decoration:none;
        }
	
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}
  

/* All the content boxes belong to the content class. */
.content {
        position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
        width:auto;
	top:106px;
        min-width:120px;
	margin-top: 0px;
	margin-left: 12em;
	margin-right: 12em;
	margin-bottom: 20px;
        border:1px solid black;
        background-color:white;
        padding:10px;
        z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
        }

.screenshot {
        position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
        width:auto;
	top:106px;
        min-width:120px;
	margin-top: 0px;
	margin-left: 12em;
	margin-right: 12em;
	margin-bottom: 20px;
        border:1px solid black;
        background-color:white;
        padding:10px;
        z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	text-align: center;
        }

#leftMenu {
        position:fixed;
        width:9em;
        top:126px;
        left:20px;
        border:1px solid black;
        background-color:#eee;
        padding:10px;
        z-index:2;
        }
                
#rightMenu {
        position:fixed;
        width:9em;
        top:126px;
        right:20px;
        border:1px solid black;
        background-color:#eee;
        padding:10px;
        z-index:1;
        }


#headerBar {
        position:fixed;
        width:100%;
	height: 106px;
        top:0px;
        right:0px;
        background-color:#202020;
        z-index:100;
        }


/* the menu */
div#leftMenu a {display: block;}
div#leftMenu a:link {color: #226; background-color: transparent;}
div#leftMenu a:visited {color: #557; background-color: transparent;}
div#leftMenu a:hover {background: #AAD; color: #338;}
div#leftMenu a:link:hover {background: #BBE;}
div#leftMenu a:visited:hover {background: #AAD;}