/* Base CSS Document */
@import url("body/body.css");

* { padding:0; margin:0; }

body { font-family:Verdana, sans-serif; font-size:x-small; color:#333; text-align:center; margin-top:18px; }

input { color:#666; font-size:1.1em; font-family:Arial, tahoma, sans-serif; }

select { color:#666; font-size:1em; font-family:verdana; border:solid 1px #ccc; }

input.wideColumn { width:250px; }
select.wideColumn { width:253px; }

a { color:#6ec3e4; line-height:1.5em; text-decoration:none; }
a:hover { background-color:#E4F6FD; text-decoration:none; }

p, table, ul { font-size:1.1em; }
ul ul { font-size:1em; }

p { line-height:1.5em; }
p.error { font-size:1em; }

ul { list-style:none; }
ol li { margin-bottom:0.6em; }

h1, h2, h3, h4 { font-weight: normal; letter-spacing: -1px; }
h1 { font-size:26px; float:left; }
h1 a { margin:0 0 5px 0; padding:0; line-height:26px; color:#000; }
h1 a:hover { background:none; }
h2 { font-size: 2em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
hr { display: none; }

div#siteWrapper { width:950px; margin:0 auto; text-align:left; padding:0 0 0 6px; }
div#pageBody { padding-top:10px; }

/*------ Start Header and Footer Content ------*/
#header{ padding:20px 0 0 0; margin:0 auto; height:74px; }
#header #tabBreak{ clear:both; text-align:right; padding-right:18px; color:#669900; font-size:13px; border-top:1px solid #E9E8E8;}
#header, #subHeader{ color:#ccc; display:block; width:976px; font-size:11px; }

div#header ul, div#subHeader ul{ display:block; }
div#header ul li, div#subHeader ul li{ float:left; display:block; }

div#header img.logo{ height:31px; display:block; float:left; padding:0 0 0 16px; border:0; }
div#header img.citiLogo{ display:block; float:right; padding:0 18px 0 0; border: 0; }

div#header a, div#subHeader a{ color:#666; }
div#header a:hover, div#subHeader a:hover{ text-decoration:none; background:none; color:#39adda; }

/*#header #topNav{ padding:18px 0 0 0; clear:both; border-bottom:1px solid #E9E8E8; width:976px; }*/

#header #topNav{ clear:both; width:976px; }
#header ul a { line-height:25px; }
#header ul.primaryNav{ padding:18px 0 0 16px; height:25px; float:left; line-height:25px; }
#header ul.secondaryNav{ padding:18px 18px 0 0; height:25px; float:right; font-size:10px; line-height:25px; }
#header ul.secondaryNav li a strong{ display:block; width:98px; line-height:25px; 
	background:url(images/applyArrow.gif) 85px 8px no-repeat;
	text-align:left; font-size:13px; color:#669900;
	cursor:pointer;  }
	
#subHeader{ margin:1px auto 0; padding:0; width:976px; display:block; text-align:left; font-size:10px; }
#subHeader ul.sectionNavigation{ display:block; float:left; height:25px; line-height:25px; 
	padding:0 200px 0 18px; background:#f3f2f3 url(images/navSubSide.gif) bottom right no-repeat; }
#subHeader ul.sectionNavigation li a { line-height:25px; }
#subHeader ul.sectionTextChange { display:block; float:right; width:378px; height:25px; line-height:25px; padding:0 18px 0 0; background:red; }
#subHeader p.topics {clear:both;padding-left:18px;}
#subHeader p.topics span a {line-height:25px;}

.clearAll{ clear:both; }
#header #topNav br.clear {display:none;}

/*------ Footer Content ------*/
div#calls {text-align:center; margin: 30px 0 10px 0;}
div#footer { clear:both; color:#888; font-size:small}
div#equalHousing {border-bottom:1px solid #888;; border-top:1px solid #888; height: 25px;  padding:7px 0; margin: 10px 8px 10px 2px}
div#equalHousing img {float: left; padding:0 10px 0 0}
div#footerLinks {margin: 10px 8px 10px 2px; padding: 5px 0; text-align: left}
div#footerLinks img {margin: -1px 5px 0 0}
div#footerLinks ul {float: right; list-style-type: none; font-size:small}
div#footerLinks li {float: left; margin: 0 0 0 20px}
div#footer .left  { float:left; width:500px; }
div#footer .right { float:right; width:440px; }
div#footer .right p { text-align:right; margin:2px 0 0 0; }
div#footer p { color:#7f7f7f; margin-top:2px; }
div#footer p a { color:#6ec3e4; font-size:.9em; text-decoration:underline; }
div#footer p a:hover { background-color:#fff; text-decoration:none; }
div#footer img.alignRight { float:right; margin-top:16px; }

/*------ Start Special Element Classes ------*/
.clear:after { content:"."; height: .1em; font-size:.1em; visibility:hidden; display:block; clear:both; }
div.clearLine { clear:both; display:block; padding:10px 0 30px 0; }
div.clearLineAuthor { clear:both; display:block; padding:1px 0 15px 0; color:#00adef; }
div.clearLineNoPadding { clear:both; display:block; }
div.clearLineReducedPadding { clear:both; display:block; padding:0 0 30px 0; }
div.letterBlock ul li { padding-top:0; }

.hide { display:none; }

/* Definition popup */

#popDef { position:absolute; top:30px; left:10px; z-index:1000; }
#popDef div { margin:0; padding:0; display:block; width:343px; }
#popDef #popCap { background:url(images/defPopCap.png) no-repeat; height:7px; }
#popDef #popBack { background:url(images/defPopBack.png) repeat-y; }
#popDef #popBottom { background:url(images/defPopBottom.png) no-repeat; height:7px; }
#popDef #popBody { background:#fffeeb; clear:both; width:329px; margin:0 7px; }
#popDef #popClose { background:url(images/defPopClose.gif) no-repeat; width:11px; height:11px; float:right;}