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

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;/*#666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
ul {margin:0;padding:0;}

#title {
position:fixed;
top:258px;
width:200px;
padding:10px;
background-color:#000000;
text-align:left;
float:left;
text-decoration:none;
border:thin #B7802A dotted;
}
#title a{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
line-height:16pt;
color:#FFFFCC;
text-align:left;
text-decoration:none;
}
p.title {
font-family:Arial, Helvetica, sans-serif;
font-size:12.5pt;
color:#B7802A;
text-align:center;
text-decoration:none;
padding-bottom:5px;
border-bottom:thin #ffffcc dotted;
}
#title a:link{
color:#FFFFCC;
text-decoration:none;
}
#title a:visited{
color:#FFFFCC;
}
#title a.active{
color:#B7802A;
}
#title a:hover{
color:#cccccc;
}

.twoColFixRtHdr #container { 
	width: 765px;
	 /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #header { 
	background: #fff; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.twoColFixRtHdr #navigation {
	vertical-align:bottom;
    float: left;
    width: 765px;
	background-color:#FFFCC0; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	padding-bottom:10px;
} 
.twoColFixRtHdr #navigation h1 {
    width: 765px;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #mainContent {
    float: left;
    width: 765px;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #000000;
	border-bottom:.3px #660000 solid;
	vertical-align:top;
} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#navigation a.active{
color:#B7802A;
}
#navigation a.active_red{
color:#660000;
}
a {text-decoration:none;outline: none;}

div.nav {
vertical-align: middle;
font: Arial, Helvetica, sans-serif oblique;
font-size:  15px;
background-color: #FFFCC0;
padding-bottom: 0;
/*border-bottom:.3px #660000 solid;*/
}
div.nav a{
text-decoration:none;
padding-right:50px;
text-align:center;
}
div.nav a:link{
color:#000000;
text-decoration:none;
}
div.nav a:visited{
color:#000000;
}
div.nav a:active{
color:#ff9900;
}
div.nav a:hover{
color:#999999;
}

div.nav2 {
vertical-align: middle;
font: Arial, Helvetica, sans-serif oblique;
font-size:  15px;
background-color: #FFFCC0;
padding-bottom: 0;
border-top:1px #B7802A solid;
}
div.nav2 a{
padding-right:50px;
text-align:center;
color:#ffffff;
}
div.nav2 a:active{
color:#999999;
}
div.nav2 a:hover{
color:#A0A0A0;
}


.twoColFixRtHdr #copyright {
background-color:#FFFCC0;
}
.twoColFixRtHdr #copyright h1{
background-color:#FFFCC0;
vertical-align:middle;
text-align:center;
font:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666;
}

.pics { height:250px;  z-index:0; top:0;}
.pics li{height:100%; width:100%; vertical-align:top; }
.pics img { vertical-align:top; text-align:center;  padding: .5px; border: 1px solid #000; background-color: #000; top:0;}
.pics img {
	-moz-border-radius: 0px; -webkit-border-radius: 0px;
}

p.main_h1 {
vertical-align:top;
font:Arial, Helvetica, sans-serif oblique;
font-size:11pt;
}
p.main_h1 a{
color:#000000;
}
p.main_h1 a:active{
color:#E2E2E2;
}
p.main_h1 a:hover{
color:#CCCCCC;
}

p.main_h2 {
vertical-align:top;
font:Arial, Helvetica, sans-serif oblique;
font-size:11pt;
color:#ffffff;
}
p.main_h2 a{
color:#ffffff;
}
p.main_h2 a:active{
color:#E2E2E2;
}
p.main_h2 a:hover{
color:#CCCCCC;
}
p.bio{
vertical-align:top;
font:Arial, Helvetica, sans-serif oblique;
font-size:13pt;
color:#999999;
line-height:18pt;
}

p.bio a{
color:#B7802A;
}

p.contact{
vertical-align:middle;
font:Arial, Helvetica, sans-serif oblique;
font-size:13pt;
color:#CCCCCC;
line-height:18pt;
}

p.contact a{
color:#B7802A;
}

p.contact a:hover{
color:#FFFCC0;
}