@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #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;
	background-image:url(html_images/bg.gif);
	background-repeat:repeat-y;
	background-position:top center;
}
.oneColFixCtrHdr #container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0px auto 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px;
	border-left: 4px solid #999999;
	border-right: 4px solid #999999;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtrHdr #container_home {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border-left: 4px solid #999999;
	border-right: 4px solid #999999;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtrHdr #header {
	background-color: #000066; 
	padding: 0px;  /* 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. */
	margin: 0px;
}
.oneColFixCtrHdr h1 {
	margin: 20px 20px; /* 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: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	width: 400px;
	margin:0px 0px 0px 440px;
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 20px;
}

.oneColFixCtrHdr #mainContent_intro {
	width: 400px;
	margin:20px 0px 0px 440px;
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 20px;
}

#title {
	margin: 0px 0px 25px 0px;
	padding:0px;
	font-size:22px;
	letter-spacing: .5px;
	line-height: 26px;
	font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
}

.oneColFixCtrHdr #mainContent_home {
	width: 400px;
	margin:0px 0px 0px 440px;
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 20px;
}

#mainImage{
	margin: 0px 20px 0px 20px;
	width:400px;
	float:left;
	display:inline;

}

#mainImage p{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	border-left: 1px solid #999999;
	line-height:16px;
	padding: 0px 10px;
	
}

.oneColFixCtrHdr #footer {
	margin: 20px 0px 0px 0px;
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color:#000066;

	color:#CCCCCC;
	font-size:12px;
	text-align:center;
}
.oneColFixCtrHdr #footer p{
	margin: 0px 0px 10px 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0px 0px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
	letter-spacing:.5px;
	color: #CCCCCC;
	padding-bottom: 4px;
}

.oneColFixCtrHdr #footer a{
	text-decoration: none;
	color: #ddd;
	border-color: #000066 #000066 #888 #000066;
	border-width: 1px;
	border-style: solid;
	padding: 3px 2px 2px 2px;
	background-color: inherit;
	}
	
	.oneColFixCtrHdr #footer a:hover{
	
	text-decoration: none;
	border-color: #888;
	border-width: 1px;
	border-style: solid;
	}
	
	

#navcontainer{
	margin:0px;
	padding:0px;
}

#navlist{
padding: 0px 20px 3px 20px;
margin: 0px;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
background-color:#000066;
text-align:right;
}

#navlist li{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a{
padding: 3px 0.4em;
margin-left: 1px;
border: 1px solid #778;
border-bottom: none;
background: #999;
text-decoration: none;
}

#navlist li a:link { color: #333; background: #ccc;}
#navlist li a:visited { color: #333; background: #ccc;}

#navlist li a:hover{
color: #000;
background: #cc9933;
border-color: #999;
}

#navlist li a#current{
background: white;
border-bottom: 1px solid white;
color:#000033;
}

#subnav{
	margin:0px;
	padding:0px;
}

ul#subnavmenu{
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding: 0px 20px 3px 20px;
	margin:10px 0px 10px 0px;
}

#subnavmenu li
{
	color:#999;
	display: inline;
	list-style-type: none;
}

#subnavmenu a { 
	padding: 3px 4px 3px 4px; 
	margin:0px;
}


#subnavmenu a:link, #subnavmenu a:visited {
	color: #666;
	background-color: #fff;
	text-decoration: none;
}

#subnavmenu a:hover
{
	color: #333;
	text-decoration: none;
}

#subnavmenu li a#current2 {
	color: #000;
	background-color: #fff;
	text-decoration:none;
	border-bottom: 1px solid #000;
}



ul#subnavmenu_gallery{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding: 0px 20px 3px 20px;
	margin:10px 0px 10px 206px;
}

#subnavmenu_gallery li
{
	color:#999;
	display: inline;
	list-style-type: none;
}

#subnavmenu_gallery a { 
	padding: 3px 4px 3px 4px; 
	margin:0px;
}


#subnavmenu_gallery a:link, #subnavmenu_gallery a:visited {
	color: #666;
	background-color: #fff;
	text-decoration: none;
}

#subnavmenu_gallery a:hover
{
	color: #333;
	text-decoration: none;
}

#subnavmenu_gallery li a#current2 {
	color: #000033;
	background-color: #fff;
	text-decoration:none;
	border-bottom: 1px solid #000033;
}


#gallery {
	margin:20px 0px 25px 0px;
	padding:0px;
}

#gallery img a{
	margin:0px;
	padding:0px;
}

#home_quote{
	width: 550px;
	font-size:22px;
	line-height: 28px;
	font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
	margin: 0px 0px 0px 300px;
	padding:0px;
}

.byline {
	font-size:14px;
	line-height: 16px;
	font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.white{
color:#fff;
}

#home_photo{
	text-align:right;
	width:280px;
	float:left;
	padding: 5px;
	
}

#home_photo img{
	outline: 3px solid #666;
}

.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;
}


hr {
  width: 95%;
    border: 0;
	color:#999999;
	background-color:#999999;
	height: 1px;
	text-align:center;
	margin: 20px;
	
}

#quote{
	border-top: 1px solid #999966;
	padding:10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

#quote_photo{
	float:right;
	margin: 0px 0px 0px 10px;
}

#quote_photo img{
	outline: 2px solid #999966;
	}

#quote p{
	font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;
	color:#999966;
	font-size: 16px;
	line-height: 20px;
	font-weight:bold;
	vertical-align:top;
	margin-top: 0px;
	border:none;
}

#quote .byline {
	font-size:11px;
	line-height: 16px;
	font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

div#quote p.byline a{
	font-size:12px;
	font-style:italic;
	line-height: 16px;
	font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#999966;
}