@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;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {color: black;background:#fff;line-height:1.2;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* End Eric Meyer's Reset*/

body{background:#fff;text-align:center;width:100%;font-size:.8em; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#2F2F2F;}
#container{position:relative;width:960px;margin:0 auto;background:#fff;text-align:left;}
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;background:url(../images/arrowsRightCol.png) no-repeat top left;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:25px;left:248px;z-index:400;line-height:.5;}
.headingThree{position:absolute;top:20px;left:248px;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:710px;float:left;color:#fff;font-style:normal;}
#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{position:relative;margin:0;}
#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;width:960px;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:824px;float:right;position:relative;background:url(../images/mainContentGradient.jpg) repeat-x top left;margin:0;}

/* 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;}

/* CUSTOM STYLE */
.post-table td { padding: 3px; }