/* ============ GENERAL ============ */ * {margin:0; padding:0;} ul {list-style-type:none;} html, body {min-height: 85%; margin:0; padding:0;} body { background: #394246; font-size:100%; font-family: Helvetica, Arial, sans-serif; text-align:center; color:#444; padding:15px 5px 15px 5px;} .skipnav {color: #666; font-size:6pt; text-decoration:none; position: absolute; left:0px; top:-100px; background-color: transparent;} .hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } h1 {font-size: 200%; margin: 0; padding: 8px 0 8px 0; color: #444; font-family: inherit; font-weight:normal; background-color: inherit; line-height: normal;} h2 {font-size: 160%; margin: 0; padding: 0 0 8px 0; color: #669900; font-family: inherit; font-weight: normal; background-color: inherit; line-height: normal;} h3 {font-size: 130%; margin: 0; padding: 0 0 8px 0; color:#006699; font-family: inherit; font-weight:normal; background-color: inherit; line-height: normal;} h4 {font-size: 115%; margin: 0; padding: 0 0 8px 0; color: #444; font-family: inherit; font-weight: normal;background-color: inherit; line-height: normal;} blockquote { margin:15px 20px 0 20px; padding:5px; font-weight:bold;} .quotee { margin:3px 0 10px 13px; padding:0; color:#666; background-color:transparent; font-size:105%;} q { font-weight: bold; font-size:105%; color:#666; background-color:transparent; margin:10px 0 3px 7px; } q:before, q:after { content: "";} strong { font-weight: bold;} .abbr { border-bottom: 1px dotted #999; cursor: help;} hr { border: none; border-top: 1px dashed #ccc; width: 99%; height: 1px; margin: 0; text-align: center} .caption { font-weight: bold; font-size: 0.86em; color: #666; background:transparent; margin:0 0 0 7px;} .center { text-align:center; margin: 0 auto 0 auto;} sup { line-height:2em;} sub { line-height:1.2em; } img, img a { border-style: none;} /* ============ STRUCTURAL ============ */ #wrapper {width:950px; min-height:100%; padding:12px; background:#fff; margin:0 auto 0 auto; text-align:left; } #dccheader {height:154px; width:auto; background: url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Header.jpg") no-repeat top left; padding: 0;} .header_left { float:left; width:200px; padding: 20px 0 0 25px; text-align:left;} .header_right { width:auto; height:auto; padding:125px 8px 0 0; margin: 0 0 0 210px; text-align:right; } #searchbox {width:auto; height:54px; background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Searchbox_bkgd.jpg") repeat-x top left; margin:0; padding:8px; text-align:left;} #searchbox input { float:left; width:145px; height:auto; margin:8px 0 0 0; padding:2px; color:#666; font-size:0.8em;} #searchbox input.searchbutton { float:left; background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/icon_search.gif") no-repeat top left; width:25px; height:25px; border:none; cursor:pointer; margin-left:5px;} #dbsearchbox { width:auto; height:50px; border:1px solid #c1ccd3; background:#fff url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Nav_bkgd.jpg") repeat-x top left; margin:6px 0 0 0; padding:8px; text-align:left; font-size:0.83em; } #dbsearchbox .column{ float:left; width:auto; border-right:1px dotted #c1ccd3; margin:0 10px 0 0; padding:0 10px 0 0; display:block; } #dbsearchbox .heading { color:#666; font-size:1.1em; font-weight:bold; } #dbsearchbox input { float:left; width:140px; height:auto; margin:8px 0 0 0; padding:2px; color:#666; font-size:0.8em;} #dbsearchbox select { float:left; width:146px; height:auto; margin:6px 0 0 0; padding:2px; color:#666; font-size:0.8em;} #dbsearchbox input.searchbutton2 { float:left; background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Icon_Search2.gif") no-repeat top left; width:25px; height:25px; border:none; cursor:pointer; margin-left:5px;} #dbsearchbox input.gobutton { float:left; background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Icon_Go.gif") no-repeat top left; width:25px; height:25px; border:none; cursor:pointer; margin-left:5px;} #colleft { float:left; width:200px; text-align:left; height:100%; padding:0; margin:0;} #colright { margin:0 0 0 220px; padding:0;} #footerwrapper { padding-top:14px; background:#fff; margin:0 auto 0 auto; auto; text-align:left; } #footer { height:44px; padding: 0 8px 0 8px; color: #656565; font-size:73%; background: #fff url(/DurhamCC/usp.nsf/Lookup/SP09/$file/footer_bkgd.jpg) repeat-x; text-align: left; margin:0; } #footer ul { padding-top:8px; } #footer li { display:inline; border-left:1px solid #999; height:auto; padding:0 2px 0 6px;} #footer a, #footer a:visited { color:#0E2A5D; text-decoration:none; font-size:103%; padding:0; background-color:transparent} #footer a:hover { color:#006699; text-decoration:none; background-color:transparent} #footer li:first-child { border:none;} .footerleft { float:left; margin: 0; padding: 9px 85px 0 0; height:30px; background:url(/DurhamCC/usp.nsf/Lookup/SP09/$file/footer_divider.gif) no-repeat top right; } .footerright { text-align:right; margin:0; padding: 17px 0 0 0; } .clearer { clear:both; height:1px; width: 1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;} .spacer { padding-top:13px;} /*NAVIGATION*/ #topnav { float:right; width:auto; height:20px; margin:0; padding:0px; } #topnav ul { padding:0; margin:0;} #topnav li { float:left; width:auto; margin:0 0 0 1px; padding:0; text-align:center;} #topnav a, #topnav a:visited { font-size:0.83em; color:#0E2A5D; text-decoration:none; padding:2px 6px 3px 6px; margin:0 0 0 0px; background:#fff; border-bottom:1px solid #e5e5e5; display:block;} #topnav a:hover { font-size:0.83em; color:#000033; text-decoration:none; background:#e5e5e5; } #topnav a.lasttab { background:#fff url("/DurhamCC/usp.nsf/Lookup/SP09/$file/topnav_corner.gif") no-repeat top right;} #topnav a:hover.lasttab { background:#e5e5e5 url("/DurhamCC/usp.nsf/Lookup/SP09/$file/topnav_corner_rollo.gif") no-repeat top right; color:#000033; margin:0;} #topnav a.current { border-bottom:1px solid #fff;} #breadcrumb { color: #777; background-color: #fff; padding: 0; margin:8px 0 5px 0; text-align:left; font-size:0.8em; height:auto;} #breadcrumb li { margin: 0; padding: 0; list-style: none; display: inline; background-image:none;} #breadcrumb a, #breadcrumb a:visited {margin: 0; padding:0 2px 0 0; background-color: inherit; color:#0099cc; font-weight:normal; text-decoration:none;} #breadcrumb a:hover { margin: 0; color:#006699; font-weight:normal; background-color: inherit;} #navigation { width:auto; padding: 0 7px 0 7px; margin: 0; border:1px solid #c1ccd3; background:#efefef url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Nav_bkgd.jpg") repeat-x bottom left; font-size: 0.9em;} #navigation ul { width: auto; margin: 0; padding: 0; list-style-type: none; font-weight:bold; } #navigation ul li { margin:5px 0 6px 0; padding: 8px 0 0px 0; line-height:normal; font-size: 0.9em; background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/dotted_line.gif") repeat-x top left; } #navigation ul li a:link, #navigation ul li a:visited {color:#0E386B; text-decoration: none; font-weight:normal; margin:0; padding:0 0 0 14px; background:transparent url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Nav_arrow.gif") no-repeat top left;} #navigation ul li a:hover {color: #006699; background:transparent url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Nav_arrow.gif") no-repeat top left;} #navigation ul li:first-child { background-image:none; } .topofpage a, .topofpage a:visited { clear:both; font-size:0.83em; color:#0099cc; text-decoration:none;font-weight:normal; padding:0; margin:0;} .topofpage a:hover { color:#006699; font-weight:normal; text-decoration:none;} /* REMOVES TABLE BORDER FROM TWISTIES VIEW */ .twisties table { border: none;} .twisties td { border: none;} /* ============ MAIN CONTENT ============ */ #content { width: auto; font-size:0.83em; margin:0 5px 0 0; padding:0; text-align:left; line-height:1.25em;} #content p { margin:10x 0 10px 0;} #content ul { margin:7px 0 10px 15px; list-style-type:none; padding: 0; } #content ul li { margin:4px 0 4px 0; padding:0 0 0 12px; background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/bullet.gif") no-repeat; } #content ul ul li { margin:4px 0 4px 7px; padding:0 0 0 2px; background-image:none; list-style:square;} #content ol { margin: 7px 0 10px 15px; } #content ol li { margin:4px 0 4px 12px; padding:0; background-image:none;} #content a:link { color:#444; text-decoration:underline; font-size: inherit; background-color: inherit; font-weight:normal;} #content a:hover { color: #006699; text-decoration:underline; background-color: inherit; font-weight:normal; } #content a:visited { color: #006699; text-decoration:underline; font-size: inherit; background-color: inherit; font-weight:normal;} #content a.headerlink { color:#006699; text-decoration:none; background-color: inherit; font-weight:normal; font-size:105%;} #content a:hover.headerlink, #content a:visited.headerlink {color:#3399CC; text-decoration:none; background-color: inherit; font-weight:normal; font-size:105%; } #content .topofpage a, #content .topofpage a:visited { clear:both; font-size:0.83em; color:#0099cc; text-decoration:none; font-weight:normal; padding:0; margin:0;} #content .topofpage a:hover { color:#006699; font-weight:normal; text-decoration:none;} #content .noborder table, #content .noborder table td, #content .noborder table th { border:none;} #content .az a { text-decoration:none; color:#0e386b; cursor:pointer; background-color:inherit;} #content .az a:hover { text-decoration:none; color:#006699; cursor:pointer; background-color:inherit;} #content .maintext { border-left:1px solid #ff9933; padding:0 0 0 8px; margin:10px 0 0 0;} #content .image { float:right; padding:10px 0 10px 10px; width:auto;} #content .imagebullet { padding:0; /*min-height:60px;*/ height:auto; margin:0 0 20px 0; width:auto;} #content .imagebullet p { padding:10px 0 0 80px; margin:0; display:block;} #content .imagebullet ul { padding:5px 0 0 80px; margin:0; display:block;} #content .imagebullet img { float:left; padding: 0; margin:0; width:73px;} #content .maintext { border-left:1px solid #ff9933; padding:0 0 0 8px;} #content .image { float:right; padding:10px 0 10px 10px;} .genimage { margin:0; padding:1px; background:#eaeaea; height:auto;} .genimageinner { margin:0; padding:1px; background:#d5d5d5; height:auto;} .genimageinner2 { margin:0; padding:1px; background:#b8b8b8; height:auto;} .genimage img { padding:0; border:2px solid #fff;} #tabbednavigation { margin: 0 0 10px 0; padding: 0; height: 21px; width:auto; text-align: right; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background:#fff url("/DurhamCC/usp.nsf/Lookup/SP09/$file/ServicePage_Tab.jpg") repeat-x; list-style-type: none;} #tabbednavigation ul {float:right; border: none; margin: 0; padding: 0; list-style-type: none; text-align: right; width:auto;} #tabbednavigation ul li { float: left; text-align: center; padding: 0; margin: 0; font-size:0.9em; list-style-type: none; border-left: 1px solid #ccc;} #tabbednavigation ul li a:link, #tabbednavigation ul li a:visited { background:transparent url("/DurhamCC/usp.nsf/Lookup/SP09/$file/ServicePage_Tab.jpg") repeat-x; width: 90px; height: 19px; border: none; border-right: 1px solid #fff; padding:1px 0 1px 0; margin:0; color: #0E2A5D; text-decoration: none; text-align: center; display:block;} #tabbednavigation ul li a:hover, #tabbednavigation a:active, #tabbednavigation li#active a {width: 90px; height: 19px; border:none; border-bottom: 1px solid #CC6600; border-right: 1px solid #fea82a; padding: 1px 0 1px 0; margin:0; text-decoration: none; display: block; text-align: center; background: transparent url("/DurhamCC/usp.nsf/Lookup/SP09/$file/ServicePage_Tab_on.jpg") repeat-x; color: #fff;} #contentnavigation { margin: 0px 0 10px 0px; padding: 0px; height: auto; width:auto; border: 1px solid #ccc; background: #e9e9e9; } #contentnavigation ul { border: 0; margin: 0; padding: 10px; list-style-type: none; width:auto; text-align:left;} #contentnavigation ul li { text-align: left; padding: 0; margin: 0 5px 0 0; font-size:1em; background-image:none; display:inline; color:#999; } #contentnavigation ul li a:link, #contentnavigation ul li a:visited { padding:0 6px 0 0; margin: 0; color:#0E386B; text-decoration: none; } #contentnavigation ul li a:hover { color: #006699;} .infopage { padding:0 5px 0 8px; border-left:1px solid #ff9933; } .infopage p { margin:0.8em 0 0.8em 0; } .dividerup { width: auto; height:10px; margin:8px 0 0 0; padding:0; background: url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Divider_up.jpg") repeat-x top right;} .dividerdown { width: auto; height:10px; margin:8px 0 8px 0; padding:0; background: url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Divider_down.jpg") repeat-x top right;} .introarea { padding:0 20px 0 10px; margin-bottom:20px; border-left:4px solid #ff9933; font-size:110%; color:#666; min-height:100px; } .introareaimg { float:left;} .introareatext { margin:0 0 0 135px; padding:1px 0 0 0; } .navblock { border-left:1px solid #ff9933; width:46%; float:left; padding:0 0 0 8px; margin:0 15px 15px 0; display:block; min-height:70px;} #twocollist { height:auto; margin:0; padding:0; } #twocollist ul .twocol { width: 100%; height:auto; padding:0;} #twocollist ul li { float: left; width:292px; margin: 0 50px 15px 0; padding: 0 0 0 10px; list-style:none; background-image:none; border-left:1px solid #ff9933; } /* #twocollist ul.left { float: left; width: 340px; margin: 0px; list-style-type: none; position: relative; left:0px; } #twocollist ul.right { float: right; width: 340px; margin: 0px; list-style-type: none; } #twocollist ul li { list-style-type: none; background-image:none; margin:7px 0 15px 0;} #twocollist li { border-left:1px solid #ff9933; padding: 0; } */