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

body{
font-family:verdana,arial, san serif;
font-size:small;
background: #fff;
}

#container {
margin:0 auto;
width:900px;
background:#fff;
border: 0px solid gray;
line-height: 130%;
}

#masthead {
position:relative;
background:#fff url(img/blackandwhitemast.jpg);
height:108px;
width:900px;
}

h1{
color:#000;
font-size:200%;
font-style:normal;
font-weight:bold;
line-height:24px;

}

h2{

color:#30261c;
font-size:125%;
font-style:normal;
font-weight:bold;
}

h3{

color:#30261c;
font-size:100%;
font-weight:bold;
}

h4{
color:#000000;
font-size:100%;
font-weight:bold;
}

h5{
color:#000000;
font-size:small;
font-weight:bold;
}


p {
color:#000000;
font-family:verdana;

}
#homepagecontent {
width:800px;
margin-left: 20px;
margin-right:20px;
background:#fff;
padding: 2em;

}

/*--------------------content-----------------*/
#content {
float:left;
width: 150px;
margin: 20px;
padding: 1em;


}



/*----------------right column-------------------------*/
#rightcol {
margin-left: 250px;
border-left: 0px solid gray;
padding: 3em;
max-width:45em;


}

#rightcol li {
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}


#rightcol p {
margin: 0 0 1em 0;
}

/*--------------------navigation---------------*/
#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 0px solid #000;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: right;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:hover { color: #000; }
}


/*-------------vert nav--------------------*/
#navcontainervert ul
{
list-style-type: none;
text-align: left;
}

#navcontainervert ul li a
{
background: transparent url(images/list-off.gif) left center no-repeat;
padding-left: 5px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #999;
}

#navcontainervert ul li a:hover
{
background: transparent url(images/list-on.gif) left center no-repeat;
color: black;
}

#navcontainervert ul li a#current
{
background: transparent url(images/list-active.gif) left center no-repeat;
color: #666;
}

/*---------------stripe------------------------*/

#smallbluestripe {
background-color:#336666;
height:10px;
width:900px;
}
#paperstripe {
position:relative;
background:#3366cc url(images/paperstripethin.jpg);
height:17px;
width:900px;
}
#pinkstripe {
background-color:#cc3366;
height:10px;
width:900px;
}
#blkstripe {
background-color:#000;
height:30px;
width:900px;
}
#greenstripe {
background-color:#006633;
height: 10px;
width:900px;
}
#ltbluestripe {
background-color:#ccffff;
height: 10px;
width:900px;
}
#kimonostripe {
background:#3366cc url(images/kimonostripe.jpg);
height:100px;
width:900px;
}