/* This is the style sheet for my first pages */
body {
background-color:#000000; font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
}

img#bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%}

a:link {color: #003EFF; text-decoration: none;}
a:visited {color: #000080; text-decoration: none;}
a:hover {color: #ffffff;}
a:active {color: #000080;}

div#pagecontent {position: relative; z-index: 1;}

div#wrapper {
width: 760px; background-color: #D3D3D3; margin-top: 40px; margin-left: auto; margin-right: auto;
padding: 50px; border-style: solid; border-width: 20px; border-color:#1F1F1F;}

div#navigation {width: 210px; float: left; margin-left: auto; margin-right: auto; border-width:2px; border-color: #1f1f1f; font-size: 14px; text-align: center; font-variant: small-caps;}


#navigation a:link {display: block; width: 200px; color: #1F1F1F;}
#navigation a:active {display: block; width: 200px; color: #FFFFFF; }
#navigation a:visited {display: block; width: 200px; color: #1F1F1F;}
#navigation a:hover {display: block; width: 200px; color: #FFFFFF;}


div#content {width: 495px; margin-left: 235px; font-size: 15px; font-color: #1F1F1F;}

#content a:link {color: #1F1F1F;}

div#banner {width:730px; margin-bottom: 30px;}



.displayed {float:left; padding: 5px;}

h1 {font-family: arial; font-size: 36px; font-color: #1F1F1F;}

h5 {font-size:10px; font-style:italic; font-weight:300; text-align:center; font-color: #1F1F1F;}
IMG.displayed {display:block; margin-left: auto; margin-right: auto;}

div#player {position: relative; top: 20px;}

#displayed {float: right; padding-left: 10px; padding-bottom: 10px;}

div#footer {width: 500px; margin-left: 225px; text-align: center; font-size: 13px;}