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

/* Eric Meyer's Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	visibility: visible;
	text-align: left;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {
	color: #666;
	background:#fff;
	line-height:1.2;
}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border: thin solid #CCC;
	padding: 4px;
	width: 100%;

}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* End Eric Meyer's Reset*/

body{
	text-align:center;
	width:100%;
	font-size:0.8em;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	background-image: url(../images/ponderosa-bkgrnd_idl_header.jpg);
}
#container{
	background:#fff;
	text-align: left;
	margin: 0 auto;
	position: relative;
	overflow: visible;
	width: 960px;
}
a:link, a:visited, a:hover, a:active{text-decoration:none;}
a:hover{text-decoration:underline;}
p{margin:5px 0;}
.mar_bot_100{margin-bottom:100px;}
.mar_bot_200{margin-bottom:200px;}
.mar_bot_250{margin-bottom:250px;}
.mar_bot_300{margin-bottom:300px;}
.mar_bot_500{margin-bottom:500px;}

#content p{margin:10px 0; line-height:140%;}
#content{padding:20px;}
#oneCol ul, #rightCol ul, #centerCol ul{margin-bottom:20px;}
#oneCol ul li, #rightCol ul li, #centerCol ul li{
	line-height:1.5;
	padding-left:15px;
}
#oneCol ul li ul, #rightCol ul li ul, #centerCol ul li ul, #oneCol ol li ol, #rightCol ol li ol, #centerCol ol li ol{margin-bottom :0;} 

h1{font-size:240%;}
h2{font-size:200%;margin-bottom:15px;}
h3{font-size:170%;color:#444;padding:20px 0 10px 0;}
h4{font-size:145%;margin:15px 0 5px 0;}
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
ol {padding:0 0 0 20px }
#content dt {font-weight: bold;padding: 15px 0 0 0;}

/* HEADER */
.headingOne{position:absolute;top:29px;left:248px;z-index:400;}
h1#bigHug{font-size:350%;}
.headingTwo{position:absolute;top:38px;left:248px;z-index:400;line-height:.5;}
.headingThree{
	position:relative;
	top:20px;
	left:18px;
	z-index:400;
	line-height:1;
}
.smaller{font-size:42%;font-weight:bold;color:#000;}

#utilities{height:30px;background:#343434;width:100%;}
#utilities p{width:200px;float:left;color:#fff;}
#utilities ul{float:right;margin:0;padding:5px 0 0 0;}
#utilities li{float:left;}
#utilities ul a{float:left;display:block;color:#fff;padding:0 5px;}
.hide a:link, .hide a:visited, .hide a:hover {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
.hide a:active, .hide a:focus {position:static; width:auto; height:auto;}
#header a {display: block;height: 132px; width: 100%;text-decoration:none;z-index:100;}
#header a span {visibility: hidden;}
#header form{z-index:200;width:262px;position:absolute;top:0px;right:10px;margin:10px 0 0 0;height:26px;background:url(../images/magnify.gif) no-repeat center left;padding-left:30px;}
#header fieldset{width: 265px;margin: 0 auto;}
#header form #go{margin-bottom:-7px;}
#header form #q{width:230px;}
#home #header form{margin-right:-20px;}
#home #header form #q{width:145px;}
#home #header fieldset{width: 205px;}
#home #header form{width:205px;background:none;}

/* NAVIGATION */
ul#sidenav,ul#sidenav li,ul#sidenav ul {  margin: 0;  border: 0 none;  padding: 0;  width: 136px; /*For KHTML*/  list-style: none;}
ul#sidenav li {  float: left; /*For IE 7 lack of compliance*/  display: block !important; /*For GOOD browsers*/  display: inline; /*For IE*/  position: relative;}
ul#sidenav a {  border: 1px solid #FFF;  border-right-color: #CCC;  border-bottom-color: #CCC;  padding: 9px 5px 9px 18px;  display: block;  background: #FFF url(../images/sideNav.jpg) repeat-y top right;height:1%;  text-decoration: none;  height: auto !important;  height: 1%; /*For IE*/}
ul#sidenav a:hover, ul#sidenav li:hover a,ul#sidenav li.iehover a {background:#fff;text-decoration:underline;  /* USE these borders when fly-outs are added: border-bottom-color: #999; border-right-color: #999;*/}

/* FOOTER */
#footer{
	background:url(../images/united.gif) no-repeat top left;
	clear:both;
	padding:15px 0;
	height:100px;
}
#footer ul{float:left;margin: 0 0 0 105px;padding:0;width:100%;}
#footer li{float:left;padding:5px 7px;}
#footer ul a{float:left;display:block;}
#footer .copyright {
	font-size:90%;
}

/* ONE COLUMN LAYOUT */
#oneCol{width:960px;position:relative;background:url(../images/mainContentGradient.jpg) repeat-x top left;margin:0;}

/* TWO COLUMN LAYOUT */
#leftCol{width:136px;float:left;}
#rightCol{
	width:795px;
	float:left;
	position:relative;
	background:url(../images/mainContentGradient.jpg) repeat-x top left;
	margin: inherit;
}

/* THREE  AND FOUR COLUMN LAYOUT */
#centerCol{float:left;width:507px;position:relative;background:url(../images/mainContentGradient.jpg) repeat-x top left;margin:0;}
#rightCol3{float:right;width:317px;background: url(../images/subContentGradient.jpg) repeat-y top left;}
.rightColMain, .rightColSub{width:265px;margin:0 19px;}
.rightColMain h4, .rightColSub h4{padding: 2px 5px;margin-top:25px;}
.rightColMain ul, .rightColSub ul{padding:0 10px 10px 10px;}
.rightColMain ul li, .rightColSub ul li{padding-left:13px;background: url(../images/arrowsRightCol.png) no-repeat top left;border-bottom:dotted 1px #767664;line-height:1.5;}
/*NOTE: The promotional section is only available in the three and four column layouts*/
#promote{width:303px;position:absolute;right:-1px;top:75px;clear:both;margin-right:15px;z-index:200;}
#promote h3{font-size:110%;margin:0;padding:0 0 0 5px;font-weight:bold;}
/*If you'd like to add an image, add it as a background to #promote p in the promote.css file. Make the image 202px x 65px if you'd like some text to fit beside it. If you want the a:link text to line up with the h3, remove the absolute positioning. */
#promote a{padding:0 0 0 5px; position:absolute;top:30px;right:0;width:101px;}
.black{color:#000;font-weight:normal;}
#promote p{padding:0;height:65px;}

#centerColLeft{width:213px; float:left;}
#centerColRight{width: 213px;float:right;}

#centerColLeftBg{width:295px;float:left;}
#centerColRightSm{width:152px;float:right;}

/* PALETTE */
ul#palette li{line-height:2.5;}
ul#palette li span {padding:5px 10px;margin:2px;}
.palette_topbar{background:#343434;color:#fff;}
.text-font {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #900;
}