/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin: 0px; padding: 0px; list-style:disc;} img {border: none} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */ table th {text-align: right; speak-header: always; width: 25%; padding-right: 8px} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited, a:active {color: #00AEEF; text-decoration:underline; font-weight:bold; cursor: pointer} a:hover {color: #00AEFF; text-decoration:none; cursor: pointer;} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px} label {cursor: pointer; margin-bottom: 5px} /* Set html & body --------------------------------------------------*/ html {margin: 0px; padding: 0px; background:#fff;} body {position: relative; width: 100%; height:100%; margin: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:19px; font-weight:normal; font-style:normal; color:#000; background:url(../images/bkg_runners.jpg) repeat-x;} #container {position:relative; width: 1003px; margin: 0px auto;} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position:relative; font-size:13px; margin:0px 0px 5px 0px;} #branding ul li {padding:8px; list-style:none;} #branding h2 {padding:15px 10px 0px 15px} #tagline {position:absolute; color:#FFFFFF; align:right; font-size:12px; top:20px; right:10px; width:320px;} #tagline p {text-align:right;} #tagline p b {font-size:18px; font-weight:normal;} #branding ul.bar {position:absolute; right:3px; top:75px; display:block; background:url(../images/bkg_nav.jpg) repeat-x; height:29px; /*height: 1px;*/} #branding li.yuimenubaritem {padding:0px 5px; display:block; float:left;} #branding li.first {margin:-6px 0px 0px 0px;} #branding li.last {margin:-6px 0px 0px 0px;} #nav {position: static;} #nav ul li.yuimenubaritem {padding:6px 0px 4px 0px; *padding:6px 0px 5px 0px;} #nav a.yuimenubaritemlabel:link, #nav a.yuimenubaritemlabel:active, #nav a.yuimenubaritemlabel:visited {font-weight:bold; text-decoration:none; color:#fff; padding:6px 10px 8px 10px;} #nav a.yuimenubaritemlabel:hover {color:#fff; background:#f29321;} #nav .yuimenu {background:#f29321; font-size:12px;} .yuimenu {position: absolute; left: 0; display: block;} #nav .yuimenu a.yuimenuitemlabel:link, #nav .yuimenu a.yuimenuitemlabel:visited, #nav .yuimenu a.yuimenuitemlabel:active {color:#fff; font-weight:bold; font-size:12px; text-decoration:none; padding:0px 0px;} #nav .yuimenu a.yuimenuitemlabel:hover {text-decoration:underline;} #nav .yui-menu-shadow {display:none;} .yuimenuitemlabel,.yuimenubaritemlabel {white-space:nowrap;} #pghome #nav_home, #pgabout #nav_about, #pgevents #nav_events, #pggallery #nav_gallery, #pgvolunteer #nav_volunteer, #pgregister #nav_register, #pgcontact #nav_contact, #pgdonate #nav_donate {background:#f29321; color:#fff;} /* CONTENT FORMATTING ---------------------------------------------------*/ #contentbox {position:relative; *z-index:-1; width:988px; background:#fff; padding:5px 5px 15px 5px; border:1px solid #909090;} #content {position:relative; float:left; width:783px;} #contentbox p {margin:0px 0px 15px 0px; line-height:19px;} #contentbox h1 {color:#4e2b8a; font-size:26px; font-weight:bold; padding:20px 0px 12px 0px;} #contentbox h2 {color:#4e2b8a; font-size:16px; font-weight:bold; padding:0px 0px 5px 0px;} #contentbox h3 {color:#00aeef; font-size:16px; font-weight:bold; padding:0px 0px 5px 0px;} #contentbox h4 {color:#4e2b8a; font-size:13px; font-weight:bold; padding:0px 0px 5px 0px;} #contentbox h5 {color:#4e2b8a; font-size:12px; font-weight:bold; padding:0px 0px 5px 0px;} #contentbox hr {border-top:solid 1px #999; margin:10px 0px;} #content ul, #content ol {margin:0px 5px 20px 15px} #content li {margin:0px 0px 8px 15px;} #content ul li {list-style:disc; padding:0px 0px 0px 8px;} #content ol li {list-style: decimal} #content a:link, #content a:visited {color:#4e2b8a; text-decoration:underline; font-weight:bold;} #content a:hover, #content a:active {color:#00aeef; text-decoration:none;} #content iframe {margin:0px 0px 15px 0px;} #main {position:relative; width:484px; float:left; margin:0px 52px 0px 52px} *html #main {margin:0px 32px 0px 32px} #colLeft {position:relative; width:183px; float:left; margin:22px 0px 0px 12px;} *html #colLeft {width:123px; margin:22px 0px 0px 10px;} #colLeft h2 {font-size:20px; padding:0px 0px 15px 0px;} #colLeft a:link, #colLeft a:visited {color:#00aeef; text-decoration:underline;} #colLeft a:hover, #colLeft a:active {color:#f29321; text-decoration:none;} #colRight {position:relative; width:183px; float:left; margin:50px 12px 0px 0px;} #colRight #btns {margin:0px 0px 5px 0px;} #colRight #btns img {margin:0px 0px 5px 0px;} #colRight h2 {font-size:20px; padding:0px 0px 15px 0px;} .photo, .photoLeft, .photoRight {border:1px solid #00aeef;} .photoLeft {float:left; margin: 5px 10px 10px 0px;} .photoRight {float: right; margin: 5px 0px 10px 10px;} .photoRight_nobdr {float: right; margin: 5px 0px 10px 10px; border:none;} .photoLeft_nobdr {float: left; margin: 0px 10px 10px 0px; border: none;} .col {width: 173px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left} .col2 {width: 240px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left} .col li {margin-left: 5px} .clear {clear:both;} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {text-align:left; width: 993px; clear: both; color:#999; padding:10px 0px; display:block; font-size:11px; margin:0px 0px 10px 0px;} #siteinfo a:link, #siteinfo a:visited {color: #a1a1a1; text-decoration: none; font-weight:normal;} #siteinfo a:hover, #siteinfo a:active {color: #00aeef; text-decoration: underline;} #siteinfo cite {font-style:normal;} #siteinfo #sponsors {border-top:solid 1px #999; margin:10px 0px 0px 0px; padding:10px 0px; color:#faa61a;} #siteinfo #sponsors p {font-size:18px;} #siteinfo #sponsors img {margin:0px 0px 0px 18px;} #siteinfo span {display:none;} #pghome #siteinfo span {display:inherit;} /*Home ---------------------------------------------------*/ #hm_header {} #hm_header blockquote {float:left;} #hm_header #events {float:left; width:204px; padding:5px 5px 5px 15px;} #hm_header h2 {font-size:20px;padding:0px 0px 10px 0px;} #hm_header h3 span {font-size:12px;} #btns_hm {margin:0px 0px 15px 0px;} #btns_hm img {margin:0px 0px 5px 0px;} #btns_social_hm img {margin:0px 0px 10px 0px;} #pghome #colRight {margin:20px 12px 0px 0px;} #pghome #colRight img {border:4px double #00aeef; clear:both} #pghome #main {margin:28px 52px 0px 52px}