body
{
margin-left: auto;
margin-right: auto;
width: 800px;
background-image: url(PageBackground.jpg);
background-repeat: repeat-y;
font-family: Garamond serif;
font-weight: 500;
font-size: medium;
}

div.BackgroundImage{
position: fixed;
top: 80;
right: 0;
bottom: 0;
left: 20%;
height: auto;
width: auto;
z-index: -100;
min-height: 440;
background-image: url(ISABackground.gif);
background-repeat: no-repeat;
background-position: top center;
background_attachment: fixed;
}

div.Content{
float: right;
align: top;
width: 80%;
min-height: 440px;
/*background-image: url(ISABackground.gif);
background-repeat: no-repeat;
background-position: center;
background_attachment: fixed;*/
}

div.Topbar{
width: 100%;
margin: 10px 0px;
text-align: center;
font-varient: small-caps;
font-weight: bold;
font-size: 1.1em;
/*font-variant: small-caps;*/
letter-spacing: 0.5em;
background-color: #cdddc5;
background-repeat: repeat-y;
background-position: right;
}

div.Sidebar{
float: left;
width: 19%;
max-width: 200px;
margin-right: 1%;
/*border: 1px solid black;*/
}
div.LinkBackground{
width: 100%;
margin: 4px 0 0 0;
padding: 2px 2px 2px 4px;
background-image: url(SidebarBackground.jpg);
background-repeat: repeat-y;
background-position: right;
background-
background-color: #cdddc5;
}
div.LinkBackgroundActive{
width: 100%;
margin: 4px 0 0 0;
padding: 2px 0px 2px 4px;
background-image: url(SidebarBackground.jpg);
background-repeat: repeat-y;
background-color: #cdddc5;
border-right: solid black 2px;
}
div:hover.LinkBackground{background-image: none; background-color: #cdddc5;}

div.Footer{
float: none;
width: 100%;
height: 150px;
margin: 10px 0;
padding: 5px;
color: silver;
background-color: #387218;
text-align: left;
clear: both;
/*border: 1px solid black;*/
}
div.Footer img{float: left; /*margin-left: 33%;*/}

a:link{text-decoration: none; color: #050;}
a:hover{text-decoration: underline; color: #050;}
a:active{text-decoration: underline overline; color: red;}
a:visited{text-decoration: none; color: #050;}

a:link.Sidebar{text-decoration: none; color: #050; width: 100%;}
a:hover.Sidebar{text-decoration: underline; color: #050; width: 100%;}
a:active.Sidebar{text-decoration: underline overline; color: red; width: 100%;}
a:visited.Sidebar{color: #050; width: 100%;}
/*
a:link.Sidebar{text-decoration: none; color: #050; padding: 2px 0 0 2px; width: 100%; margin-top: 4px; background-image: url(SidebarBackground.jpg); background-repeat: repeat-y; background-color: #cdddc5;}
a:hover.Sidebar{text-decoration: underline; color: #050; padding: 2px 0 0 2px; width: 100%; margin-top: 4px; background-image: none; background-color: #cdddc5;}
a:active.Sidebar{text-decoration: underline overline; color: red; padding: 2px 0 0 2px; width: 100%; margin-top: 4px; background-image: url(SidebarBackground.jpg); background-repeat: repeat-y; background-color: #cdddc5;}
a:visited.Sidebar{color: #050; padding: 2px 0 0 2px; width: 100%; margin-top: 4px; background-image: url(SidebarBackground.jpg); background-repeat: repeat-y; background-color: #cdddc5;}
*/

div.PageNavigation{
text-align: left;
font-size: 0.75em;
}
div.PageNavigation a:before{content: url(DownArrow.gif) " ";}
div.PageNavigation a:link{text-decoration: none; color: #050;}
div.PageNavigation a:hover{text-decoration: underline; color: #050;}
div.PageNavigation a:active{text-decoration: underline overline; color: red;}
div.PageNavigation a:visited{color: #050;}

div.BackToTop{
text-align: right;
font-size: 0.75em;
}
div.BackToTop a:before{content: url(UpArrow.gif) " ";}
div.BackToTop a:link{text-decoration: none; color: #050;}
div.BackToTop a:hover{text-decoration: underline; color: #050;}
div.BackToTop a:active{text-decoration: underline overline; color: red;}
div.BackToTop a:visited{color: #050;}

p.ListHeading{
font-size: 1em;
font-weight: bolder;
font-style: italic;
}

span.Name{font-weight: bolder;}

h1{
text-align: center;
font-weight: bolder;
font-size: 1.6em;
}

h2{
clear: both;
text-align: center;
font-weight: bolder;
font-size: 1.4em;
text-shadow: 3px 3px 5px #555;
margin-top: 10px;
}

h3{
text-align: center;
font-weight: bolder;
font-size: 1.2em;
}

h2.Sub{
margin-top: 0;
font-style: italic;
font-weight: lighter;
font-size: 1.1em;
}

div.Quotation{
text-align: left;
font-size: 1.1em;
}
div.Quotation:before{content: open-quote;}
div.Quotation:after{content: close-quote;}

div.Credit{
text-align: right;
font-size: 0.9em;
margin-bottom: 0.5em;
}

img.Portrait{
float: left;
border-top: double 5px silver;
border-left: double 5px silver;
border-right: double 5px gray;
border-bottom: double 5px gray;
margin: 0 1em 0 0;
}

li{
list-style-type: disc;
list-style-image: url(bullet.gif);
font-style: normal;
marker-offset: 1em;
}

ul.Skills{
margin: 0 0 0 1.5em;
float: left;
width: auto;
}

li.Skills{
font-style: italic;
list-style-type: none;
list-style-image: none;
}

input.TextBox, textarea{
border: solid 1px black;
background-color: white;
width: 80%;
font-weight: bolder;
margin: 5px;
}

form{
font-weight: bolder;
text-align: center;
}
