@import "optimized.css" screen, print;

body { 
font: .7em Verdana, Arial, Helvetica, sans-serif;
background: #e3ead0 url(../images/bg.jpg) repeat-x top; 
margin: 0; 
padding: 0; 
text-align: center; 
color: #000000; 
}

a:link, a:visited { 
color: #678ca0; 
text-decoration:none; 
border-bottom:1px dotted #678ca0; 
}
a:hover { 
color: #8ec2db; 
}

a.noBorder:link, a.noBorder:visited { 
border: none; 
text-decoration: none; 
}

.logo {
	border: 0px;
}

h2 { 
color: #000000; 
font: small-caps 24px Georgia, "Times New Roman", Times, serif; 
margin: 0px 0px 0.2em; 
padding: 0px; 
line-height:1.1em;
}
h3 { 
text-transform: uppercase; 
color: #586242; 
font-size: 85%; 
line-height:1.1em; 
letter-spacing: 0.07em; 
word-spacing: 0.07em; 
margin-top: 0.5em; 
margin-bottom: 0.8em;
padding:0; 
}
p { 
margin: 0 0 .8em 0; 
}


/* LAYOUT - Descriptions:
------------------------------------------
o #container is the left column with content
o #sidebar is the right column inside the container
o Each container divides the page into rows:  	
	1) Image & Nav 			(#container.top) 	
	2) Res Bar 					(#container.resbar) 	
	3) Content 					(#container.content) 	
	4) Footer						(#container.footer) 	
	5) Page Bottom			(#container.bottom)
------------------------------------------*/
#container { 
width: 800px; 
background: #FFFFFF; 
margin: 20px auto 0; 
text-align: left; 
overflow: hidden; 
border: 1px solid #bbcdd0; 
position: relative;
z-index: 1; 
}
#container .resbar { 
background: #c4e3e9; 
padding: 0px; 
height: 10px; 
}
#container #shortRes.resbar { 
width:599px; 
}

.indented {
margin-left: 140px;
}	

/* STYLES
------------------------------------------*/
.img { 
margin: 10px 0px 10px 10px; 
}
.img2 { 
margin: 10px 0px 0px 10px; 
padding: 0px; 
} 
/* Interior image area */


/* CONTENT AREA STYLES
------------------------------------------*/
#home #container .content { 
background: #e6f4f5 url(../images/sidebar_tile.jpg) repeat-y 601px top; 
padding: 10px; 
width: 780px; 
line-height: 1.6em; 
top: 0px; 
position: relative; 
overflow: hidden; 
font-weight: normal; 
}

#home #container .content .sidebar1 a, #home #container .content .sidebar1 a:visited { 
background:none;
color: #000000;
}
#home #container .content .sidebar1 a:hover {
color:#333333;
}


#container .content { 
background: #e6f4f5 url(../images/sidebar_tile.jpg) repeat-y 601px top; 
padding: 10px; 
line-height: 1.6em; 
border-top: 1px solid #FFFFFF; 
}
#container .content p { 
font-family: Arial, Helvetica, sans-serif; 
}
#container .content blockquote { 
margin: 0px 200px 0px 0px; 
display: block; 
background: #FFFFFF; 
border: 1px solid #d5e4e6; 
padding: 15px 15px 0.5em; 
float: left;
width: 70%;
}

#container .content blockquote ul {
margin: 0 0 10px 0;
list-style: inside;
}

#container .content blockquote ul li{
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 0px 15px;
}

#container .content blockquote #colOne {
width: 177px;
float: left;
display: block;
border-right: 1px solid #999999;
padding: 0 3px 0 0;
height: 515px;
}
#container .content blockquote #colTwo {
width: 177px;
float: left;
display: block;
border-right: 1px solid #999999;
padding: 0 3px;
height: 515px;
}
#container .content blockquote #colThree {
width: 177px;
float: left;
display: block;
padding: 0 0 0 3px;
height: 515px;
}
#container .content blockquote .colContent {
margin: 0 4px;
}

#container .content td {
padding: 5px;
}

#container .content .sidebar1 { 
text-align: center; 
font-size: 70%; 
line-height: 1.5em; 
position: absolute; 
right: 1px;
}


/* SUB NAVIGATION
------------------------------------------*/
#container .content ul.subnav { 
float: left; 
text-transform: uppercase; 
text-align: right; 
background: url(../img/dotted-horiz-dg.gif) repeat-x left bottom; 
margin: 5px 0px 16px 0px; 
font-size: 9px; 
font-weight: normal; 
padding-bottom: 1px; 
line-height:13px;
width: 125px; 
}
#container .content ul.subnav li { 
padding:0 0 1px 0;
margin: 0; 
background: url(../img/dotted-horiz-dg.gif) repeat-x left top; 
list-style: url(none) none; 
}
#container .content ul.subnav li a {
margin:0; 
padding:1px 0px 1px 0px; 
border:none; 
display:block; 
color: #4D7500; 
height:13px; 
white-space:nowrap; 
}

#container .content ul.subnav li a:hover { 
margin:0; 
background: #F6F7F1  url(../img/dotted-horiz-dg.gif) repeat-x left top; 
color: #232323; 
}

#container .content ul.subnav li.active {
background: #F6F7F1  url(../img/dotted-horiz-dg.gif) repeat-x left top;
}



/* FOOTER
------------------------------------------*/
#container .footer  { 
color: #4d809a; 
text-transform: uppercase; 
text-align: center; 
padding:3px 0; 
background: #c4e3e9;
border-top: 1px solid #BBCDD0; 
letter-spacing: normal; 
font-size: 9px; 
height: 1.3em; 
clear: both; 
}
#container .footer a  { 
color: #4d809a; 
text-decoration:none; 
background:none;
border-bottom: none;
}
#container .footer a:hover  { 
color: #4d809a;
border-bottom: 1px dotted #678CA0;
}  
#container .footer ul { 
padding-right: 5px; 
padding-left: 5px; 
margin: 0px; 
}
#container .footer ul li { 
display: inline; 
list-style: none; 
padding-left: 5px; 
padding-right: 5px; 
}
#container .footer ul li.last { 
background: none; 
}

#address { 
color: #D1D7BF; 
font: 9px "Times New Roman", Times, serif; 
width: 802px; 
height: 1.3em; 
padding: 4px 0px 5px 0; 
margin: 0px auto 5px; 
text-align: center; 
overflow: hidden; 
background: url(../images/footer_tile.jpg) repeat; 
}
#address div { 
display: inline;
padding-right: 10px;
padding-left: 10px; 
}
#address .type { 
text-transform: uppercase; 
}
#address .value { 
margin-right: 10px; 
}
#address .org { 
text-transform: uppercase; 
}

#bottom { 
color: #7D8E57; 
font: 9px "Times New Roman", Times, serif; 
width: 800px; 
height: 1.3em; 
margin: 5px auto; 
text-align: left; 
overflow: visible; 
text-transform: uppercase; 
}
#bottom .sidebar1 { 
padding: 0px; 
width: auto; 
margin: 0px 10px 30px 0; 
}
#bottom a, #bottom .sidebar1 a { 
font-weight: normal; 
color: #7D8E57; 
border-bottom:1px dotted #669900; 
}
#bottom a:hover, #bottom .sidebar1 a:hover { 
font-weight: normal; 
color: #444A35;
}


/* RIGHT COLUMN STYLES
------------------------------------------*/
.sidebar1 { 
float: right; 
width: 178px; 
padding: 10px 10px 0px;
/* since this element is floated, a width must be given */
/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/* the background color will be displayed for the length of the content in the column, but no further */
}

#container .sidebar1 p {
position: absolute;
right: 7px;
top: 290px;
z-index: 200;
margin-top: 10px; 
margin-bottom: 2em;  
}
#container .sidebar1 p a { 
font-size: 1em; 
font-weight: 300;
}
#container .sidebar1 p a.special { 
font-size: .75em; 
padding: 5px; 
text-decoration: underline; 
border: none; 
}
#container .ResRight { 
padding: 0px; 
height: 10px; 
margin: 0px;
width: 199px; 
}
#container .ResInterior { 
padding: 0px 10px; 
border-bottom: 1px solid #FFFFFF; 
border-left: 1px solid #FFFFFF; 
background: #fff; 
height: 39px; 
}
#container .nav .logo { 
margin:4px 0; 
}


#container .nav { 
text-align: center; 
background: #fff; 
padding-top: 10px; 
z-index: 100; 
float: right;
width: 178px;
margin-right: 12px; 
}


#container .nav ul { 
color: #000000;
text-align:center; 
margin: 2px auto 0px; 
padding: 0px;
width: 142px; 
}
#container .nav ul li { 
padding:0; 
margin: 0; 
list-style: none;
border-top: 1px dotted #999999;
}
#container .nav ul li.last {
border-bottom: 1px dotted #999999;
}
#container .nav ul li a { 
font: .75em Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
display: block; 
color: #000000;
margin:0; 
padding:0; 
border:none;
line-height: 1.25em; 
}
#container .nav ul li a:hover { 
background: #e6f4f5;
}



/* CONSTANTS and HACKS
------------------------------------------*/
.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:0px; 
line-height: 0px; 
font-size: 1px; 
}



/* Sidebar Coupon ad
----------------------------------------*/
#coupon {
margin: 0px;
padding: 0px;
}
#coupon img {
border: none;
}
#coupon a:link, #coupon a:visited {
border: none;
}


/* Site Map Styles
----------------------------------------*/
ul#sitemap li {
list-style: none;
}