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

body {
	font: 100% Optima, Helvetica, Verdana, Arial,  sans-serif;
	background:#92a5b8;
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin:0px auto;
	border:1px solid #FFFFFF;
	border-top:none;
	text-align: left;
	background-image:url(../graphics/HeaderBack.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.oneColFixCtrHdr #container2 {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin:0px auto;
	border:1px solid #FFFFFF;
	border-top:none;
	text-align: left;
	background-image:url(../graphics/HeaderBackCity.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
.oneColFixCtrHdr #header {
width:1000px;
/*	background: #DDDDDD; */ 
	margin-left: -20px;
	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. */
	margin-top:0px;
}
.oneColFixCtrHdr #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: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size:24px;
	font-weight:normal;
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-right:50px;
	min-height:800px;
	width:600px;
}
.oneColFixCtrHdr #mainContent h1 {
	width:650px;
	color:#003366;
	font-weight:normal;
}
.oneColFixCtrHdr #mainContent h2 {
	color:#003366;
	padding-left:40px;
	font-weight:normal;
}
.oneColFixCtrHdr #mainContent h3 {
	color:#003366;
	padding-left:20px;
	font-weight:normal;
}
.oneColFixCtrHdr #mainContent p
{ width:600px;
font-size: 13px;
	font-family: Optima, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height: 19px;
	padding-left:35px;
}
.oneColFixCtrHdr #footer {
	padding:10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin-top:0px;
	background-color:#6699CC;
	width:980px;
	height:90px;
	margin-left:-20px;
}
.oneColFixCtrHdr #footer2 {
	padding:10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin-top:25px;
	background-color:#6699CC;
	width:980px;
	height:15px;
	margin-left:0px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:12px;
}
.oneColFixCtrHdr #footer2 p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:10px;
	text-align:right;
}
#navcontainer ul
{
padding-left:210px;
background:url(../graphics/Navback.png);
margin-left:-20px;
padding-top:0;
margin-top:20px;
margin-bottom:15px;
float: left;
width:790px;
height:50px;
z-index:1;
}

#navcontainer ul li { 
display: inline; 
}

.oneColFixCtrHdr #mainContent p a {
text-decoration:underline;
}

#navcontainer ul li a
{
	padding:15px 12px 10px 12px;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
/*	height:50px;*/
	white-space:nowrap;
	font-family: Myriad Pro, helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
}

#navcontainer ul li a:hover
{
	background-image:url(../graphics/NavBackHover.png);
	background-repeat:repeat-x;
	color: #FFFFFF;
	height:30px;
}
#navcontainer a#current
{
background-image:url(../graphics/NavbackOn.png); 
background-repeat:repeat-x;
height:30px;
}

#navcontainer ol
{
margin-left:140px;
margin-top:-30px;
float: left;
width:600px;
height:20px;
}

#navcontainer ol li 
{ 
	display: inline; 
}

#navcontainer ol li a
{
	padding:20px 5px 10px 5px;
	color: #000033;
	text-decoration: none;
	height:20px;
	white-space:nowrap;
	font-family: Myriad Pro, helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}

#navcontainer ol li a:hover
{
	color: #003366;
	text-decoration:underline;
}

.subnavOn    {
	color:#666666;
	text-decoration:none;
	font-family: Myriad Pro, helvetica, sans-serif;
	font-size:12px;
	padding:20px 5px 10px 5px;
	text-transform:uppercase;
	font-weight:bold;
}

.subnavOn2    {
	color:#000033;
	font-family: Myriad Pro, helvetica, sans-serif;
	list-style-type:square;
	font-weight:bold;
}

#logo
{
border:none;
z-index:0;
margin-bottom:18px;
margin-top:-105px;
margin-left:0px;
vertical-align:top;
}
.donation
{
width:200px;
}
.boardmug
{
	margin:0 10px 10px 20px;
	border: 1px solid #000033;
	padding:2px;
	margin:0px 0px 15px 15px;
	float:right;
	background:#666666;
}
.whiteframe
{ margin:0 10px 10px 10px;
border: 1px solid;
border-color:#003333;
padding:10px;
background:#FFFFFF;
}
.buttons
{
display:block;
width:800px;
height:130px;
}
#rightcolumn
{
width:250px;
height:400px;
float:right;
margin-top:112px;
padding:25px;
background-image:url(../graphics/BrushedMetalBlueSidebar.jpg);
background-repeat:repeat-x;
}
#rightcolumn2
{
width:250px;
height:400px;
float:right;
margin-top:112px;
padding:25px;
background-image:url(../graphics/BrushedMetalBlueNoTextSidebar.jpg);
background-repeat:repeat-x;
}
#rightcolumn p
{
	font-size: 13px;
	font-family: Optima, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height: 19px;
	text-align:left;
}

#testimonial p
{
	font-size: 12px;
	font-style:italic;
	font-weight:bold;
	font-family: Optima, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height: 19px;
	color:#006699;
}

#testimonial a
{
	font-size: 10px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height: 19px;
	color:#003366;
	float:right;
}

#testimonial a:hover
{
	color:#660000;
	text-decoration:underline;
}
.subhead
{
text-transform:uppercase;
color:#333333;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:13px;
margin-bottom:-10px;
}

#rightcolumn ul
{
margin-bottom:55px;
font-family: Optima, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size:13px;
line-height:16px;
z-index:1;
list-style-type:none;
}

#rightcolumn ul a
{
	text-decoration: none;
	font-weight:bold;
	color:#003366;
}
#rightcolumn ul a:hover
{
	text-decoration: underline;
	list-style-type:square;
	color:#000033;
}

#h1back
{
background-repeat:no-repeat; 
background-position:top left; 
height:180px;
width:680px;
margin-top:-15px;
margin-bottom:-75px;
z-index:0;
}

#mainContent ul
{
margin-bottom:35px;
font-size: 13px;
font-family: Optima, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
line-height:17px;
z-index:1;
list-style-type:square;
}

.product a
{ background-image:url(../graphics/ProductButtonBack2.png);
background-repeat:no-repeat;
background-position:top center;
width:250px;
height:88px;
display:block;
margin-bottom:6px;
}
.product a:hover
{ background-image:url(../graphics/ProductButtonBack2.png);
background-repeat:no-repeat;
background-position:bottom center;
width:250px;
height:88px;
display:block;
}