/* ----------------------------------------------------------------------------- */ /* Steve Template - template.css */ /* ----------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------ */ /* Steve Template - (4) Global Configuration */ /* ------------------------------------------------------------------------------ */ /* url */ /* ------------------------------------------------------------------------------ */ /* path */ /* ------------------------------------------------------------------------------ */ /* style */ /* Vertical Centering */ html {margin: 0;padding: 0;height: 100%;} /*Sets background-color for entire page ... not just all-blocks*/ body {margin: 0;padding: 0;line-height: 135%;background-color: #fff} form {margin: 0;padding: 0;} /* ------------------------------------------------------------------------------ */ /* font */ /* Font Family Settings */ body#SteveTemplateFontFamily-IOPFontFamily, body#SteveTemplateFontFamily-IOPFontFamily td {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;} body#SteveTemplateFontFamily-CPLFontFamily, #SteveTemplateFontFamily-CPLFontFamily td {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;} /* ------------------------------------------------------------------------------ */ /* date */ /* ------------------------------------------------------------------------------ */ html {height: 100%;margin-bottom: 1px;} body {margin: 0;line-height: 135%;} form {margin: 0;padding: 0;} body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;} body, body.f-default {font-size: 12px;} /*body#SteveTemplateFontFamily-IOPFontFamily, body#SteveTemplateFontFamily-IOPFontFamily.f-default {font-size: 13px;}*/ body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;} body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;} p {margin-top: 10px;margin-bottom: 15px;} h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;} h1 {font-size: 200%;line-height: 100%;} h2 {font-size: 175%;line-height: 100%;} h3 {font-size: 150%;} h4 {font-size: 120%;line-height: 130%;} h5 {font-size: 120%;text-transform: uppercase;} a {color: #004479; font-weight: bold; font-family: helvetica,arial,sans-serif; font-size: small;text-decoration:none} a:hover {text-decoration: underline;} .clr {clear: both;} /*This dicates that the footer modules show up side by side instead of top down*/ table.mainbody, table.blog {width: 100%;border: 0;padding: 0;} .spacer .block {float: left;} /* ------------------------------------------------------------------------------ */ /* Steve Template - (8) Code for Template Blocks */ /* ------------------------------------------------------------------------------ */ /*README ************************************************************/ /********************************************************************/ /*(0) Steve|README **************************************************/ /********************************************************************/ /*module| must be published set within Steve_df_parameters.ini */ /*wrapper|constrains the contents to the specified template width */ /********************************************************************/ #all-blocks {background-color:#fff} /* Part 1 of 8 ******************************************************/ /********************************************************************/ /*(1) Steve|top *****************************************************/ /********************************************************************/ /*Beginning of the top-block */ /*#top-block {height: 0px;background:#0000cc;}*/ #top-block {height: 0px;background:#5a575e;} /*.wrapper*/ .top-module {height: 0px;background-color:#fff} /*End of the top-block */ /********************************************************************/ /* Part 2 of 8 ******************************************************/ /********************************************************************/ /*(2) Steve|date-resizer ********************************************/ /********************************************************************/ /*Beginning of the date-resizer-block */ #date-resizer-block {height: 0px;background:#cc0000;} /*.wrapper*/ .date-resizer-module {height: 0px;background:#0000cc;} #date-block {z-index: 5;width: 246px;height: 14px;margin-right: 10px;float: left;} #date-group {color: #fff;text-transform: uppercase;font-weight: bold;font-size: 105%;} a.date-dayoftheweek-group {} a.date-month-group {} a.date-dayofthemonth-group {} #resizer-block {z-index: 5;width: 40px;height: 14px;margin-left: 10px;margin-top:2px;float: right;} #resizer-group .resizer-group {display: block;width: 15px;height: 15px;margin-left:4px;float: right;} a.resizer-font-large-group .resizer-group {background: url(../images/main/font-lg.png) 0 0 no-repeat;} /*.resizer-group {display: block;width: 15px;height: 15px;margin-left:4px;float: right;}*/ a.resizer-font-small-group .resizer-group {background: url(../images/main/font-sm.png) 0 0 no-repeat;} /*.resizer-group*/ /*End of the date-resizer-block */ /********************************************************************/ /*Start of the CPL template-shadow-X-group*/ /*.wrapper*/ .template-shadow-left-group {background: url(../images/main/side-shadow-l.png) 0 0 repeat-y;margin-left: -20px;padding-left: 20px;} .template-shadow-right-group {background: url(../images/main/side-shadow-r.png) 100% 0 repeat-y;margin-right: -20px;padding-right: 20px;} /*continued below*/ /* Part 3 of 8 ******************************************************/ /********************************************************************/ /*(3) Steve|header **************************************************/ /********************************************************************/ /*Beginning of the header-block */ /*#header-block {height: 96px;background:#0000cc;}*/ #header-block {height: 115px;background:#000;} /*.wrapper*/ /*.header-module {height: 96px;background:#cc0000;}*/ .header-module {height: 115px;background:#000;} #logo-background-block {position:absolute;height: 115px;width: 978px;background:#000;} #logo-block {position:absolute;height: 115px;width: 978px;margin: 0px 0px 0px 0px;background: #000 url(http://www.centerforpublicleadership.org/CPLsites/ReynoldsFoundationFellowship/images/ImagesforReynolds/Reynolds_headerbar978.gif) 0 0 no-repeat;} /*iconmenu-background-block is at a z-index:2 to be above mainmenu-background-block*/ /*#iconmenu-background-block {z-index:2;position: absolute;height: 49px;width: 730px;margin:4px 0px 0px 246px;background: url(http://www.centerforpublicleadership.org/CPLsites/ReynoldsFoundationFellowship/imagesforReynolds/Reynolds_headerbar.gif) 0 0 repeat-y;}*/ /*#iconmenu-block {z-index:3;position:absolute;margin: 12px 0px 0px 48px;width:250px;}*/ /*This (height:45px) ensures the actual appearance of the #search-block*/ /*#mainmenu-background-block {z-index:1;position: absolute;height: 88px;width: 728px;margin: 4px 0px 0px 246px;background-color:#8c9163}*/ #IOPsearch-background-block {position:absolute;width: 180px;height: 45px;margin: 24px 0px 0px 770px;overflow: hidden;} #IOPsearch-searchbox-block {z-index:3;position:absolute;width: 100px;} #search_terms, TextInput, text, SearchText {width:100px;} #IOPsearch-searchbutton-block {z-index:3;position:absolute;width: 50px;margin-left:120px;margin-top:2px;} /*This (z-index:2) ensures the actual appearance of the #IOPtoprightmenu-block in IE*/ #IOPtoprightmenu-background-block {z-index:2;position:absolute;height: 45px;width:320px;margin: 4px 0px 0px 607px;} #IOPtoprightmenu-block {z-index:3;position:absolute;} /*Controls the font (.toprightmenu) of the #IOPtoprightmenu-block of the #IOPtoprightmenu-background-block*/ .IOPtoprightmenu {margin: 5px 0px 0px 15px;} .IOPtoprightmenu a {color:#424242;font-family: helvetica,arial,sans-serif; font-size: small;} /********************************************************************/ #header-block2 {height: 39px;background:#000;} /*.wrapper*/ /*.header-module {height: 96px;background:#cc0000;}*/ .header2-module {height: 39px;background:#000;} /* Part 4 of 8 ******************************************************/ /********************************************************************/ /*(4) Steve|video ***************************************************/ /********************************************************************/ /*Beginning of the video-block */ #all-video-block {height:215px;} #video-background-block {width:345px;height:215px;margin:0px 0px 0px 628px;background: #000 url(http://www.centerforpublicleadership.org/CPLsites/ReynoldsFoundationFellowship/images/ImagesforReynolds/Reynolds_featuredbar350.gif) 0 0 no-repeat;} #above-body-block {height: 0px;background:#000;width:972px;} #underscore-background-block {height:2px;margin:0px 0px 0px 0px;background: url(http://www.centerforpublicleadership.org/CPLsites/ReynoldsFoundationFellowship/images/ImagesforReynolds/Reynolds_underscorenavigationbar.gif) 0 0 no-repeat;} /*.wrapper*/ .video-module /*End of the video-block */ #below-video-block {height: 0px;background:#cc0000;width:972px;} /*#above-body-block {margin-top:39px;height: 2px;background:#000;width:972px;}*/ #mainmenu-background-block {z-index:1;position: absolute;height: 40px;width: 978px;margin: -22px 0px 0px 0px;background-color:#80a089} /*The color just above the menu categories*/ /*#mainmenu-block {height:40px;background: #AB1600;} */ #mainmenu-block {height: 40px;margin-top: 0px;padding: 0;display: block;} /*Main Menu [Picture Selection Inactive]*/ #mainmenu-block li a, #mainmenu-block li .separator {background-color: #80a089;} /*This (height: 39px) exactly allows of the proper display of the active color Main Menu [Picture Selection Active]*/ #mainmenu-block li.active a, #mainmenu-block li.active .separator, #mainmenu-block li:hover a, #mainmenu-block li:hover .separator, #mainmenu-block li.sfHover a, #mainmenu-block li.sfHover .separator {height: 40px;background-color: #000;} #mainmenu-block li.active a span, #mainmenu-block li.active .separator span {background-color: #000;} /*This (padding: 23px) exactly positions the Main Menu in correct position*/ ul#horiznav.menutop, #mainmenu-block ul.menutop {padding: 0px 0 0px 0;margin: 0;position: relative;z-index:120;float: left;} /*This (height:39px) exactly displays the inactive color ... Controls font*/ /*#mainmenu-block a, #mainmenu-block .separator {font-family:helvetica;white-space: nowrap;display: block;float: left;height: 39px;line-height: 40px;font-weight: normal;font-size: 79%;letter-spacing: -0.1em;text-decoration: none;z-index: 100;cursor: pointer;padding: 0 6px;color: #fff;text-transform: uppercase;}*/ #mainmenu-block a, #mainmenu-block .separator {font-family:helvetica;white-space: nowrap;display: block;float: left;height: 40px;line-height: 40px;font-weight: normal;text-decoration: none;z-index: 100;cursor: pointer;padding: 0 6px;color: #fff;} /*Changes made in rokmoomenu.css to allow for proper position of dropdown*/ /*This is the mainmenu-block*/ #mainmenu-block li, #mainmenu-block li a, #mainmenu-block li .separator {z-index:200;position:relative;display: block;} #mainmenu-block span {height: 29px;} #mainmenu-block ul {list-style: none;padding: 0;margin: 0;} #mainmenu-block li {display: block;float: left;margin: 0 0px 0 0;padding: 0;font-weight: bold;} #mainmenu-block li, #mainmenu-block li a, #mainmenu-block li .separator {z-index:200;position:relative;display: block;} #mainmenu-block span {height: 29px;} #mainmenu-block ul {list-style: none;padding: 0;margin: 0;} #mainmenu-block li {display: block;float: left;margin: 0 4px 0 0;padding: 0;font-weight: bold;} #mainmenu-block li li.active, #mainmenu-block li.active li a, #mainmenu-block li.active li a:hover, #mainmenu-block li li a:hover, #mainmenu-block ul li.active.parent ul a, #mainmenu-block li.active li .separator, #mainmenu-block li.active li .separator:hover, #mainmenu-block li li .separator:hover, #mainmenu-block ul li.active.parent ul .separator {height:39px;border: 0;padding: 0;margin: 0;} #mainmenu-block li li a, #mainmenu-block li li .separator {text-indent:15px;font-weight: normal;padding: 0;margin: 0;} #mainmenu-block li li, #mainmenu-block li li a span, #mainmenu-block li li .separator span {background: none;padding: 0;margin: 0;} #mainmenu-block li li a span, #mainmenu-block li li .separator span {padding: 0;} #mainmenu-block li.sfHover li a, #mainmenu-block li:hover li a, #mainmenu-block ul li.active ul li.active li a, #mainmenu-block ul li.active.parent ul li a, #mainmenu-block li.sfHover li .separator, #mainmenu-block li:hover li .separator, #mainmenu-block ul li.active.parent ul li .separator, #mainmenu-block ul li.active.parent ul li .seperator {background: none;} #mainmenu-block li.active li a, #mainmenu-block li.active.parent li a, #mainmenu-block li.active li .separator, #mainmenu-block li.active.parent li .separator {font-weight: normal;font-size: 100%;background: none;} #mainmenu-block ul ul {margin: 0;border: 0;padding: 5px 0 2px 0;background: url(../images/main/horizmenu-dropdown-bg.png) 50% 100% no-repeat;} #mainmenu-block ul ul li, #mainmenu-block ul ul li.active {margin-bottom: 3px;} #mainmenu-block ul ul li:hover, #mainmenu-block ul ul li.sfHover {background-image: none;} #mainmenu-block ul ul li a, #mainmenu-block ul li.active.parent ul a, #mainmenu-block ul li.active.parent ul a span, #mainmenu-block ul ul li .separator, #mainmenu-block ul li.active.parent ul .separator, #mainmenu-block ul li.active.parent ul .separator span {background: none;} #mainmenu-block ul ul li.active {background: none;} #mainmenu-block ul ul li, #mainmenu-block ul ul li.active, #mainmenu-block li.active li a:hover, #mainmenu-block li.active li a.sfHover, #mainmenu-block li a.separator {background: url(../images/main/dropdown-item.png) 0 0;} #mainmenu-block ul ul li a.daddy, #mainmenu-block ul ul li .separator.daddy, #mainmenu-block ul li.parent.active:hover li a.daddy, #mainmenu-block ul li.parent.active:hover li .separator.daddy, #mainmenu-block ul li.parent.active.sfHover li a.daddy, #mainmenu-block ul li.parent.active.sfHover li .separator.daddy {background: transparent url(../images/main/dropdown-item-hover-arrow.png) 65% 12px no-repeat;} #mainmenu-block ul ul li:hover, #mainmenu-block ul ul li.sfHover, #mainmenu-block ul ul li.active {background: url(../images/main/dropdown-item-hover.png) 0 0;} #search-background-block {z-index:5;position:absolute;width: 180px;height: 39px;margin: -21px 0px 0px 793px;overflow: hidden;} /*This (width: 178px) allows for both #search-block .search and #search-block .inputbox to properly fit in place*/ #search-block {z-index:6;position:absolute;width: 180px;text-align: right;float: right;} /*This (border: 0px;padding: 0;} locks the look of #search-block in place*/ #search-block .search {border: 0px;padding: 0;} /*This (font-size: 100%; padding: 3px 0px 3px 6px) locks the look of #search-block in place*/ #search-block .inputbox {padding: 3px 0px 3px 6px;width: 180px;margin-top:8px;border: 1px solid #ccc;background: #fff;color: #666;float: left;} #search-block input.button {font-size:58%;width: 50px;margin:8px 0px 0px 8px;padding: 2px 0px 2px 0px;background: url(../images/main/search-button.png) 0 0 no-repeat;float: left;} /********************************************************************/ body { margin:0; padding:0; font:11pt/1.5 sans-serif; } /*Need to specify white here as well as the body-panel-center-block*/ /* #body-left-block { margin:0; padding:0; background:white url("http://67.212.164.230/shujikishi/images/shujikishi/shujikishi_template_images/shujikishi_bodyrightblock_image.gif") top left repeat-y; } #body-right-block { margin:0; padding:0; background:url("http://67.212.164.230/shujikishi/images/shujikishi/shujikishi_template_images/shujikishi_bodyleftblock_image.gif") top right repeat-y; }*/ /*This is good*/ #body-left-block { margin:0; padding:0; background:white; } #body-right-block { margin:0; padding:0; background:url("http://www.centerforpublicleadership.org/CPLsites/ReynoldsFoundationFellowship/images/ImagesforReynolds/Reynolds_leftblockimage.gif") top right repeat-y; } #body-panel-left-block { float:left; width:345px; margin:0; padding:0; font-size:90%; } #body-panel-center-block { background:white; font-size:100%; width:620px } #body-panel-right-block, #body-panel-right-module { float:right; width:345px; margin:0; padding:0; font-size:90%; } /*#body-panel-center-block { margin:0 244px; background:white; font-size:80%; width:484px }*/ /*This controls font size*/ /*This (float: left) dicates correct positioning on the page*/ /*#body-panel-right-block {margin:0; padding:0;width:244px;background-color: #cc0000;float: right;}*/ #body-panel-right-block .padding {padding: 0;width:340px;float:right;} .column-in { margin:0; padding:0.5em 1em; } .cleaner { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; } /* Part 5 of 8 ******************************************************/ /********************************************************************/ /*(5) Steve|body ****************************************************/ /********************************************************************/ /*Beginning of the body-block */ /*#body-block {z-index:2;background:#0000cc;}*/ #body-block {z-index:2;background:#fff;} /*.wrapper*/ /*.additionalwrapper*/ .body-module /*This (float: left) dicates correct positioning on the page*/ /*#body-panel-left-block {margin:0; padding:0;width: 244px;background-color: #0000cc;float: left;}*/ /*#body-panel-left-block .padding {padding: 0;}*/ #body-backgroundimage-left-module /*This ({margin: 0px 5px 0px 5px;width: 232px; float: left; border: 1px solid #666; }) will affect the entire #body-panel-left-module*/ #body-panel-left-module /* ---------------------------------------------------------- */ /*These are taken from the IOP website to match the aesthetics*/ /*This (.side-mod a) locks the below in place (.browse, .multimediacenter, .stayinformed, .iconmenufont*/ .side-mod a /*Controls the font (.IOPbrowsemultimedia) of a #body-panel-left-module of the #body-panel-left-block*/ .IOPbrowsemultimedia {margin: 6px 12px 18px 12px;line-height: 204%; } .IOPbrowsemultimedia a {color: #004479; font-weight: bold; font-family: helvetica,arial,sans-serif; font-size: x-small;} /*Controls the font (.IOPmultimediacenter) of a #body-panel-left-module of the #body-panel-left-block*/ .IOPmultimediacenter {margin: 6px 0px 18px 16px;line-height: 100%;} .IOPmultimediacenter a {color:#424242;font-family: helvetica,arial,sans-serif; font-size: small;} /*Controls the font (.IOPstayinformed) of a #body-panel-left-module of the #body-panel-left-block*/ .IOPstayinformed {margin: 0px 0px 0px 14px;color: rgb(66, 66, 66); font-family: helvetica,arial,sans-serif; font-size: x-small;line-height: 100%;} /*.IOPstayinformed a { } is not operative here because it is not a hyperlink*/ /*Controls the font (.iconmenufont) of the #iconmenu-block*/ /*Control the color of the dividers (.iconmenufont) of the #iconmenu-block*/ .iconmenufont {color: #004479;line-height: 100%;} .iconmenufont a {color: #004479; font-weight: bold; font-family: helvetica,arial,sans-serif;font-size: small;} /* Side Menus */ /*Submenu color*/ #body-block ul.menu li, #body-block .medium ul.menu li {background: #ffff00;border: 1px solid #9C9C9C;} /*Menu Category color*/ #body-block ul.menu li a, #body-block ul.menu li .separator {background-color:#cc0000;color: #333;} #body-block ul.menu {margin:0;padding: 0;} #body-block ul.menu li {list-style: none;} #body-block ul.menu span {display: block;} #body-block ul.menu li a, #body-block ul.menu li .separator {text-indent: 20px;background-position: 8px 50% !important;} #body-block ul.menu ul li a, #body-block ul.menu ul li .separator {text-indent: 25px;background: none;} #body-block ul.menu ul li ul li a, #body-block ul.menu ul li ul li .separator {text-indent: 45px;background: none;} #body-block ul.menu ul li ul li ul li a, #body-block ul.menu ul li ul li ul li .separator {text-indent: 65px;background: none;} #body-block ul.menu li.parent ul li span {background: none;} #body-block ul.menu li.active.parent li span {background: none;} #body-block ul.menu li.active.parent ul li, #body-block ul.menu li.active.parent ul li.parent ul {background: none;border: 0;} #body-block ul.menu li.active.parent ul {padding: 6px 0;margin: 0;border: 0;} #body-block ul.menu a, ul.menu .separator {display: block;text-indent: 0;overflow: hidden;font-size: 110%;float: none;padding: 5px;} #body-block ul.menu li.active a, #body-block ul.menu li.active li.active a, #body-block ul.menu li.active li.active li.active a, #body-block ul.menu li.active .separator, #body-block ul.menu li.active li.active .separator {font-weight: bold;} #body-block ul.menu li.active li a, #body-block ul.menu li.active li.active li a, #body-block ul.menu li.active li .separator, #body-block ul.menu li.active li.active li .separator, #body-block ul.menu li.active li.active li.active .separator {font-weight: normal;background: none;} #body-block ul.menu ul ul {padding: 0; margin: 0;background: none;} #body-block ul.menu li li {padding: 5px 0;margin: 0;border: 0;background: none;font-size: 90%;text-transform: lowercase;} #body-block ul.menu ul a, #body-block ul.menu ul .separator {text-indent: 0;} #body-block ul.menu li.active a, #body-block ul.menu li.active a:hover, #body-block ul.menu li.active .separator, #body-block ul.menu li.active .separator:hover {text-decoration: none;} #body-block ul.menu li a:hover, #body-block ul.menu li .separator:hover {text-decoration: none;background-position: 8px 50% !important;} #body-block ul.menu li.active.parent ul {margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 10px;} #body-block ul.menu li.active.parent ul li.active.parent ul {padding: 5px 0;} #body-block ul.menu ul {padding: 0;margin: 0;} #body-block ul.menu ul a, #body-block ul.menu ul .separator {padding: 0;margin: 0;} #body-block ul.menu li.active li a:hover, #body-block ul.menu li.active li .separator:hover {background: none;} #body-block .dark ul.menu li a, #body-block .dark ul.menu li .separator {background: url(../images/main/dark-arrow.png) 8px 50% no-repeat;color: #ddd;} #body-block .dark ul.menu li a:hover, #body-block .dark ul.menu li .separator:hover {background: url(../images/main/dark-arrow-hover.png) 8px 50% no-repeat;color: #fff;} #body-block .promo ul.menu li a, #body-block .promo ul.menu li .separator, .side-mod.promo ul li a, .side-mod.promo ul li .separator {background: url(../images/main/dark-arrow.png) 8px 50% no-repeat;color: #ddd;} #body-block .promo ul.menu li a:hover, #body-block .promo ul.menu li .separator:hover, .side-mod.promo ul li a:hover, .side-mod.promo ul li .separator:hover {background: url(../images/main/dark-arrow-hover.png) 8px 50% no-repeat;color: #fff;} /*Clearly controls the show_minimimze and show_TOOLSOFF*/ .content-header {position: relative;} .move-handle, .open-handle, .close-handle, .TOOLSOFF-handle {height: 22px;width: 20px;position: absolute;cursor: pointer;} .close-handle {right: 0;top: 2px;} .open-handle {right: 0;top: 2px;} .TOOLSOFF-handle {top: 2px;right: 22px;} .TOOLSOFF-hover {background: url(../images/main/TOOLSOFF-hover.png) 0 0 !important;} /*This (float: left) dicates correct positioning on the page*/ /*#body-panel-center-block {margin:0 150px;width:484px;background-color: #000;} */ /*#body-panel-center-block .padding {padding: 0px;}*/ #body-backgroundimage-center-module #body-navigation-center-module {margin-left:10px;height: 25px;background-color: #000;float: left;} /*This padding works to move the Home of the navigation*/ .body-navigation-center-group {color: #004479;line-height: 100%;} .body-navigation-center-group a {color: #004479; font-weight: bold; font-family: helvetica,arial,sans-serif;font-size: small;} /*Sets background color nad #fff margin-bttom:6px determines how far the rotator is properly positioned.minim height:14px to have all text of breadcrum show up.*/ #body-navigation-center-module {height: 14px;margin-left:10px;margin-top: 4px;margin-right: 10px; margin-bottom:0px;display: block;background: #fff;} #body-navigation-center-module h3 {display: none;} span.body-navigation-center-module {display: block;font-size: 100%;overflow: hidden;line-height: 120%;padding-top: 2px;text-transform: uppercase;color: #fff;} span.body-navigation-center-module img {width: 10px;height: 9px;background: url(../images/main/breadcrumb-div.png) 50% 50% no-repeat;} span.body-navigation-center-module a {float: none;padding: 0 2px 0 0;font-weight: normal;color: #000;} /*Do not put padding here. It has no effect on web-content*/ #body-featured-center-module /*.clr*/ #body-panel-center-modules345 {background-color: #fff;float: left;} #body-panel-center-modules678 {background-color: #fff;float: left;} /*Controls the background-color and padding (#body-news-center-module) around the body-news-center-block*/ /* #body-news-center-module {z-index:1;background-color:#fff;padding: 12px;} #body-news-center-block #body-panel-center-modules345, #body-panel-center-modules678 {padding-top: 15px;} #body-panel-center-modules345.spacer .block, #body-panel-center-modules678.spacer .block {float: left;} #body-panel-center-modules345.spacer.w99 .block, #body-panel-center-modules678.spacer.w99 .block {width: 99.8%;} #body-panel-center-modules345.spacer.w49 .block, #body-panel-center-modules678.spacer.w49 .block {width: 49.8%;} #body-panel-center-modules345.spacer.w33 .block, #body-panel-center-modules678.spacer.w33 .block {width: 33.3%;} #body-panel-center-modules345 .block.first .moduletable {padding: 0 10px 10px 10px;} #body-panel-center-modules345 .block.middle .moduletable {padding: 100px 10px 10px 10px;} #body-panel-center-modules345 .block.last .moduletable {padding: 0 10px 10px 0px;} #body-panel-center-modules678 .block.first .moduletable {padding: 0 10px 10px 10px;} #body-panel-center-modules678 .block.middle .moduletable {padding: 100px 10px 10px 10px;} #body-panel-center-modules678 .block.last .moduletable {padding: 0 10px 10px 0px;} */ #body-webcontent-center-block {margin-left:10px;width:610px;} .body-webcontent-center-group {margin-left:10px;} .body-webcontent-center-group a {color: #004479; font-weight: bold; font-family: helvetica,arial,sans-serif; font-size: small;} /*********************************************************************/ /*Mainblock*/ /*Controls the actual Position of module*/ .block.first .mainblock-module {padding: 0px 0 10px 10px;} .block.middle .mainblock-module {padding: 0 0 10px 10px;} .block.last .mainblock-module {padding: 0 10px 10px 10px;} /*Control the position of the content of the module*/ .mainblock-mod .module {padding: 15px;} .mainblock-title-container {position: relative;} /*Controls the position of the background of the title*/ .mainblock-mod h3.module-title {margin: 0;padding: 0px 0px 0px 15px;position: relative;} /*Control the title size of the #body-panel-centermodules345,#body-panel-centermodules678*/ .mainblock-mod h3.module-title span.bg {font-size: 50%;padding: 0px 0px 0px 10px;} /*This is the rounded corners on the bottom part of module*/ /*sample format of custom module .medium .content-bottom3 {background: url(../images/main/side-mod-bl.png) 0 100% no-repeat;}*/ .content-bottom, .mainblock-mod-bottom {background: url(../images/main/content-bm.png) 0 0 repeat-x;} .content-bottom2, .mainblock-mod-bottom2 {background: url(../images/main/content-br.png) 100% 100% no-repeat;} .content-bottom3, .mainblock-mod-bottom3 {background: url(../images/main/content-bl.png) 0 100% no-repeat;} /*********************************************************************/ /* Side Column Modules */ .side-mod-bottom, .side-mod-bottom2, .side-mod-bottom3 {height: 6px;} .side-mod-bottom { margin-bottom: 10px;} .side-mod h3.module-title {margin: 0 0 0 -4px;padding-top: 5px;position: relative;} .side-mod h3.module-title span {font-size: 85%;text-transform: uppercase;} .side-mod h3.module-title span.bg {padding: 6px 10px;} .side-mod h3.module-title span.bg2 {padding: 0 0 7px 0;} .side-title-container {position: relative;} .side-mod .module {padding: 15px;} .side-mod .open-handle, .side-mod .close-handle, .side-mod .TOOLSOFF-handle {height: 22px;width: 20px;position: absolute;cursor: pointer;} .side-mod .close-handle {right: 0;top: 0;} .side-mod .open-handle {right: 0;top: 0;} .side-mod .TOOLSOFF-handle {top: 0;right: 22px;} .flush .module {padding: 0;} .light .side-mod h3.module-title span.bg {background: url(../images/main/side-light-h3.png) 50% 100% repeat-x;color: #fff;} .light .side-mod {background: #E7E7E7 url(../images/main/side-light-mod-bg.png) 0 0 repeat-x;border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD;} .light .side-mod2 {background: url(../images/main/side-light-mod-h3-bg.png) 0 0 repeat-x;} .light .side-mod-bottom {background: url(../images/main/side-light-bm.png) 0 0 repeat-x;} .light .side-mod-bottom2 {background: url(../images/main/side-light-br.png) 100% 100% no-repeat;} .light .side-mod-bottom3 {background: url(../images/main/side-light-bl.png) 0 100% no-repeat;} .light .side-mod .close-handle {background: url(../images/main/side-light-close-handle.png) 50% 50% no-repeat;} .light .side-mod .open-handle {background: url(../images/main/side-light-open-handle.png) 50% 50% no-repeat;} .light .side-mod .TOOLSOFF-handle {background: url(../images/main/side-light-TOOLSOFF-handle.png) 50% 50% no-repeat;} .side-mod h3.module-title span.bg, .medium .side-mod h3.module-title span.bg {background: url(../images/main/side-mod-h3.png) 50% 100% repeat-x;color: #fff;} .side-mod, .medium .side-mod {background: #B8B8B8 url(../images/main/side-mod-bg.png) 0 0 repeat-x;border-left: 1px solid #A5A5A5;border-right: 1px solid #A5A5A5;border-top: 1px solid #A5A5A5;} .side-mod2, .medium .side-mod2 {background: url(../images/main/side-mod-h3-bg.png) 0 0 repeat-x;} .side-mod-bottom, .medium .side-mod-bottom {background: url(../images/main/side-mod-bm.png) 0 0 repeat-x;} .side-mod-bottom2, .medium .side-mod-bottom2 {background: url(../images/main/side-mod-br.png) 100% 100% no-repeat;} .side-mod-bottom3, .medium .side-mod-bottom3 {background: url(../images/main/side-mod-bl.png) 0 100% no-repeat;} .side-mod .close-handle, .medium .side-mod .close-handle {background: url(../images/main/side-close-handle.png) 50% 50% no-repeat;} .side-mod .open-handle, .medium .side-mod .open-handle {background: url(../images/main/side-open-handle.png) 50% 50% no-repeat;} .side-mod .TOOLSOFF-handle, .medium .side-mod .TOOLSOFF-handle {background: url(../images/main/side-TOOLSOFF-handle.png) 50% 50% no-repeat;} .dark .side-mod h3.module-title span.bg {background: url(../images/main/side-dark-h3.png) 50% 100% repeat-x;color: #fff;} .dark .side-mod {background: #616161 url(../images/main/side-dark-mod-bg.png) 0 0 repeat-x;border-left: 1px solid #555555;border-right: 1px solid #555555;border-top: 1px solid #555555;} .dark .side-mod a {color: #ccc;} .dark .side-mod2 {background: url(../images/main/side-dark-mod-h3-bg.png) 0 0 repeat-x;color: #fff;} .dark .side-mod-bottom {background: url(../images/main/side-dark-bm.png) 0 0 repeat-x;} .dark .side-mod-bottom2 {background: url(../images/main/side-dark-br.png) 100% 100% no-repeat;} .dark .side-mod-bottom3 {background: url(../images/main/side-dark-bl.png) 0 100% no-repeat;} .dark .side-mod .close-handle {background: url(../images/main/side-dark-close-handle.png) 50% 50% no-repeat;} .dark .side-mod .open-handle {background: url(../images/main/side-dark-open-handle.png) 50% 50% no-repeat;} .dark .side-mod .TOOLSOFF-handle {background: url(../images/main/side-dark-TOOLSOFF-handle.png) 50% 50% no-repeat;} /********************************************************************/ /* Part 6 of 8 ******************************************************/ /********************************************************************/ /*(6) Steve|footer **************************************************/ /********************************************************************/ /*Beginning of the footer-block */ #footer-block {width:1px;} /*#footer-block {height: 35px;background-color:#5a575e;}*/ /*.wrapper*/ /*This determines the background-color*/ #footer-panels-background-block {height: 1px;background:#000;} .footer-module {height: 35px;background:#5a575e;} #footer-panel-center-block {height:35px;background-color:#D9E3EB;} /*.padding*/ #footer-backgroundimage-center-module /*#footer-panel-center-module {height:221px;width:728px;background: url(http://www.iop.harvard.edu/extension/iopmain/design/iopmain/images/bg.main-column.gif);margin: 0px 0px 0px 244px;}*/ #footer-panel-center-module {height:35px;width:978px;} /*End of the footer-block */ /********************************************************************/ /* Part 7 of 8 ******************************************************/ /********************************************************************/ /*(7) Steve|copyright-trademark *************************************/ /********************************************************************/ /*Beginning of the copyright-trademark-block */ /* For background color, must change both #copyright-trademark-block and .copyright-trademark-module*/ /*#copyright-trademark-block {height: 20px;background:#0000cc;}*/ #copyright-trademark-block {height: 40px;background:#000;} /*.wrapper*/ /*#copyright-trademark-module {height: 20px;background:#cc0000;}*/ .copyright-trademark-module {height: 40px;background:#dcdcdc;} #copyright-block {z-index: 5;width: 400px;height: 14px;margin-right: 10px;float: left;margin-left:10px;} #copyright-group a {text-decoration: none; cursor: pointer;} /*Controls the color of the font (.copyright) of the #copyright-group of the #copyright-block*/ .copyright-group {font-weight:bold;color:#777777;font-family: helvetica,arial,sans-serif; font-size: small;} /*.copyright a { } is not operative here because it is not a hyperlink*/ /*This (text-align: right) controls the alignment to the right of the #trademark-block*/ #trademark-block {z-index: 5;width: 450px;height: 14px;margin-left: 10px;text-align: right;float: right;margin-right:10px;} #trademark-group a {} /*Control the color of the dividers (.trademark) of the #trademark-group of the #trademark-block*/ .trademark-group {color:#777777;} .trademark-group a {color:#777777;font-family: helvetica,arial,sans-serif; font-size: small;} /*End of the copyright-trademark-block */ /********************************************************************/ /* Part 8 of 8 ******************************************************/ /********************************************************************/ /*(8) Steve|bottom **************************************************/ /********************************************************************/ /*Beginning of the bottom-block */ #bottom-block {height: 0px;background:#5a575e;} /*.wrapper*/ .bottom-module {height: 0px;background:#5a575e;} /*End of the bottom-block */ /********************************************************************/ /* Main Body Items */ h1.componentheading {font-size: 120%;text-transform: uppercase;line-height: 170%;margin-bottom: 8px;margin-top: 0;} h1.componentheading span.bg {padding: 5px 10px;} h1.componentheading span.bg2 {padding: 0 0 7px 0;} .content-header {position: relative;} .move-handle, .open-handle, .close-handle, .tools-handle {height: 22px;width: 20px;position: absolute;cursor: pointer;} .close-handle {right: 0;top: 2px;} .open-handle {right: 0;top: 2px;} .tools-handle {top: 2px;right: 22px;} .tools-hover {background: url(../images/main/tools-hover.png) 0 0 !important;} .contentheading {margin: 0;padding: 4px 60px 6px 15px;font-size: 140%;font-weight: bold;line-height: 120%;} .main-article {padding: 10px;} .main-article .contentheading {padding: 0;font-size: 190%;margin-bottom: 15px;} .article-extras {overflow: hidden;padding-left: 10px;} div.buttonheading {margin: 0 10px 0 0;float: left;padding: 8px 5px 5px 5px;} .main-article div.buttonheading {float: right;} div.pageinfo {float: left;margin: 0 10px 0 0;padding: 8px 5px 5px 5px;} div.iteminfo {float: left;margin: 0 10px 0 0;padding: 8px 5px 5px 5px;font-size: 90%;} span.modifydate, span.createdby, span.createdate {display: block;} .content-padding {padding: 5px 15px;} .content-bottom, .content-bottom2, .content-bottom3 {height: 6px;} .content-bottom {margin-bottom:5px;} .readon-tab-block {float: right;margin-right: 8px;text-align: center;margin-bottom: 4px;margin-top:1px;} .readon-tab-block a.readon {margin: 0;font-size: 90%;font-weight: bold;padding: 0 10px;} .readon-tab-block a.readon:hover, a.contentpagetitle:hover {text-decoration: none;} .readon-tab, .readon-tab2, .readon-tab3 {height: 24px;} .readon-tab {margin-left: 4px;margin-right: 4px;} .readon-tab2 {margin-right: -4px;} .readon-tab3 {margin-left: -4px;} span.readon-tab-text {height: 24px;line-height: 22px;} a.readon {margin-top: 15px;margin-bottom: 10px;display: block;} span.readon-full {padding: 4px 8px;text-transform: uppercase;font-size: 80%;font-weight: bold;} div.pagination {height: 21px;line-height: 21px;margin-top: 10px;margin-bottom: 15px;} div.pagination div.tab {background: url(../images/main/page-tab-r.png) 100% 0 no-repeat;float: left;margin-right: 6px;} div.pagination div.tab2 {background: url(../images/main/page-tab-l.png) 0 0 no-repeat;padding: 0 8px;} div.pagination div.page-block {padding: 0 4px;float: left;margin-right: 6px;} .cols2 {width: 49.4%;float: left;} .column1.cols2 {margin-right: 5px;} .cols3 {width: 32.6%;float: left;} /* Main Body Content Blocks */ .frontpage-item-bg, .blog-item-bg {background: #E7E7E7;border-top: 1px solid #CFCFCF;border-right: 1px solid #CFCFCF;border-left: 1px solid #CFCFCF;} .medium .frontpage-item-bg, .medium .blog-item-bg {background: #B6B6B6;border-top: 1px solid #A5A5A5;border-right: 1px solid #A5A5A5;border-left: 1px solid #A5A5A5;} .dark .frontpage-item-bg, .dark .blog-item-bg {background: #616161;border-top: 1px solid #555;border-right: 1px solid #555;border-left: 1px solid #555;color: #fff;} .content-padding {background: url(../images/main/light-item-bg.png) 0 0 repeat-x;} .medium .content-padding {background: url(../images/main/med-item-bg.png) 0 0 repeat-x;} .dark .content-padding {background: url(../images/main/dark-item-bg.png) 0 0 repeat-x;} #maincontent-block .dark .frontpage-item-bg a, #maincontent-block .dark .blog-item-bg a {color: #ccc;} .content-header, .light .content-header {background: #DFDFDF url(../images/main/content-header-bg.png) 0 0 repeat-x;} .medium .content-header {background: #BABABA url(../images/main/main-med-header-bg.png) 0 0 repeat-x;} .dark .content-header {background: #666 url(../images/main/main-dark-header-bg.png) 0 0 repeat-x;} .close-handle, .light .close-handle {background: url(../images/main/side-light-close-handle.png) 50% 50% no-repeat;} .medium .close-handle {background: url(../images/main/side-close-handle.png) 50% 50% no-repeat;} .dark .close-handle {background: url(../images/main/side-dark-close-handle.png) 50% 50% no-repeat;} .open-handle, .light .open-handle {background: url(../images/main/side-light-open-handle.png) 50% 50% no-repeat;} .medium .open-handle {background: url(../images/main/side-open-handle.png) 50% 50% no-repeat;} .dark .open-handle {background: url(../images/main/side-dark-open-handle.png) 50% 50% no-repeat;} .tools-handle, .light .tools-handle {background: url(../images/main/side-light-tools-handle.png) 50% 50% no-repeat;} .medium .tools-handle {background: url(../images/main/side-tools-handle.png) 50% 50% no-repeat;} .dark .tools-handle {background: url(../images/main/side-dark-tools-handle.png) 50% 50% no-repeat;} #maincontent-block a.contentpagetitle:hover, #main-body a.readon:hover {color: #333;} #maincontent-block .medium a.contentpagetitle:hover, #main-body .medium a.readon:hover {color: #151515;} #maincontent-block .dark a.contentpagetitle:hover, #main-body .dark a.readon:hover {color: #ccc;} #main-body .promo a.readon:hover {color: #ccc;} .article-extras {background: #ddd url(../images/main/content-header-bg2.png) 0 0 repeat-x;border-bottom: 1px solid #CFCFCF;color: #555;} .medium .article-extras {background: #B4B4B4 url(../images/main/main-med-header-bg2.png) 0 0 repeat-x;border-bottom: 1px solid #A5A5A5;color: #333;} .dark .article-extras {background: #636363 url(../images/main/main-dark-header-bg2.png) 0 0 repeat-x;border-bottom: 1px solid #555;color: #fff;} span.createdby {color: #333;} .dark span.createdby {color: #fff;} .main-article .contentheading {color: #333;} .content-bottom, .mainblock-mod-bottom {background: #c7c998;} .content-bottom2, .mainblock-mod-bottom2 {background: #c7c998;;} /*Bottom color of module*/ .content-bottom3, .mainblock-mod-bottom3 {background: #c7c998;} .medium .content-bottom {background: url(../images/main/side-mod-bm.png) 0 0 repeat-x;} .medium .content-bottom2 {background: url(../images/main/side-mod-br.png) 100% 100% no-repeat;} .medium .content-bottom3 {background: url(../images/main/side-mod-bl.png) 0 100% no-repeat;} .dark .content-bottom {background: url(../images/main/side-dark-bm.png) 0 0 repeat-x;} .dark .content-bottom2 {background: url(../images/main/side-dark-br.png) 100% 100% no-repeat;} .dark .content-bottom3 {background: url(../images/main/side-dark-bl.png) 0 100% no-repeat;} .readon-tab {background: url(../images/main/readon-tab-m.png) 0 0 repeat-x;} .readon-tab2 {background: url(../images/main/readon-tab-r.png) 100% 0 no-repeat;} .readon-tab3 {background: url(../images/main/readon-tab-l.png) 0 0 no-repeat;} .medium .readon-tab {background: url(../images/main/main-med-readon-tab-m.png) 0 0 repeat-x;} .medium .readon-tab2 {background: url(../images/main/main-med-readon-tab-r.png) 100% 0 no-repeat;} .medium .readon-tab3 {background: url(../images/main/main-med-readon-tab-l.png) 0 0 no-repeat;} .dark .readon-tab {background: url(../images/main/main-dark-readon-tab-m.png) 0 0 repeat-x;} .dark .readon-tab2 {background: url(../images/main/main-dark-readon-tab-r.png) 100% 0 no-repeat;} .dark .readon-tab3 {background: url(../images/main/main-dark-readon-tab-l.png) 0 0 no-repeat;} span.readon-full {background: #F0F0F0 url(../images/main/readon-bg.png) 0 0 repeat-x;border: 1px solid #c7c7c7;} .medium span.readon-full {background: #B7B7B7 url(../images/main/main-med-readon-bg.png) 0 0 repeat-x;border: 1px solid #9C9C9C;} .dark span.readon-full {background: #666 url(../images/main/main-dark-readon-bg.png) 0 0 repeat-x;border: 1px solid #555;} .promo span.readon-full {background: #666 url(../images/main/main-dark-readon-bg.png) 0 0 repeat-x;border: 1px solid #888;} /* Side Column Modules */ .side-mod-bottom, .side-mod-bottom2, .side-mod-bottom3 {height: 6px;} .side-mod-bottom { margin-bottom: 10px;} .side-mod h3.module-title {margin: 0 0 0 -4px;padding-top: 5px;position: relative;} .side-mod h3.module-title span {font-size: 85%;text-transform: uppercase;} .side-mod h3.module-title span.bg {padding: 6px 10px;} .side-mod h3.module-title span.bg2 {padding: 0 0 7px 0;} .side-title-container {position: relative;} .side-mod .module {padding: 15px;} .side-mod .open-handle, .side-mod .close-handle, .side-mod .tools-handle {height: 22px;width: 20px;position: absolute;cursor: pointer;} .side-mod .close-handle {right: 0;top: 0;} .side-mod .open-handle {right: 0;top: 0;} .side-mod .tools-handle {top: 0;right: 22px;} .flush .module {padding: 0;} .light .side-mod h3.module-title span.bg {background: url(../images/main/side-light-h3.png) 50% 100% repeat-x;color: #fff;} .light .side-mod {background: #E7E7E7 url(../images/main/side-light-mod-bg.png) 0 0 repeat-x;border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD;} .light .side-mod2 {background: url(../images/main/side-light-mod-h3-bg.png) 0 0 repeat-x;} .light .side-mod-bottom {background: url(../images/main/side-light-bm.png) 0 0 repeat-x;} .light .side-mod-bottom2 {background: url(../images/main/side-light-br.png) 100% 100% no-repeat;} .light .side-mod-bottom3 {background: url(../images/main/side-light-bl.png) 0 100% no-repeat;} .light .side-mod .close-handle {background: url(../images/main/side-light-close-handle.png) 50% 50% no-repeat;} .light .side-mod .open-handle {background: url(../images/main/side-light-open-handle.png) 50% 50% no-repeat;} .light .side-mod .tools-handle {background: url(../images/main/side-light-tools-handle.png) 50% 50% no-repeat;} .side-mod h3.module-title span.bg, .medium .side-mod h3.module-title span.bg {background: url(../images/main/side-mod-h3.png) 50% 100% repeat-x;color: #fff;} .side-mod, .medium .side-mod {background: #B8B8B8 url(../images/main/side-mod-bg.png) 0 0 repeat-x;border-left: 1px solid #A5A5A5;border-right: 1px solid #A5A5A5;border-top: 1px solid #A5A5A5;} .side-mod2, .medium .side-mod2 {background: url(../images/main/side-mod-h3-bg.png) 0 0 repeat-x;} .side-mod-bottom, .medium .side-mod-bottom {background: url(../images/main/side-mod-bm.png) 0 0 repeat-x;} .side-mod-bottom2, .medium .side-mod-bottom2 {background: url(../images/main/side-mod-br.png) 100% 100% no-repeat;} .side-mod-bottom3, .medium .side-mod-bottom3 {background: url(../images/main/side-mod-bl.png) 0 100% no-repeat;} .side-mod .close-handle, .medium .side-mod .close-handle {background: url(../images/main/side-close-handle.png) 50% 50% no-repeat;} .side-mod .open-handle, .medium .side-mod .open-handle {background: url(../images/main/side-open-handle.png) 50% 50% no-repeat;} .side-mod .tools-handle, .medium .side-mod .tools-handle {background: url(../images/main/side-tools-handle.png) 50% 50% no-repeat;} .dark .side-mod h3.module-title span.bg {background: url(../images/main/side-dark-h3.png) 50% 100% repeat-x;color: #fff;} .dark .side-mod {background: #616161 url(../images/main/side-dark-mod-bg.png) 0 0 repeat-x;border-left: 1px solid #555555;border-right: 1px solid #555555;border-top: 1px solid #555555;} .dark .side-mod a {color: #ccc;} .dark .side-mod2 {background: url(../images/main/side-dark-mod-h3-bg.png) 0 0 repeat-x;color: #fff;} .dark .side-mod-bottom {background: url(../images/main/side-dark-bm.png) 0 0 repeat-x;} .dark .side-mod-bottom2 {background: url(../images/main/side-dark-br.png) 100% 100% no-repeat;} .dark .side-mod-bottom3 {background: url(../images/main/side-dark-bl.png) 0 100% no-repeat;} .dark .side-mod .close-handle {background: url(../images/main/side-dark-close-handle.png) 50% 50% no-repeat;} .dark .side-mod .open-handle {background: url(../images/main/side-dark-open-handle.png) 50% 50% no-repeat;} .dark .side-mod .tools-handle {background: url(../images/main/side-dark-tools-handle.png) 50% 50% no-repeat;} .promo .side-mod .close-handle {background: url(../images/main/promo-close-handle.png) 50% 50% no-repeat;} .promo .side-mod .open-handle {background: url(../images/main/promo-open-handle.png) 50% 50% no-repeat;} .promo .side-mod .tools-handle {background: url(../images/main/promo-tools-handle.png) 50% 50% no-repeat;} .promo .side-mod {background: #333 url(../images/main/promo-bg.png) 100% 0 no-repeat;border-left: 1px solid #EBEBEB;border-right: 1px solid #EBEBEB;border-top: 1px solid #EBEBEB;color: #aaa;} .promo .side-mod a {color: #fff;} .promo .side-mod2 {background: none;} .promo .side-mod-bottom {background: url(../images/main/promo-bm.png) 0 0 repeat-x;} .promo .side-mod-bottom2 {background: url(../images/main/promo-br.png) 100% 100% no-repeat;} .promo .side-mod-bottom3 {background: url(../images/main/promo-bl.png) 0 100% no-repeat;} .ad-block, .ad-block-bottom {padding-bottom: 10px;} .ad-block h3, .ad-block-bottom h3 {margin: 0;text-transform: uppercase;font-size: 90%;font-weight: bold;letter-spacing: 1px;} .ad-block-bottom .moduletable {padding: 0 10px;} /* Main Body Modules */ .mainblock-mod h3.module-title {margin: 0;padding: 4px 0 4px 5px;position: relative;} .mainblock-mod h3.module-title span.bg {font-size: 70%;text-transform: uppercase;padding: 1px 10px;} .mainblock-title-container {position: relative;} .mainblock-mod .module {padding: 15px;} .block.first .mainblock-module {padding: 0 0 10px 10px;} .block.middle .mainblock-module {padding: 0 0 10px 10px;} .block.last .mainblock-module {padding: 0 10px 10px 10px;} #inset-block-right .mainblock-module, #inset-block-left .mainblock-module {padding-bottom: 10px;} .mainblock-mod-bottom, .mainblock-mod-bottom2, .mainblock-mod-bottom3 {height: 6px;} .mainblock-mod ul, .side-mod ul {margin: 0 -10px;padding: 0;} .blog_more ul {margin: 0;padding: 0;} .mainblock-mod ul li, .side-mod ul li, .blog_more ul li {list-style: none;padding: 4px 5px 4px 0;margin-bottom: 2px;} .mainblock-mod ul li a, .side-mod ul li a, .blog_more ul li a {display: block;padding-left: 28px;} .mainblock-mod ul li a:hover, .side-mod ul li a:hover, .blog_more ul li a:hover {text-decoration: none;} #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4 {overflow: hidden;} #featured-block {padding: 0 12px 12px 12px;} #mainmodules3, #mainmodules4 {padding-top: 15px;} #mainmodules3.spacer .block, #mainmodules4.spacer .block {float: left;} #mainmodules3.spacer.w99 .block, #mainmodules4.spacer.w99 .block {width: 99.8%;} #mainmodules3.spacer.w49 .block, #mainmodules4.spacer.w49 .block {width: 49.8%;} #mainmodules3.spacer.w33 .block, #mainmodules4.spacer.w33 .block {width: 33.3%;} #mainmodules4 .block.first .moduletable {padding: 0 10px 10px 10px;} #mainmodules4 .block.middle .moduletable {padding: 0 10px 10px 10px;} #mainmodules4 .block.last .moduletable {padding: 0 10px 10px 10px;} #mainmodules4 h3 {margin-top: 0;} #rokmininews-block {padding: 12px;} #rokmininews .rokmininews-surround {margin-bottom: 10px;} #rokmininews .module {padding: 0;} /*Color of body of module*/ .mainblock-mod {background: #8c9163;border-top: 1px solid #CFCFCF;border-right: 1px solid #CFCFCF;border-left: 1px solid #CFCFCF;} /*Search for Stevie*/ .mainblock-mod h3.module-title, .light .mainblock-mod h3.module-title {background: #c7c998;border-bottom: 1px solid #CFCFCF;} .mainblock-mod h3.module-title span.bg, .light .mainblock-mod h3.module-title span.bg {background: #444;color: #fff;} .mainblock-mod ul li, .light .mainblock-mod ul li, .light .side-mod ul li, .blog .blog_more ul li {background: #F0F0F0 url(../images/main/readon-bg.png) 0 0 repeat-x;border: 1px solid #c7c7c7;} .mainblock-mod ul li a, .light .mainblock-mod ul li a, .light .side-mod ul li a, #main-content .blog_more ul li a {color: #444;background: url(../images/main/mainblock-arrow.png) 8px 4px no-repeat;} .medium div.mainblock-mod ul li a, div.side-mod ul li a, .medium .side-mod ul li a {color: #333;background: url(../images/main/med-arrow.png) 8px 4px no-repeat;} .dark div.mainblock-mod ul li a, .dark div.side-mod ul li a, .promo div.side-mod ul li a {color: #ddd;background: url(../images/main/dark-arrow.png) 8px 4px no-repeat;} .dark .mainblock-mod ul li a:hover, .dark .side-mod ul li a:hover, .promo .side-mod ul li a:hover {color: #fff;background: url(../images/main/dark-arrow-hover.png) 8px 4px no-repeat;} .medium .mainblock-mod {background: #B6B6B6 url(../images/main/side-mod-bg.png) 0 0 repeat-x;border-top: 1px solid #A2A2A2;border-right: 1px solid #A2A2A2;border-left: 1px solid #A2A2A2;} .medium .mainblock-mod h3.module-title {background: #BABABA url(../images/main/main-med-header-bg.png) 0 0 repeat-x;border-bottom: 1px solid #A2A2A2;} .medium .mainblock-mod h3.module-title span.bg {background: #000;color: #fff;} .medium .mainblock-mod .close-handle {background: url(../images/main/side-close-handle.png) 50% 50% no-repeat;} .medium .mainblock-mod .open-handle {background: url(../images/main/side-open-handle.png) 50% 50% no-repeat;} .medium .mainblock-mod .tools-handle {background: url(../images/main/side-tools-handle.png) 50% 50% no-repeat;} .medium .mainblock-mod ul li, .side-mod ul li {background: #B7B7B7 url(../images/main/main-med-readon-bg.png) 0 0 repeat-x;border: 1px solid #9C9C9C;} .medium .mainblock-mod ul li a, .side-mod ul li a {color: #444;background: url(../images/main/mainblock-arrow.png) 8px 4px no-repeat;} .medium .mainblock-mod-bottom {background: url(../images/main/side-mod-bm.png) 0 0 repeat-x;} .medium .mainblock-mod-bottom2 {background: url(../images/main/side-mod-br.png) 100% 100% no-repeat;} .medium .mainblock-mod-bottom3 {background: url(../images/main/side-mod-bl.png) 0 100% no-repeat;} .dark .mainblock-mod {background: #616161 url(../images/main/side-dark-mod-bg.png) 0 0 repeat-x;border-top: 1px solid #555555;border-right: 1px solid #555555;border-left: 1px solid #555555;color: #ccc;} .dark .mainblock-mod h3.module-title {background: #666666 url(../images/main/main-dark-header-bg.png) 0 0 repeat-x;border-bottom: 1px solid #555555;} .dark .mainblock-mod .close-handle {background: url(../images/main/side-dark-close-handle.png) 50% 50% no-repeat;} .dark .mainblock-mod .open-handle {background: url(../images/main/side-dark-open-handle.png) 50% 50% no-repeat;} .dark .mainblock-mod .tools-handle {background: url(../images/main/side-dark-tools-handle.png) 50% 50% no-repeat;} .dark .mainblock-mod ul li, .dark .side-mod ul li {background: #666 url(../images/main/main-dark-readon-bg.png) 0 0 repeat-x;border: 1px solid #555;} .dark .mainblock-mod ul li a, .dark .side-mod ul li a {color: #ddd;background: url(../images/main/mainblock-arrow.png) 8px 4px no-repeat;} .dark .mainblock-mod-bottom {background: url(../images/main/side-dark-bm.png) 0 0 repeat-x;} .dark .mainblock-mod-bottom2 {background: url(../images/main/side-dark-br.png) 100% 100% no-repeat;} .dark .mainblock-mod-bottom3 {background: url(../images/main/side-dark-bl.png) 0 100% no-repeat;} /* Bottom Section */ .bottom-padding {padding: 0 10px 10px 10px;} img#rocket {width: 111px;height: 15px;float: left;} #copyright {float: right;text-align: right;color: #555;} .copyright-block {padding: 8px 15px 8px 15px;overflow: hidden;line-height: 100%;margin-right: 10px;} #bottom-expansion {padding: 15px 15px 25px 15px;} #footer-bg2 {padding: 20px 15px;background: url(../images/main/footer-bg2.png) 0 100% no-repeat;} #bottom-block ul.menu {margin: 0;padding: 0;text-align: center;overflow: hidden;} #bottom-block ul.menu li {list-style: none;border: 0;float: left;margin-right: 0;padding: 0 15px;background: url(../images/main/bottom-menu-div.png) 100% 50% no-repeat;} #bottom-block ul.menu a, #bottom-block ul.menu .separator {text-transform: uppercase;font-size: 120%;height: auto;} #bottom-block ul.menu a span, #bottom-block ul.menu .seperator span {line-height: 100%;height: auto;} #bottom-block {background: #333 url(../images/main/bottom-bg.png) 0 0 repeat-x;color: #999;} #footer-bar {background: #232323;position: relative;} #footer-bg1 {background: url(../images/main/footer-bg1.png) 100% 100% no-repeat;} a#clear-cookies {float: right;height: 10px;display: block;padding-top: 7px;padding-right: 15px;color: #666;font-size: 90%;} img#rocket {background: url(../images/main/rocket.png) 0 0 no-repeat;} #bottom-block a, #bottom-block .separator {color: #bbb;} #bottom-block a:hover, #bottom-block .separator:hover {color: #fff;} /* Rok Modules Tools */ .rokmodtools {color: #fff; background-color: #000; padding: 1em; margin-left: -15px;margin-top: 5px;} .rokmodtools .rokradiobox {background: url(../images/main/radio.png) no-repeat;width: 14px;height: 14px;float: left;} .rokmodtools div.activebox {background: url(../images/main/radio-active.png) no-repeat;width: 14px;height: 14px;float: left;} .rokmodtools div {padding: 2px;cursor: pointer;} .rokmodtools input {margin: 0 5px 0 0; float: left;} .rokmodtools span {float: left;} /* Extra Joomla Elements */ span.small, td.createdate, td.modifydate {font-size: 90%;} .sectiontableheader {font-weight: bold;padding: 4px;line-height: 25px;background: url(../images/submenu-active-bg.png) 0 100% repeat-x;} .sectiontablefooter {background: url(../images/submenu-active-bg.png) 0 100% repeat-x;padding-bottom: 8px;} tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 2px 0 0px 5px;border-bottom: 1px solid #e7e7e7;} tr.sectiontableentry2 td, td.sectiontableentry2 {height: 30px;} tr.sectiontableentry1 td, td.sectiontableentry1 {height: 30px;} .contentpane, .contentpaneopen {width: 100%;} .module fieldset {border: 0;} .module h4 {margin-top: 0;} table.contenttoc {float: right;margin-left: 25px;} .main-article p.articleinfo {font-size: 90%;color: #666;} /* Side Menus */ #main-body ul.menu {margin:0;padding: 0;text-transform: lowercase;} #main-body ul.menu li {list-style: none;margin: 0 -10px 2px -10px;padding: 0;float: none;text-transform: uppercase;} #main-body ul.menu span {display: block;} #main-body ul.menu li a, #main-body ul.menu li .separator {text-indent: 20px;background-position: 8px 50% !important;} #main-body ul.menu ul li a, #main-body ul.menu ul li .separator {text-indent: 25px;background: none;} #main-body ul.menu ul li ul li a, #main-body ul.menu ul li ul li .separator {text-indent: 45px;background: none;} #main-body ul.menu ul li ul li ul li a, #main-body ul.menu ul li ul li ul li .separator {text-indent: 65px;background: none;} #main-body ul.menu li.parent ul li span {background: none;} #main-body ul.menu li.active.parent li span {background: none;} #main-body ul.menu li.active.parent ul li, #main-body ul.menu li.active.parent ul li.parent ul {background: none;border: 0;} #main-body ul.menu li.active.parent ul {padding: 6px 0;margin: 0;border: 0;} #main-body ul.menu a, ul.menu .separator {display: block;text-indent: 0;overflow: hidden;font-size: 110%;float: none;padding: 5px;} #main-body ul.menu li.active a, #main-body ul.menu li.active li.active a, #main-body ul.menu li.active li.active li.active a, #main-body ul.menu li.active .separator, #main-body ul.menu li.active li.active .separator {font-weight: bold;} #main-body ul.menu li.active li a, #main-body ul.menu li.active li.active li a, #main-body ul.menu li.active li .separator, #main-body ul.menu li.active li.active li .separator, #main-body ul.menu li.active li.active li.active .separator {font-weight: normal;background: none;} #main-body ul.menu ul ul {padding: 0; margin: 0;background: none;} #main-body ul.menu li li {padding: 5px 0;margin: 0;border: 0;background: none;font-size: 90%;text-transform: lowercase;} #main-body ul.menu ul a, #main-body ul.menu ul .separator {text-indent: 0;} #main-body ul.menu li.active a, #main-body ul.menu li.active a:hover, #main-body ul.menu li.active .separator, #main-body ul.menu li.active .separator:hover {text-decoration: none;} #main-body ul.menu li a:hover, #main-body ul.menu li .separator:hover {text-decoration: none;background-position: 8px 50% !important;} #main-body ul.menu li.active.parent ul {margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 10px;} #main-body ul.menu li.active.parent ul li.active.parent ul {padding: 5px 0;} #main-body ul.menu ul {padding: 0;margin: 0;} #main-body ul.menu ul a, #main-body ul.menu ul .separator {padding: 0;margin: 0;} #main-body ul.menu li.active li a:hover, #main-body ul.menu li.active li .separator:hover {background: none;} #main-body .light ul.menu li {background: #F0F0F0 url(../images/main/readon-bg.png) 0 0 repeat-x;border: 1px solid #c7c7c7;} #main-body ul.menu li, #main-body .medium ul.menu li {background: #B7B7B7 url(../images/main/main-med-readon-bg.png) 0 0 repeat-x;border: 1px solid #9C9C9C;} #main-body .dark ul.menu li {background: #666 url(../images/main/main-dark-readon-bg.png) 0 0 repeat-x;border: 1px solid #555;} #main-body .promo ul.menu li, #main-body .promo .side-mod ul li {background: #666 url(../images/main/main-dark-readon-bg.png) 0 0 repeat-x;border: 1px solid #888;} #main-body .light ul.menu li a, #main-body .light ul.menu li .separator {background: url(../images/main/light-arrow.png) 8px 50% no-repeat;color: #666;} #main-body ul.menu li a, #main-body ul.menu li .separator {background: url(../images/main/med-arrow.png) 8px 50% no-repeat;color: #333;} #main-body .dark ul.menu li a, #main-body .dark ul.menu li .separator {background: url(../images/main/dark-arrow.png) 8px 50% no-repeat;color: #ddd;} #main-body .dark ul.menu li a:hover, #main-body .dark ul.menu li .separator:hover {background: url(../images/main/dark-arrow-hover.png) 8px 50% no-repeat;color: #fff;} #main-body .promo ul.menu li a, #main-body .promo ul.menu li .separator, .side-mod.promo ul li a, .side-mod.promo ul li .separator {background: url(../images/main/dark-arrow.png) 8px 50% no-repeat;color: #ddd;} #main-body .promo ul.menu li a:hover, #main-body .promo ul.menu li .separator:hover, .side-mod.promo ul li a:hover, .side-mod.promo ul li .separator:hover {background: url(../images/main/dark-arrow-hover.png) 8px 50% no-repeat;color: #fff;} .blog {padding:0;margin:0}