/* 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:none} 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: #000; text-decoration:underline; font-weight:bold; cursor: pointer} a:hover {color: #000; 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:url(../images/bkg_main.gif) repeat-x #1a3c48;} body {position: relative; width: 100%; height:100%; margin: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#1a3c48;} #container {position:relative; width: 1003px; margin: 0px auto;} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position:relative; height:97px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0px 0px 0px 10px; z-index:1;} #branding ul li {padding:5px 0px 5px 0px;} #branding h2 {position:absolute; top:15px; left:14px;} #branding ul.bar {position:absolute; padding:0px; margin-top:62px; display:block; margin-left:320px;} #branding li.yuimenubaritem {padding:0px 27px; display:block; float:left; border-right: 1px solid #16343E;} #branding li.yuimenubaritemlast {border:none;} div.yui-b p {margin: 0 0 .5em 0;color: #999;} div.yui-b p strong {font-weight:bold; color:#000;} div.yui-b p em {color: #000;} #nav {position: static;} #nav ul li.yuimenubaritem {} #nav a.yuimenubaritemlabel:link, #nav a.yuimenubaritemlabel:active, #nav a.yuimenubaritemlabel:visited {font-weight:bold; text-decoration:none; color:#16343E;} #nav a.yuimenubaritemlabel:hover {color:#848181;} #nav .yuimenu {background:#fff; border:solid 1px #848181; font-size:11px; text-align:left; padding:0px 10px;} .yuimenu {position: absolute; left: 0; display: none;} #nav .yuimenu a.yuimenuitemlabel:link, #nav .yuimenu a.yuimenuitemlabel:visited, #nav .yuimenu a.yuimenuitemlabel:active {font-family:Verdana, Arial, Helvetica, sans-serif; color:#848181; font-weight:bold; text-decoration:none;} #nav .yuimenu a.yuimenuitemlabel:hover {color:#16343E;} #nav .yui-menu-shadow {display:none;} .yuimenuitemlabel,.yuimenubaritemlabel {white-space:nowrap;} /* CONTENT FORMATTING ---------------------------------------------------*/ #contentbox {width:1003px; height:auto; background:url(../images/bkg_content.jpg) repeat-y #fff;} #sidebar {float:left; width:333px; height:auto;} #sidebar h2 {position:absolute; width:170px; font-size:15px; color:#fff; font-style:italic; font-weight:bold; margin-top:392px; left:30px;} #sidebar h3 {position:absolute; width:150px; font-size:15px; color:#fff; font-style:italic; font-weight:bold; margin-top:414px; left:90px;} #sidebar h4 {position:absolute; width:150px; font-size:15px; color:#fff; font-style:italic; font-weight:bold; margin-top:438px; left:160px;} #content {float:right; margin:0px 0px 0px 0px; width:620px; height:460px; padding:13px 25px 0px 25px; background:url(../images/bkg_line.gif) bottom center no-repeat} #content p {margin: 10px 0px 20px 0px; line-height: 19px;} #content #line {background:url(../images/bkg_border.gif) no-repeat; margin:-8px 0px; height:3px;} #content h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 24px; z-index:10; padding-bottom:3px; border-bottom:solid 3px #b1bec2; } #content h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 13px; color:#173540; margin:-10px 0px -5px 0px;} #content ul, #content ol {margin:-12px 5px 20px 0px} #content li {margin:0px 0px 5px 10px;} #content ul li {display:block; background:url(../images/bullet.gif) 0% 50% no-repeat; padding:0px 0px 0px 8px;} #content ol li {list-style: decimal} #content table {margin:25px 0px 25px 0px;} #content table td {padding:10px;} #content .left_col {width:30px; padding-right:8px;} .photo {border: 6px solid #8b915e; margin: 10px 0px} .photoLeft, .photoRight {border: 6px double #8b915e;} .photoLeft {float:left; margin: 5px 0px 10px 20px;} .photoRight {float: right; margin: 5px 0px 10px 20px;} .photoRight_nobdr {float: right; margin: 5px 0px 10px 10px; border:none;} .photoLeft_nobdr {border: none; float: left; margin: 0px 10px 10px 0px} .left {width: 45%; padding-right:5%; float: left} .right {width: 45%; float: left; clear:right} .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} .small {font-size:11px; font-style:normal; color:#808080; text-align:center;} .clear {clear:both;} /* SIDEBAR ---------------------------------------------------*/ #sidebar {width: 167px; height:auto; display:block; float: left;} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {float:right; text-align:right; width: 993px; clear: both; color:#81949b; padding:10px 10px 10px 0px; display:block; font-size:11px; margin:0 auto; } #siteinfo a:link, #siteinfo a:visited {color: #81949b; text-decoration: none; font-weight:normal;} #siteinfo a:hover, #siteinfo a:active {color: #81949b; text-decoration: underline;} #siteinfo cite {font-style:normal;} #siteinfo cite a {color: #81949b; font-style:normal;} /*Home ---------------------------------------------------*/ #pghome #img_area {height:262px; z-index:-10} #pghome #img_area h2 {position:absolute; font-size:25px; color:#fff; font-style:italic; font-weight:normal; left:20px; top:292px;} #pghome #content {position:relative; width:953px; height:174px; padding:19px 25px 19px 25px; margin:10px 0px 0px 0px; clear: both; background:#fff;} *html #pghome #content {padding:19px 20px 19px 20px; top:0px;} #pghome #content #left {float:left; margin-top:0px; padding:8px 22px 0px 23px; border-top:solid 3px #d2d2d2; border-bottom:solid 3px #d2d2d2; width:541px; height:160px;} *html #pghome #content #left {padding:8px 10px 0px 23px;} #pghome #content #right {float:left; padding:11px 0px 0px 16px; height:157px; margin:0px 0px 0px 20px; border-top:solid 3px #d2d2d2; border-bottom:solid 3px #d2d2d2; width:330px;} #pghome #content #right div {float:left; margin: 0px 0px 0px 0px; width:140px;} #pghome #content #right div h3 {margin:0px 0px 5px 0px;} #pghome #content #right .list2 {width:150px;} #pghome #content ul {margin:20px 0px 8px 0px;} #pghome #content ul li {display:block; background:url(../images/bullet.gif) 0% 30% no-repeat; padding:0px 0px 0px 10px;} #pghome #content h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 20px; padding:0px 0px 6px 0px; border:none;} #pghome #content h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 20px; padding:0px 0px 6px 0px; margin:0px;} #pghome #content h3 {float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1a3c48; font-weight:normal; margin: 2px 0px;} #pghome #content h4 {float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1a3c48; font-weight:normal; font-style:normal; margin:0px 0px 0px 104px;} #pghome #content p {width:550px; margin: 0px 0px 20px 0px;} * html #pghome #siteinfo {margin:0px;} #contentbox {width:1003px; height:auto; background:url(../images/bkg_content.jpg) repeat-y #fff;} /*Home ---------------------------------------------------*/ /*Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce gravida pharetra mauris, nec hendrerit felis fermentum eu. Donec elementum, dui at ornare venenatis, mauris risus porttitor purus, ut pretium est libero ut velit. Nam at felis enim, non cursus urna. Nunc vitae ante et leo viverra vulputate laoreet non magna. Maecenas eros nisi, commodo a tincidunt id, faucibus a sem. Nam quis quam et ligula euismod aliquam vel quis dolor. Donec vitae mi ut eros aliquam blandit ac in arcu. Praesent sodales nulla ut odio laoreet id malesuada urna tincidunt. Praesent a eros tortor. Quisque porta lectus at mi vestibulum nec aliquam massa imperdiet. */