@charset "UTF-8";
/* CSS Document */

*
{
margin: 0;
}

html, body
{
height: 100%;
background-image: url(../images/blackgradientstripes-120px.png);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
background-color: #111111;

}

p {
color: #999999;
font-size: .9em;
padding: 1px;
margin-top: 5px;
margin-bottom: 5px;
}

h1 {
color: #777777;
}

a:link 
{
color: #CCCCCC;
}

a:hover {
color: #666666;
}

a:visited {
color: #fcf6c1;
}

.wrapper 
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
	width: 900px;
}	

.push 
{
    height: 4em;
}

.footer
{
background-image: url(../images/blackgradientstripes-upsidedown-75px.png);
background-repeat: repeat-x;
height: 4em;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.footertext
{
width: 900px;
margin-left: auto;
margin-right: auto;
padding-top: 1.5em;
}

.caption {
margin-top: 1em;
font-size: .8em;
color: #888888;
}

#header
{
background-repeat: repeat-x;
border-bottom: medium;
width: 900px;
height: 120px;
margin-top: 0px;
padding: 0em 0em 0em 0em;
border-bottom: #000000 medium;
z-index: 1;
}

.title 
{
font: Arial;
font-size: 1.8em;
padding-bottom: 0px;
padding-top: 1.9em;
margin-bottom: 0px;
color: #000000;
}

#header h2
{
font-size: 1.2em;
color: #666666;
margin-top: 0px;
text-transform: lowercase;
}

#navcontainer ul
{
position: absolute;
top: 120px;
padding-left: 0;
margin-left: 0;
background-color: #000;
color: White;
/* float: left; */
margin-top: 0px;
padding-top: 0px;
width: 100%;
font-family: arial, helvetica, sans-serif;
z-index: 1;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #000;
color: #666666;
text-decoration: none;
float: right;
border-left: 1px solid #666666;
}

#navcontainer ul li a:hover
{
background-color: #555;
color: #fff;
}

#content
{
clear: both;
width: 900px;
z-index: 0;
}

#front-page-main-pic
{
position: absolute;
top: 180px;
}

#rightpics
{
position: relative;
top: 54px;
left: 535px;
width: 170px;
height: 100%;
}

#rightpics p
{
padding-bottom: 25px;
}

#rightpics2
{
position: relative;
clear: none;
top: -480px;
left: 730px;
width: 170px;
height: 100%;
}

h1 
{
font: Arial;
font-size: 1.4em;
padding-bottom: .2em;
padding-top: .2em;
margin-bottom: .2em;
font-weight: normal;
}

/* Drop-down menu styles */

#menu{position:absolute;margin-top:10px;}
#menu ul .item{display:none;}
#menu ul:hover .item{display:block;background:#000;padding:1px;margin:1px;}

#menu ul:hover .item a{color:#fff;text-decoration:none;}
#menu ul:hover .item a:hover{color:#999;}

#menu ul
{
position: absolute;
top: 120px;
padding-left: 0;
margin-left: 0;
background-color: #000;
color: White;
/* float: left; */
margin-top: 0px;
padding-top: 0px;
width: 100%;
font-family: arial, helvetica, sans-serif;
z-index: 1;
}
#menu li
{
display: inline;
}
.clear{clear:both;height:10px;}



/* Old pic alignment

#front-page-small-pic1
{
position: absolute;
top: 170px;
width: 200px;
height: 200px;
padding-left: 25px;
}

#front-page-small-pic2
{
position: absolute;

width: 150px;
height: 150px;
padding-left: 25px;
}

#front-page-small-pic2
{
position: absolute;
top: 450px;
width: auto;
padding-left: 25px;
}

*/