/**
 * $Id: main.css,v 1.33 2010/05/12 19:14:48 darceneaux Exp $
 *
 * :vim:set ft=css:
 * typographic section
 *
 * anything having to do with formatting text goes in this section, including its orientation
 */
body, #common { font-size:16px; line-height:1.2em; font-family:arial, helvetica, sans-serif;  }
body.index #content, h1, h2, h3, h4 { font-family:"georgia", serif; }

#common { font-size:0.75em; font-weight:700; text-transform:uppercase; }
#common a { text-decoration:none; line-height:30px; text-indent:15px; vertical-align:middle; }
#footer p, #content .copyright p { font-size:.67em; line-height:1.2; text-align:left; }

#menu li a { font:700 12px/25px arial, helvetica, sans-serif; text-decoration:none; text-align:center; text-transform:uppercase; vertical-align:middle; }
#menu li li a { font:700 10px/20px arial, helvetica, sans-serif; text-align:left; }

#container h1 { font-size:1.28em; }
#container h2 { font-size:1.15em; }
#container h3 { font-size:1.09em; }
#container h4 { font-size:1em; text-decoration:underline; }
#container p, #container h2, #container h4, #container ul, #container ol, #container dl, #container address { text-align:left; }
#container h3 { text-align:center; }
#container table td h3 { text-align:left; font-weight:400; font-style:italic; }
#container em { font-style:italic; }
#container dt, #container strong { font-weight:700; }

#content { font-size:0.875em; }
#content p { font-size:1em; }
#content ol li { list-style:decimal; }
#content ul li { list-style:square; }
#content ul ul li { list-style:disc; }
#content a, #footer a { text-decoration:none; }
#content sup { font-size:80%; line-height:100%; vertical-align:top; }
#content form label { text-align:right; }
#content form #btnSubmit { font:700 17px/30px arial, helvetica, sans-serif; text-align:center; vertical-align:middle; }
#content h1 { text-align:center; }
#content caption { font-size:1.21em; font-weight:700; }
#content th { text-align:right; }
#content #events th { text-align:left; }
#content td { text-align:left; }

#anthem-logo a { text-indent:-999em; }

i { font-style:italic; }
address { font-style:normal; }

.footnotes ol li { list-style:decimal; }
.index .index #content h1, .index .index #content hr { text-align:center; }
.index .index #content p { text-align:center; line-height:40px; font-size:1.2em; }
.index .index #content p span { vertical-align:middle; font-size:40px; letter-spacing:-7px; }
#ie_lt7.index .index #content p { line-height:40px; }

#content form span.required { font:700 1.2em/1.2 "lucida console", monaco, monospace; vertical-align:bottom; }
label.required { font-weight:700; }
#content form label em { font-weight:700; }
input, textarea { font:700 .92em "lucida console", monaco, "bitstream vera sans mono", monospace; }
#content .attribution, #content .attribution p { text-align:right; }
#ie_lt7 #content, #ie_eq7 #content { text-align:center;}

/**
 * layout section
 *
 * anything having to do with element positioning, and rendering flow goes here, note that borders, while
 * having color information, will go here because they affect layout
 */
html { width:100%; }
body { width:1024px; margin:0 auto; position:relative; }
#header { position:absolute; top:-155px; left:0; height:105px; width:1024px; }
#ie_lt7 #header, #ie_eq7 #header { top:0; }

#common { position:absolute; top:100px; width:150px; /* margin:-341px 0 0 0; */ float:left; clear:both;  }
#ie_eq7 #common, #ie_lt7 #common { top:300px; }
#common li { margin:0 0 10px; float:right; }
#common a { display:block; width:143px; height:30px; }

#footer { width:782px; margin:0 0 0 150px; padding:0 40px; }
#footer p { margin:1.2em 0; }

#menu { margin:105px 0 0; height:25px; }
#ie_eq7 #menu, #ie_lt7 #menu { position:relative; top:105px; }
#menu li { float:left; width:180px; position:relative; }
#menu li li { float:none; height:20px; }
#menu li li a { padding:0 4px; }
#ie_eq7 #menu li li a { padding:2px 4px; }
#ie_lt7 #menu li li { margin-bottom:-3px; }
#menu a { display:block; }
#menu li ul { width:180px; border-width:0 1px 1px; visibility:hidden; position:absolute; left:auto; }
#menu li:hover ul, #menu li.hover ul { visibility:visible; }
#ie_eq7 #menu li:hover ul { min-height:1%; }
#ie_lt7 li.hover ul { height:1%; }

#menu li#menu_about-anthem { margin-left:60px; width:110px; }
#ie_lt7 #menu li#menu_about-anthem { margin-left:40px; }
#menu li#menu_about-anthem ul, #menu li#menu_about-anthem ul li { width:112px; }

#menu li#menu_news { margin-left:20px; }

#menu li#menu_for-professors { margin-left:50px; width:135px; }
#menu li#menu_for-professors ul, #menu li#menu_for-professors ul li { width:190px; }

#menu li#menu_gifts-to-universities { margin-left:50px; }

#menu li#menu_about-ayn-rand { margin-left:50px; width:135px; }
#menu li#menu_about-ayn-rand ul, #menu li#menu_about-ayn-rand ul li { width:135px; }

#anthem-logo, #anthem-logo a { display:block; width:170px; height:39px; }
#anthem-logo { position:absolute; top:38px; left:517px; }

#corners_top, #corners_bottom { height:21px; width:866px; margin:0 -2px; }
#corners_bottom, #corners_top { position:absolute; left:0; }
#corners_bottom { bottom:0; }
#corners_top { top:0; }

#content { width:782px; margin:155px 0 0 150px; padding:21px 40px 41px; border-left-width:2px; border-right-width:2px; min-height:520px; position:relative; }
#ie_lt7 #content { height:520px; }
#content p, #content dl, #content ol, #content address { margin:1.2em 0; }
#content ul { margin:0 0 1.2em; }
#content li p { margin:.6em 0; }
#content ul li, #content dl dd { margin:1.2em 0 1.2em 1.2em; }
#content ol li { margin:0 0 0 1.8em; }
#content h2 { margin:2.4em auto 0; }
#content hr { width:165px; height:25px; border:none; margin:0 auto; }
#content h1 { margin:2.4em auto 1.2em; }
#content p img { float:left; padding:0 .6em .6em 0; }
#content form { padding:0 0 .6em; }
#content form legend { display:none; }
#content form label, #content form textarea, #content form input { float:left; }
#content form br { clear:left; }
#content form label { width:12em; margin:.6em 0; }
#content form label em { padding:0 0 0 2px; }
#content form fieldset fieldset label { width:18em; margin-left:2.4em; }
#content form input, #content form textarea { margin:.6em 0 0 .6em; }
form input, #content form textarea { margin:.6em 0 0 .6em; }
#ie_lt7 #content form input, #content form input[type=text], #content form textarea { padding:2px; }
#content form textarea { }
#content form input#btnSubmit { margin:1.2em 0 0 10em; height:30px; width:120px; border:none; }
#content form fieldset#state-form { display:none; }
#content form span.required { float:left; height:20px; margin:.6em 0 0 .6em;}
#content form p { padding:1.2em 0; }
#content form p span.required { float:none; margin:0; }
#content a, #footer a { border-bottom-width:1px; }
.staff-and-directors #content table { width:26em; margin:1.2em auto; }
#content table { width:54em; }
#content caption { margin:1.2em 0 .6em; padding:1.2em 0 0; }
#content th, #content td { width:15em; }
#content td { padding: 0 0 0 .6em; }
#content th { padding: 0 .6em 0 0; }
#content #events th { width:auto; padding:.3em .3em .3em 0; }
#content #events td { width:40em; padding:0; }
table#abbreviation { width:38em; }
table#abbreviation th { width:3em; }

#ie_eq7 #content hr, #ie_lt7 #content hr { display:list-item; margin:0; width:0; }
#ie_eq7 #content hr, #ie_lt7 #content hr { filter:alpha(opacity=0); }
#ie_eq7 #content hr { list-style:url(/style/img/rule.png) inside; }
#ie_lt7 #content hr { list-style:url(/style/img/rule.gif) inside; }

.index .index #content h1 { margin:4.8em 0 .6em; }
.index .index #content h1 { color:#569bbe; }

.index .index #content p { width:600px; margin:1.2em auto; }
.index .index #content p span { display:inline-block; padding-bottom:3px; margin-top:-3px; width:35px; margin-right:-9px; }

/*
 * colors and graphics
 */
html { background:#ccc; }
#header { background:url(/style/img/header.jpg); }

#menu { background:#5f6062; }
#menu a { color:#000; }

#menu li ul { border-style:solid; border-color:#569bbe; background:#fff; color:#616161; }
#menu li a { color:#fff; }
#menu li.hover a { background-image:url(/style/img/highlights.gif); background-repeat:repeat-y; color:#000; }
#menu li.hover ul a { background:#fff; }
#menu > li:hover > a { background-image:url(/style/img/highlights.gif); background-repeat:repeat-y; color:#000; }
#menu li#menu_about-anthem:hover > a { background-position:0 0; }
#menu li#menu_about-anthem.hover a { background-position:0 0; }
#menu li#menu_news:hover > a { background-position:-245px 0; }
#menu li#menu_news.hover a { background-position:-245px 0; }
#menu li#menu_for-professors:hover > a { background-position:-110px 0; }
#menu li#menu_for-professors.hover a { background-position:-110px 0; }
#menu li#menu_gifts-to-universities:hover > a { background-position:-245px 0; }
#menu li#menu_gifts-to-universities.hover a { background-position:-245px 0; }
#menu li#menu_about-ayn-rand.hover a { background-position:-110px 0; }
#menu li#menu_about-ayn-rand:hover > a { background-position:-110px 0; }
#menu li ul a { color:#000; }
#menu li ul a:hover { background:#569bbe; color:#fff; }

#anthem-logo a { background:url(/style/img/logo.gif); }

#common a { color:#333; }
#common a:hover { background:url(/style/img/highlight_left.gif); }
#content a, #footer a { border-bottom-color:#333; border-bottom-style:dashed; }
#content a:link, #footer a:link { color:#0080ff; }
#content a:visited, #footer a:visited { color:#b048f8; }
#content a:hover, #footer a:hover { border-bottom-color:#000; border-bottom-style:solid; }
#content a:hover { background-color:#ccc; }
#footer a:hover { background-color:#fff; }

#content { background:url(/style/img/content_grad.gif); border-left-color:#808080; border-left-style:solid; border-right-color:#808080; border-right-style:solid; }
#content hr { background:url(/style/img/rule.png) no-repeat; }
#content h1 { color:#569bbe; }
#content form span.required, #content form p strong.required, #content form label em, #content > p strong { color:#f00; }
#corners_top, #corners_bottom { background-image:url(/style/img/rounded_corners.gif); }
#corners_bottom { background-position:bottom; }
.index .index #content p span { color:#569bbe; }

tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th:not([rowspan]) { background:rgba(200,200,200,.2); }
#content form label, #content form #btnSubmit { cursor:hand; cursor:pointer; }
#content form input:focus, #content form textarea:focus { background:#ffc; }
#content form input:hover, #content form textarea:hover { outline:3px solid #ffc; }
#content label:hover + input, #content label:hover + textarea { background:#ffc; }
#content form #btnSubmit { background:transparent url(/style/img/btnSubmit.gif); }

@media print
{
/*  @page { size 8.5in 11in; margin:0 .5in .5in; } */
  html, body, #footer, #content, #container { background:#fff; color:#000; position:static; margin:0; padding:0; width:100%; }
  #container { border:none; }
  #corner_top, #corner_bottom, #corner_bottom_right, #header, #common { display:none; }
  body #container #content { font-size:17px; }
  #content h1, #content h1 span { background:none; }
}
