/****************************************************/
/*       Layout                                     */
/****************************************************/

body
{
 background-color: DarkGray;
 text-align:center;
 margin: 0;
 padding: 0;
}

div.main
{
 width: 850px;
 margin: 0px auto;
 padding: 50 25px;
 display: block;
 text-align: center;
 background-color: DimGray;
 box-shadow: 0 0 20px 2px black;
 /*background: url('./bkgd/random.php') no-repeat bottom right*/
}

div.banner
{
 background-color: black;
 text-align: center;
 padding: 0px;
 margin: 0px;
 clear: both;
}

div.navbar
{
 background-color: black;
 text-align: center;
 margin: 0px auto;
 padding: 10px;
 height: 2em;
 clear: both;
}

div.mainpic
{
 margin: 5px auto;
 padding: 5px;
 text-align: center;
 background-color: none;
 /*display: block;
 clear: both;
 float: left;*/
 overflow: auto;
}

div.floatpicleft
{
 margin: 5 0px;
 padding: 0 5 0 0px;
 text-align: center;
 background-color: dimgray;
 float: left;
 display: block;
}

div.floatpicright
{
 margin: 5 0px;
 padding: 0 0 0 5px;
 text-align: center;
 background-color: dimgray;
 float: right;
 display: block;
}

/****************************************************/
/*       Text                                       */
/****************************************************/

h1
{
 margin: 0px;
 padding: 5 5 0 5px;
 text-align: left;
 background-color: white;
 color: black;
 font-family: Sylfaen, Cambria, Georgia, "Times New Roman", Times, Serif;
 font-size: 42px;
 font-weight: normal;
 clear: both;
}

h2
{
 margin: 10 0 0 0px;
 padding: 5 5 0 5px;
 text-align: left;
 background-color: darkgray;
 color: black;
 font-family: Sylfaen, Cambria, Georgia, "Times New Roman", Times, Serif;
 font-size: 24px;
 font-weight: normal;
 clear: both;
}

h3
{
 margin: 0 0 5 0px;
 padding: 0px;
 border-top: 1px solid darkgray;
 text-align: left;
 color: white;
 font-family: Sylfaen, Cambria, Georgia, "Times New Roman", Times, Serif;
 font-size: 16px;
}

p.text
{
 margin: 0px;
 padding: 5px;
 text-align: left;
 color: white;
 font-family: Candara, Verdana, Calibri, Helvetica, Arial, Sans-serif;
 font-size: 14px;
 /*opacity: 0.8;
 filter: alpha(opacity = 80);*/
}

p.code
{
 margin: 0 30px;
 padding: 0 10px;
 text-align: left;
 color: black;
 background-color: lightsteelblue;
 font-family: monospace;
 font-size: 14px;
 /*opacity: 0.8;
 filter: alpha(opacity = 80);*/
}

p.caption
{
 margin: 0 0 5 0px;
 padding: 5px;
 text-align: center;
 color: darkgray;
 background-color: black;
 font-family: Candara, Verdana, Calibri, Helvetica, Arial, Sans-serif;
 font-size: 12px;
}

p.note
{
 margin: 20 0 0 0px;
 border-top: 1px solid lightsteelblue;
 padding: 5px;
 text-align: right;
 color: darkgray;
 font-family: Candara, Verdana, Calibri, Helvetica, Arial, Sans-serif;
 font-style: italic;
 font-size: 14px;
 clear: both;
 /*opacity: 0.8;
 filter: alpha(opacity = 80);*/
}

ul
{
 list-style-type: square;
 /*clear: both;*/
}

li
{
 margin: 0px;
 padding: 0 0 2 5px;
 text-align: left;
 color: white;
 font-family: Candara, Verdana, Calibri, Helvetica, Arial, Sans-serif;
 font-size: 14px;
 /*opacity: 0.8;
 filter: alpha(opacity = 80);*/
}

/****************************************************/
/*       Links                                      */
/****************************************************/

a
{
 border: none;
 text-decoration: none;
 color: aquamarine;
 background: none;
}

a:link 
{
 border: none;
 text-decoration: none;
 color: aqua;
} /* unvisited link */

a:visited 
{
 border: none;
 text-decoration: none;
 color: aqua;
} /* visited link */

a:hover 
{
 border: none;
 text-decoration: none;
 color: mediumseagreen;
} /* mouse over link */

a:active 
{
 border: none;
 text-decoration: none;
 color: mediumseagreen;
} /* selected link */

/****************************************************/
/*       Images                                     */
/****************************************************/

img
{
 border: none;
 text-decoration: none;
}

/****************************************************/
/*       Navigation Bar                             */
/****************************************************/

a.nav
{
 height: 1.5em;
 float: left;
 clear: none;
 margin: 0 2%;
 padding: 2px;
 font-family: Candara, Verdana, Calibri, Helvetica, Arial, Sans-serif;
 font-size: 18px;
 font-weight: bold;
 background-color: lightsteelblue;
 color: black;
 text-align: center;
 box-shadow: none;
}

a.nav:hover
{
 box-shadow: 0 0 5px 2px lightsteelblue;
 background-color: white;
}