/* CSS Document Volcan.org (css layout)*/ /***********************************************/ /* =HTML tag styles */ body {background:url(/images/background/bg_fadetall.png) 0px 0px;background-repeat:repeat;background-attachment:fixed;font-family: Verdana, Helvetica, sans-serif;font-size: 12px;color: #555555;margin: 0px;margin-top: 0px;padding: 0px;text-align: center;} h1 {font-family: Helvetica Neue ultralight, Arial, sans-serif;font-size: 22px;color:#999999;} h2 {font-family: Helvetica Neue light, Helvetica, Verdana, Arial, sans-serif;font-size: 18px;color:#666666;} h3 {font-family: Helvetica Neue light, Helvetica, Verdana, Arial, sans-serif;font-size: 15px;color:#5e7675;} p {text-indent: 0px;} #hr { height:15px ;background-color:#FFFFFF;border-top:#CCCCCC dotted 1px;} /***********************************************/ /* =Layout Divs*/ #container {width: 937px;position: relative; /* makes "container" the containing block */margin: 0 auto; /* the proper css way to center */text-align: left; /* overrides text-align rule on body */background-color:#FFFFFF;} #container-splash {width: 937px; height:750px;position: relative; /* makes "container" the containing block */margin: 0 auto; /* the proper css way to center */text-align: left; /* overrides text-align rule on body */background-color:#FFFFFF;} #splash {text-align:center; padding-top:200px;} #enter-link {width:200px; height: 200px; padding-top:15px;background-color:#FFFFFF;} #logo {height:100px; width:100px;padding: 200px 0 0 0; text-align:center;} #flash_container {width: 1000px;height:780px;position: relative; /* makes "container" the containing block */margin: 0 auto; /* the proper css way to center */background-color:#FFFFFF;} #header {} #volcan_ban {background-color:#FFFF00;height:auto;} #banner {display:block;white-space:nowrap;background-color:#FFFFFF;} .menu_css ul{padding:0 0 0 0px; margin:0px;} .menu_css li{float:right;border-left:#FFFFFF solid 1px;height:17px;padding-bottom:10px;padding-top:2px} .menu_css li a{padding:5px 10px 5px 20px;overflow:hidden;color:#666666;text-decoration:none;} .menu_css li a:hover{background-color:#FFFFFF;} .menu_css li a.active{background-color:#FFFFFF;} /*Left column*/ #content_sub {width:200px;float:left;height:auto;background-color:#FFFFFF;padding-right:9px;} #menu_sub {width:200px;} .primaryTab { background-image: url("/images/tabs/tab_arw_b.png"); background-repeat:no-repeat; background-position:right;text-align: left;padding-left: 5px;padding-top: 3px;background-color:#CCFFFF;border-width: thin;border-style: solid;border-color:#FFFFFF;filter:alpha(opacity=85);opacity: 0.85;-moz-opacity:0.85;} #active_nav a{color:#000000;} .tab_nav2 {background-image: url("/images/tabs/tab_arw_b2.png"); background-repeat:no-repeat; background-position:right;text-align: left;padding-left: 9px;padding-top: 3px;background-color:#99FFFF;border-width: thin;border-style: solid;border-color:#FFFFFF;filter:alpha(opacity=85);opacity: 0.85;-moz-opacity:0.85;} .tab_nav3 {background-image: url("/images/tabs/tab_arw_b3.png"); background-repeat:no-repeat; background-position:right;text-align: left;padding-left: 13px;padding-top: 3px;background-color:#b5d2d1;border-width: thin;border-style: solid;border-color:#FFFFFF;filter:alpha(opacity=85);opacity: 0.85;-moz-opacity:0.85;} .tab_font {font-family: Arial, sans-serif;font-size: 9pt;} #info_sub {width:178px;padding:25px 0 25px 10px; border-right:#CCCCCC dotted 1px;} /*Middle column*/ #content_main {width:596px; float:left;padding:15px 0 20px 0;background-color:#FFFFFF;} #content_mainLarge {width:728px; float:left;padding:15px 0 20px 0;background-color:#FFFFFF;} #volcano_image {float:left;width:200px} #volcano_specs {float:right;width:350px;} #volcano_specsLarge {float:right;width:420px;padding:0 25px 0 10px;} #volcano_extra {clear:right; padding:15px 0 15px 0;} #cv_photo {float:right;} .news_links { padding:10px; margin-bottom:5px;background-color:#f3f2eb;} .news_links dd a{padding-left:10px; text-decoration:underline;} #resource_links a{ padding-left:20px; text-decoration:underline;} #resource_links li{ padding:10px;} #resource_links ul{padding-bottom:30px;} .odd_resources {background-color:#f6f5e6;} .team_info {float:right; width:400px; text-align:left;} /*Sitemap info*/ #sitemap li{ type: disc;} .sitemap_sub li{type: square; padding-left:20px;} .sitemap_tertiary li{type: circle; padding-left:40px;} /*Right column*/ #content_extra {width:132px;float:right;clear:right;padding-top:32px;} .highlightContainer {padding: 5px;margin-top: 5px;margin-right: 0px;margin-bottom: 15px;margin-left: 10px;} .highlightHeader {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color:#333333;background-color:#0099FF;height: auto;padding-right: 10px;padding-left: 10px;vertical-align: middle;padding-top: 2px;text-align:center;} .highlightBox {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color:#666666;padding: 3px;border:1px #0099FF;border-style:dotted;text-align: center;} #footer {border:1px;background-color:#FFFF00;height:55px;clear:both;} /***********************************************/ /* =Layer/Menu Divs */ /* =Suckerfish menu */ #nav, #nav ul {padding: 0;margin: 0;list-style: none;} #nav a {display: block;width: 130px;} #nav li {float: left;width: 134px;} #nav li ul {position: absolute;width: 133px;left: -999em;} #nav li:hover ul {left: auto;} #nav li:hover ul, #nav li.sfhover ul {left: auto;} /* =Suckerfish fix for IE7's sticking menu*/ .menu li:hover, #menu li.hover {position: static;} /*above rule wasn't working probably because it was listed here as an id rathar than class!*/ /* =Main Navigation menu (from Cabinet)*/ .menu {color:#555555;font-family: Arial, sans-serif;font-size: 09pt;padding-left: 3px;text-decoration:none;text-align:left; font-weight:bold;width:134px;height:20px;border-bottom: 0px;border-top: 1px #FFFFFF Solid;white-space:nowrap;} #menu1 {Z-INDEX: 4; LEFT: 134px; VISIBILITY: visible; POSITION: absolute; TOP: 100px; height: 125px; width: 134px;} #menu2 {Z-INDEX: 4; LEFT: 268px; VISIBILITY: visible; POSITION: absolute; TOP: 100px; height: 125px; width: 134px;} #menu3 {Z-INDEX: 4; LEFT: 402px; VISIBILITY: visible; POSITION: absolute; TOP: 100px; height: 125px; width: 134px;} #menu4 {Z-INDEX: 4; LEFT: 536px; VISIBILITY: visible; POSITION: absolute; TOP: 100px; height: 125px; width: 134px;} #menu5 {Z-INDEX: 4; LEFT: 670px; VISIBILITY: visible; POSITION: absolute; TOP: 100px; height: 125px; width: 134px;} /*end cabinet */ .color {background-color:#FFFF00;width:134px;height:32px;border-top: 1px #FFFFFF Solid;border-right: 1px #FFFFFF Solid;padding-left:1px;padding-right:2px; text-align:right;} .color_1 {background-color:#FFFF66;filter:alpha(opacity=85);opacity: 0.85;-moz-opacity:0.85;} .color_2 {background-color:#FFFF99;filter:alpha(opacity=85);opacity: 0.85;-moz-opacity:0.85;} .color_3 {background-color: #FFFFCC;filter:alpha(opacity=85);opacity: 0.85;-moz-opacity:0.85;} /*********** =SiteLinks link styles ***********/ a.siteLink {font-family: Arial, sans-serif;font-size: 11px;color:#888888;text-decoration: none;padding: 0;white-space: nowrap;} a:hover {color:#CCCCCC;} a {text-decoration:none;color:#666666;} /*********** =Form styles ***********/ #search{width:200px;float:right;display:block;background:#fff;margin-top:20px;} #search H3{clear:both;float:left; color:#FFFFFF;background:#FFFF00;width:100%;margin:0px;padding:0px 0px 0px 5px;line-height:28px;font-size:16px;} #search LABEL{clear:both;float:left;width:200px;margin:8px 0px 8px 0px;} #search INPUT{clear:both;float:left;margin:3px 0px 3px 0px;width:200px;} #search INPUT.btn{width:auto;} form{clear:both;display:block;} /***********************************************/ /* =Content styles */ #copyrightText {color:#FFFFFF;font-size:13px;padding-right:30px;text-align:center;} .adr {color:#999999;font-size: 12px;} #hand {} .stats {color:#c2bb47; font-weight:bold; font-style:italic;} /***********************************************/ /* =hResume / =hCard / =vCard Styles */ .hresume{width: 100%; padding: 10px;} .hresume abbr{ border: none;} .hresume address{font-style: normal;} .hresume hr{ display: block;} .hresume .contact .fn{font-weight: bold; font-size: 12pt;} .hresume h2{ font-size: 12pt;padding: 0 0 5px 0; margin: 0;} .hresume .education, .hresume .accreditation{ margin: 10px 0 10px 20px; padding: 1px;} .hresume .experience{ margin: 10px 0 30px 20px;padding: 1px;} .hresume .summary, .hresume .tags{ margin: 10px 0 20px 20px; padding: 1px;} .hresume .education .htitle, .hresume .experience .htitle{float: left;} .hresume .htitle .include{ display: none;} .hresume .education .date_duration, .hresume .experience .date_duration{float: right;font-size: smaller;} .hresume .education .summary{ margin: 0;} .hresume .tags ul{list-style: none;margin: 0; padding: 0;} .hresume .tags ul li{display: inline;} /* =hResume2 / =hCard2 / =vCard2 Styles */ .hresume2{width: 100%; padding: 10px 0 10px 10px;} #cv_photo{float:left; padding:10px;margin:5px;background-color:#f3f2eb;} .hresume2 .given-name, .family-name {font-size:16px;margin:5px; font-style:italic;} .contact vcard {background-color:#CCCCCC; width:100%;} #cv_info {margin: 5px 5px 5px 170px; padding:10px 10px 35px 10px; background-color:#edebe0;} .hresume2 .education, .hresume2 .accreditation{ margin: 10px 0 10px 20px; padding: 1px;} .hresume2 .experience{ margin: 10px 0 30px 20px;padding: 1px;} .hresume2 .summary, .hresume2 .tags{ margin: 10px 0 20px 20px; padding: 1px;} .hresume2 .education .htitle, .hresume2 .experience .htitle{float: left;} .hresume2 .htitle .include{ display: none;} .hresume2 .education .date_duration, .hresume2 .experience .date_duration{float: right;font-size: smaller;} .hresume2 .education .summary{ margin: 0;} /***********************************************/ /* =Normalizes Browser Styles */ /*--Normalize margin, padding */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;} /*--Normalize font-size for headers*/ h4, h5, h6 {font-size: 100%;} /*--Removes list-style from lists */ ol,ul {list-style: none;} /*--Normalizes font-style and font-weight to normal*/ address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;} /*--Removes list-style from lists*/ table {border-collapse: collapse;border-spacing: 0;} /*--Removes border from fieldset and img */ fieldset, img {border: 0;} /*--Left-aligns text in caption and th*/ caption, th {text-align: left;} /*--Removes Quotation marks from Q*/ q: before, q: after {content: '';}