/* =Global Typography */ h1 {font-size: 2em;} h2 {font-size: 1.5em;} h3 {font-size: 1.2em;} h4 {font-size: 1em;} h5 {font-size: .9em;} h6 {font-size: .8em;} img {max-width: 100%;} input {padding:3px; margin:3px;} /* INFO BOXES HORIZONTAL /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .boxi { width: auto; border: 1px solid rgba(255,255,255,0.55); border-radius: 5px; background: rgba(255,255,255,0.25); box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.1), inset 0 50px rgba(255,255,255,0.2), inset 0 10px 10px rgba(255,255,255,0.05), inset 0 -15px 10px rgba(0,0,0,0.9); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.1), inset 0 50px rgba(255,255,255,0.2), inset 0 10px 10px rgba(255,255,255,0.05), inset 0 -15px 10px rgba(0,0,0,0.9); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.1), inset 0 50px rgba(255,255,255,0.2), inset 0 10px 10px rgba(255,255,255,0.05), inset 0 -15px 10px rgba(0,0,0,0.9); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.1), inset 0 50px rgba(255,255,255,0.2), inset 0 10px 10px rgba(255,255,255,0.05), inset 0 -15px 10px rgba(0,0,0,0.9); background: url('../../graphics/boxi_top.png') top left repeat-x; background: url('../../graphics/box_corner_left.png') top left no-repeat, url('../../graphics/box_corner_right.png') top right no-repeat, url('../../graphics/boxi_top.png') top center repeat-x, url('../../graphics/boxi_bg.png') bottom center repeat; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* INFO BOXES LEFT/RIGHT COLUMN */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .box1 { width: auto; border: 1px solid rgba(255,255,255,0.55); border-radius: 5px; background: rgba(255,255,255,0.25); box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.1), inset 0 40px rgba(0,0,0,0.2), inset 0 10px 10px rgba(255,255,255,0.05), inset 0 -15px 10px rgba(0,0,0,0.9); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.1), inset 0 40px rgba(0,0,0,0.2), inset 0 10px 10px rgba(255,255,255,0.05), inset 0 -15px 10px rgba(0,0,0,0.9); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.1), inset 0 40px rgba(0,0,0,0.2), inset 0 10px 10px rgba(255,255,255,0.05), inset 0 -15px 10px rgba(0,0,0,0.9); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.1), inset 0 40px rgba(0,0,0,0.2), inset 0 10px 10px rgba(255,255,255,0.05), inset 0 -15px 10px rgba(0,0,0,0.9); background: url('../../graphics/box1_top.png') top left repeat-x; background: url('../../graphics/box_corner_left.png') top left no-repeat, url('../../graphics/box_corner_right.png') top right no-repeat, url('../../graphics/box1_top.png') top center repeat-x, url('../../graphics/box1_bg.png') bottom center repeat; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* INFO BOXES CENTER COLUMN /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .box4 { width: auto; border: 1px solid rgba(255,255,255,0.55); border-radius: 5px; background: rgba(255,255,255,0.25); box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.1), inset 0 40px rgba(0,0,0,0.2), inset 0 10px 10px rgba(255,255,255,0.05), inset 0 -15px 10px rgba(0,0,0,0.9); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.1), inset 0 40px rgba(0,0,0,0.2), inset 0 10px 10px rgba(255,255,255,0.05), inset 0 -15px 10px rgba(0,0,0,0.9); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.1), inset 0 40px rgba(0,0,0,0.2), inset 0 10px 10px rgba(255,255,255,0.05), inset 0 -15px 10px rgba(0,0,0,0.9); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.1), inset 0 40px rgba(0,0,0,0.2), inset 0 10px 10px rgba(255,255,255,0.05), inset 0 -15px 10px rgba(0,0,0,0.9); background: url('../../graphics/box4_top.png') top left repeat-x; background: url('../../graphics/box_corner_left.png') top left no-repeat, url('../../graphics/box_corner_right.png') top right no-repeat, url('../../graphics/box4_top.png') top center repeat-x, url('../../graphics/box4_bg.png') bottom center repeat; } .box4 {position:relative;}/* for search box */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* INFO BOXES HORIZONTAL IMAGE BOXES/ INFO BOXES LEFT/RIGHT COLUMN IMAGE BOXES */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .centerpic img {background-color: #efefef; border: 1px solid #ffffff; padding: 2px; width: 100%;} .centerpic {padding:.2em .5em 0em .1em;} .centerpic img {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);} .sidepic img {background-color: #efefef; border: 1px solid #ffffff; padding: 2px; width:50%; float:right; } .sidepic {margin: 0em .6em 1.0em 0; } .sidepic img {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);} /* FOR MAGAZINE LAYOUT FEATURED IMAGE, USING 90% IMAGE WIDTH TO ALLOW IMAGE TO FLOAT CENTER */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .featurepic img {background-color: #efefef; border: 1px solid #ffffff; padding: 2px;} .featurepic {width:90%; margin:10px auto;} .featurepic img {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* TWITTER FACEBOOK LINKEDIN */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .facebook_wrapper {display:inline; float:right;} .twitter_wrapper {display:inline; float:right;} .linkedin_wrapper {display:inline; float:right;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* NEWS TICKER */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .webwidget_slideshow_common {position: relative; width:auto; margin-left:0; margin-right:auto;} .webwidget_slideshow_common .slides_box {padding: 0;margin: 0px;overflow: hidden;position: absolute; top:12px; left:50px; height:23px;} .webwidget_slideshow_common h4 {position: absolute;top:7px; left:0px;padding:0px;margin: 0px 0px 0px 0px; background:url('../../graphics/latest_news_ticker.png') no-repeat 0px 0px; padding:0px 0px 0px 50px; height:50px;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* FOOTER */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footerleft h3 {background:url('../../graphics/footer_quicklinks.png') no-repeat 0px 0px; height:52px; padding:0px 0px 0px 0px; margin:0px; text-indent:60px; } #footerright h3 {background:url('../../graphics/footer_social.png') no-repeat 0px 0px; height:52px; padding:0px 0px 0px 0px; margin:0px; text-indent:60px; } #footercenter h3 {background:url('../../graphics/footer_contact.png') no-repeat 0px 0px; height:52px; padding:0px 0px 0px 0px; margin:0px; text-indent:60px; } .git_address {background:url('../../graphics/footer_address.png') no-repeat 0px 0px; padding:40px;} .git_phone {background:url('../../graphics/footer_phone.png') no-repeat 0px 0px;} .git_email {background:url('../../graphics/footer_email.png') no-repeat 0px 0px;} .git_contact {background:url('../../graphics/footer_webcontact.png') no-repeat 0px 0px;} #footerleft {background:url('../../graphics/footer_separator.png') top right no-repeat;} #footerright {background:url('../../graphics/footer_separator.png') top left no-repeat;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* INPUT BUTTONS */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ input.button {width:auto !important; margin-right:2px; margin-left:3px; border:1px solid #1F2E19; padding:1px .5em; background:#1F2E19 url('../../graphics/submit-button-bg.jpg') repeat-x left center; color:#FFFFFF;} button {width:auto !important; margin-right:2px; margin-left:3px; border:1px solid #28292D; padding:1px .5em; background:#28292D url('../../graphics/submit-button-bg.jpg') repeat-x left center; color:#3D4026;} input.button:active {border:1px solid #28292D; border-right-color:#28292D; border-bottom-color:#28292D;} button:active {border:1px solid #28292D; border-right-color:#28292D; border-bottom-color:#28292D;} input.button:hover {cursor:pointer;} button:hover {cursor:pointer;} input.button.primary {border:0px solid #28292D; background:#28292D url('../../graphics/submit-button-bg.jpg') repeat-x right center;} button.primary {border:0px solid #28292D; background:#28292D url('../../graphics/submit-button-bg.jpg') repeat-x right center;} input.button.primary:active {border:1px solid #28292D; border-right-color:#28292D; border-bottom-color:#28292D;} /* ZOOM MENU */ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .demo img {border:0px none; padding:0px; width:48px; height:48px; vertical-align:top;} #zoom_menu img {padding:0px 4px;} #zoom_menu div.jqDock {} div.jqDockLabel {border:0px none; padding:0px 4px; padding-bottom:50px; } div.jqDockLabelLink {cursor:pointer;} div.jqDockLabelImage {cursor:default;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*** ESSENTIAL MENU STYLES ***/ .sf-menu-wrapper-side ul, .sf-menu-wrapper-top ul, .sf-menu-wrapper-side *, .sf-menu-wrapper-top *, .sf-menu, .sf-menu * {list-style: none; } .sf-menu-wrapper-side:first-child, .sf-menu-wrapper-top:first-child, .sf-menu {line-height:1.0;} .sf-menu-wrapper-side ul ul, .sf-menu-wrapper-top ul ul, .sf-menu ul {position:absolute; top:-999em; width: 10em; /* left offset of submenus need to match (see below) */} .sf-menu-wrapper-side ul ul li, .sf-menu-wrapper-top ul ul li, .sf-menu ul li {width:100%;} .sf-menu-wrapper-side li:hover, .sf-menu-wrapper-top li:hover, .sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */} .sf-menu-wrapper-side li, .sf-menu-wrapper-top li, .sf-menu li {float: left; position:relative; } .sf-menu-wrapper-side a, .sf-menu-wrapper-top a, .sf-menu a {display:block; position:relative;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; top:0px;}/* match ul width */ ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; top:0px;}/* match ul width */ /*** DEMO SKIN ***/ .sf-menu-wrapper-side > ul , .sf-menu-wrapper-top > ul, .sf-menu {float:left; margin-bottom:1em;} /*** MENU TOP ******************************************************************************************************************************/ /*** TOP MENU BACKGROUNDS ***/ .sf-menu-wrapper-top li a, .sf-menu li a, .sf-menu li a:link, .sf-menu li a:visited {background:transparent; outline:0px; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {background-image:url('../../graphics/topmenuHover_bg.png'); background-position:center 0px; background-color: transparent; outline:0px;/**/} /*** SUBMENU BACKGROUNDS ***/ .sf-menu li ul li a, .sf-menu li ul li a:link, .sf-menu li ul li a:visited {background-image:url('../../graphics/topsubmenu_bg.png'); background-position:center 0px; background-color: transparent; outline:0px;/**/ margin-left:-40px;} .sf-menu li ul li :hover, .sf-menu li ul li .sfHover, .sf-menu li ul li a:focus, .sf-menu li ul li a:hover, .sf-menu li ul li a:active {background-image:url('../../graphics/topsubmenu_bg.png'); background-position:center -50px; background-color: transparent; outline:0px;/**/} /*** SIDE MENU BACKGROUNDS ***/ .sf-menu-wrapper-side li a, .sf-menu-wrapper-side li a:link, .sf-menu-wrapper-side li a:visited, .sf-vertical li a, .sf-vertical li a:link, .sf-vertical li a:visited {background-image:url('../../graphics/sidemenu_bg.png'); background-position:center 0px; background-color: transparent; outline:0px;/**/} .sf-vertical li:hover, .sf-vertical li.sfHover, .sf-vertical li a:focus, .sf-vertical li a:hover, .sf-vertical li a:active {background-image:url('../../graphics/sidemenu_bg.png'); background-position:center -80px; background-color: transparent; outline:0px;/**/} /*** SIDE SUBMENU BACKGROUNDS ***/ .sf-vertical li ul li a, .sf-vertical li ul li a:link, .sf-vertical li ul li a:visited {background-image:url('../../graphics/sidesubmenu_bg.png'); background-position:center 0px; background-color: transparent; outline:0px;/**/} .sf-vertical li ul li :hover, .sf-vertical li ul li .sfHover, .sf-vertical li ul li a:focus, .sf-vertical li ul li a:hover, .sf-vertical li ul li a:active {background-image:url('../../graphics/sidesubmenu_bg.png'); background-position:center -50px; background-color: transparent; outline:0px;/**/} .sf-vertical li ul { margin-top:5px; } /*** MENU SIDE ******************************************************************************************************************************/ /*** alter arrow directions ***/ .sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */ .sf-vertical a > .sf-sub-indicator { background-position: 0px -5px; } /* use translucent arrow for modern browsers*/ /* hover arrow direction for modern browsers*/ .sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator {background-position: -20px 0; /* arrow hovers for modern browsers*/} .about-bios {padding:5px;} /* html5 display rule */ article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;} /* 960 GRIDS */ .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16, .grid_info, .grid_50 {display: inline;float: left;margin-left: 1%;margin-right: 1%;} /* =Grid >> 16 Columns --------------------------------------------------------------------------------*/ .grid_0 {width: 0%; visibility:hidden; display:none;} .grid_1 {width: 4.25%;} .grid_2 {width: 10.5%;} .grid_3 {width: 16.75%;} .grid_4 {width: 23%;} .grid_5 {width: 29.25%;} .grid_6 {width: 35.5%;} .grid_7 {width: 41.75%;} .grid_8 {width: 48%;} .grid_9 {width: 54.25%;} .grid_10 {width: 60.5%;} .grid_11 {width: 66.75%;} .grid_12 {width: 73%;} .grid_13 {width: 79.25%;} .grid_14 {width: 85.5%;} .grid_15 {width: 91.75%;} .grid_16 {width: 98%;} .grid_info {width: 31.333333333333333333%; margin-bottom:20px;} #leftinfo {display: inline; float: left; margin-left: 1%; margin-right: 1%; width: 31%; margin-bottom:20px; padding:0px;} #rightinfo {display: inline; float: left; margin-left: 1%; margin-right: 1%; width: 31%; margin-bottom:20px; padding:0px;} #centerinfo {display: inline; float: left; margin-left: 1%; margin-right: 1%; width: 31%; margin-bottom:20px; padding:0px;} #column1 {display: inline; float: left; margin-left: 1%; margin-right: 1%; width:23%;} #column2 {display: inline; float: left; margin-left: 1%; margin-right: 1%; width:72%;} #column3 {display: inline; float: left; margin-left: 1%; margin-right: 1%; width:0%;} #column4 {display: inline; float: left; margin-left: 1%; margin-right: 1%; width:0%;} #footerleft {display: inline; float: left; margin-left: 1%; margin-right: 1%; padding:1% 8% 2% 0%; width:21%; vertical-align:top; text-align:left;} #footerright {display: inline; float: left; margin-left: 1%; margin-right: 1%; padding:1% 0% 2% 4%; width:25%; vertical-align:top; text-align:left;} #footercenter {display: inline; float: left; margin-left: 1%; margin-right: 1%; padding:1% 1% 2% 1%; width:33%; vertical-align:top; text-align:left;} .grid_50 {width: 48%;}