/*=======================================================+ | Universal | +=======================================================*/ /*-- HTML (Left blank on purpose) --*/ html {} /*-- Body --*/ body {background-color: #ffffff; margin: 0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 16px;} /*-- Default Font --*/ table, p, li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 16px; margin:0 0 20px 0;} /*-- Additional space for lists --*/ li { margin:0 0 0 0;} /*-- Additional space for lists --*/ ul ul { margin-top: 5px;} /*========================================================+ | Design Elements | +========================================================*/ /*-- Main page wrapper: Adding a little space at the bottom so footer has some room before the end of the browser window. --*/ #wrapper {padding-bottom:0px;} /*-- Set the background for the Header and the master page width. --*/ #header-bg{padding-left: 62px;background: url(HeaderBG.jpg) center top no-repeat; height: 150px;} #header{position: relative; margin:0 auto 0px; padding-top: 106px; auto; text-align:left; width: 860px;} /*-- Set the background image, width, and margins for the menu. --*/ #menu-bg{padding-left: 62px;} #menu{position: relative; margin:0 auto 0 auto; width: 860px; text-align:left;} /*-- Set the background image, width, and margins for the Breadcrumb. --*/ #breadcrumb-bg{padding-left: 62px;} #breadcrumb-row{margin:0 auto 0 auto; width: 860px; padding:2px 0 4px 2px; } /*-- Set font size, color, etc. for the breadcrumb div. --*/ #breadcrumb {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 12px; text-align:left;} #breadcrumb a {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#666666; font-style:normal;} #breadcrumb a:hover {text-decoration:underline;font-style:normal;} /*-- Set font size, color, etc. for the Current Date div. --*/ #current-date {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #666666; float:right; line-height:12px; padding-right:3px;} #current-date a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 12px; text-decoration:none;} #current-date a:hover {text-decoration:underline;} /*-- Set the background image, width, margin, and border for the content div. --*/ #content-bg {padding-left: 62px;} #content {width:870px; background:#FFFFFF; margin:0 auto 0 auto; padding-bottom:0px;} /*-- Set the background image, width, margin, and font for the footer div. --*/ .bottomspacer {margin:0 auto 0 auto; width: 860px; height: 20px; background-color: #ccc;} /*-- Set the background image, width, margin, and font for the footer div. --*/ #footer-bg {padding-left: 62px;} #footer {text-decoration:none;margin:0 auto 0 auto; width: 860px; text-align:center; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999; line-height: 16px;} #footer a {text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999; line-height: 16px;} #footer a:hover {text-decoration:underline;} /*-- Padding-right is used to set the terms and privacy text 3 pixels from the right edge. --*/ #terms{float:right; bottom:0px; margin-top:36px; padding-right:3px;} /*-- Margin-left is used to set the copyright text 3 pixels from the left edge. --*/ #copyright{padding: 36px 0px 0 0; margin-left:3px;} /*-- Horizontal Rule --*/ hr {height: 1px; color: #bbb;} /*========================================================+ | Search Items | +========================================================*/ /*-- Font for Radio Button labels. Not displayed by default but just in case. --*/ .SearchField{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;} a.SearchField {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666 !important; text-decoration:none !important; padding-right:3px; vertical-align:bottom;} a.SearchField:hover {text-decoration:underline !important;} /*-- Search Textbox Font and background image. --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox {padding: 2px 2px 1px 4px; font-size:11px; height:15px;border: #999999 1px solid; width:150px;} /*========================================================+ | DNN Control Panel | +========================================================*/ /*-- We are using the DNN defaults Except the align center which breaks when you use DIV not tables for content. --*/ .DNNAligncenter {text-align:left;} .ControlPanel, .PagingTable {background-color:#FFFFFF;border:1px solid #003366; text-align:center; width:50%;margin-left: auto;margin-right: auto;} /*========================================================+ | Text Styles | +========================================================*/ /*-- Default Font --*/ table, p, li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 16px; margin:0 0 20px 0; background-color: transparent;} /*-- Most of the site text. --*/ .normal, .Normal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 16px;} /*-- Most of the bold site text. --*/ .NormalBold {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; line-height: 16px; font-weight: bold; color: #555;} /*-- Red Error site text. --*/ .NormalRed {color: #990000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px;} /*-- subheadings - mostly in admin. --*/ .SubHead {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333;} /*-- headings - mostly in admin. --*/ .Head {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: normal; white-space: nowrap;background-color:transparent;} /*-- Header 1 site text. --*/ h1 {font-family: "Times New Roman", Times, Roman; font-size: 24px; color: #245F60; margin-bottom: 5px;} /*#629FA8 */ /*-- Header 2 site text. --*/ h2 {font-family: "Times New Roman", Times, Roman; font-size: 20px; color: #245F60;} /*-- Header 3 site text. --*/ h3 {font-family: "Times New Roman", Times, Roman; font-size: 16px; color: #629FA8; font-weight: bold;} /*-- Header 4 site text. --*/ h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold;} /*-- List Item. --*/ li {margin-bottom: 0px; list-style-type: disc; color: #245F60;} /*-- List Item. --*/ a img {border: none;} /*========================================================+ | User Defined Tables | +========================================================*/ .UDT_Table_Head th {font-size:10px;} .UDT_Table_AlternateItem, .UDT_Table_AlternateItem p {font-size:10px;background-color:#F3F3F3;vertical-align:top;} .UDT_Table_Item, .UDT_Table_Item p {font-size:10px;vertical-align:top;} /*========================================================+ | Module Menus | +========================================================*/ /*-- Usually no need to change these styles. --*/ .ModuleTitle_MenuItem {background-color:#F7F7F7;border:1px solid #F7F7F7;color:#333333;font-family:verdana,sans-serif;font-size:11px;font-weight:normal;padding:0px 10px 0px 0px;} .ModuleTitle_SubMenu {background-color:#F7F7F7;border:1px solid #666666;margin:1px 0px 0px;padding:0px;z-index:1000;} .ModuleTitle_MenuItemSel {background:#DDDDDD none repeat scroll 0%;border-left:1px solid #DDDDDD;border-right:1px solid #DDDDDD;color:#000000;font-family:verdana,sans-serif;font-size:11px;font-weight:normal;padding:0px 10px 0px 0px;} .ModuleTitle_MenuIcon {border:1px solid #EEEEEE;padding:2px 3px;} .ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display:none;} /*========================================================+ | Links | +========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active {text-decoration:none; color: #245F60; font-style:normal;text-decoration:underline;} /*-- default links hover --*/ a:hover {text-decoration:none;} /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited {text-decoration: underline; } /*-- normal links hover --*/ a.Normal:hover {text-decoration: none; } /*========================================================*/ /* Forms */ /*========================================================*/ /*-- Default for Element --*/ select, input { font-family: tahoma; font-size: 11px; color: #555; } /*-- Default Textbox --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; } /*========================================================+ | Navigation Menu Styles - Default to Grey | | | | These are set individually for each skin color but we | | default to blue just in case the skin CSS has | | been removed and can't be found. | +========================================================*/ /*========================================================+ | Navigation Menu Styles | +========================================================*/ /*-- Set line height. --*/ #nav li {position:relative;float:left;line-height:26px;list-style:none;padding:0;white-space:nowrap;margin-bottom:0px;} /*-- Set bottom margin and color of menu that does not contain menu items. --*/ #nav ul {padding:0;margin:0 0 3px 0;list-style:none;float:left;width:100%;background-color:#CCCCCC;} /*========================================================+ | The following three (3) items should have the same | | background color | +========================================================*/ /*-- Font for top menu items. --*/ #nav a {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;display:block;margin: 0;text-decoration:none;text-align:center;font-weight:normal;padding: 0 10px 0 10px;color: #FFFFFF;background-color: #9D9D9D;} /*-- Second-level list container. --*/ #nav li ul {position:absolute;left: -999em;width:150px;border-top: #FFFFFF 1px solid;} /*-- Second-level menu items. --*/ #nav li li a {width:150px;font-size:10px;text-align:left;border-bottom: 1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;background-color:#9D9D9D;} /*========================================================+ | The following four (4) items should have the same | | background color | +========================================================*/ /*-- Hover style for unselected menu items. --*/ #nav li a:hover {background-color: #387AAF;} /*-- Top-level selected menu items. --*/ #nav li.SelectedTab a {background-color:#387AAF;} /*-- Second-level selected menu items. --*/ #nav li li.SelectedTab a {background-color:#387AAF;} /*-- Third-level selected menu items. --*/ #nav li li li.SelectedTab a {background-color: #387AAF;} /*-- Hover style for selected menu items. --*/ #nav li.SelectedTab a:hover {background-color: #333333;} /*-- Font color for disabled tabs. --*/ #nav .DisabledTab {color:#CCCCCC;} /*-- No need to change these hover classes unless you need more than 4 levels --*/ #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.iehover ul ul, #nav li.iehover ul ul ul, #nav li.iehover ul ul ul ul{left: -999em;} #nav li:hover ul, #nav li.iehover ul {top: 26px;left:0;} #nav li li:hover ul, #nav li li li:hover ul, #nav li li.iehover ul, #nav li li li.iehover ul {top: 0;left:171px;} /*========================================================+ | End ArchitectX DNN Skin Styles | +========================================================*/ /*========================================================+ | Navigation Menu Styles | +========================================================*/ #navTop {position: absolute; width: 700px; top: 80px; right: 0px; text-align: right;} /*-- Set line height. --*/ #navTop li {position:relative;float:left;line-height:22px;list-style:none;padding:0;white-space:nowrap;margin-bottom:0px;} /*-- Set bottom margin and color of menu that does not contain menu items. --*/ #navTop ul {padding:0;margin:0 0 3px 0;list-style:none;float:left;width:100%;background-color:#CDCDCD} /*========================================================+ | The following three (3) items should have the same | | background color | +========================================================*/ /*-- Font for top menu items. --*/ #navTop a {font-family: "Times New Roman", Times, serif;font-size:16px;display:block;margin: 0;text-decoration:none;text-align:center;font-weight:normal;padding: 0 10px 0 10px;color: #333333;background-color: #CDCDCD;} /*-- Second-level list container. --*/ #navTop li ul {position:absolute;left: -999em;width:150px;border-top: #FFFFFF 1px solid;background-color:#CDCDCD;} /*-- Second-level menu items. --*/ #navTop li li a {width:150px;font-size:16px;text-align:left;border-bottom: 1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;background-color:#CDCDCD;} /*========================================================+ | The following four (4) items should have the same | | background color | +========================================================*/ /*-- Hover style for unselected menu items. --*/ #navTop li a:hover {background-color: #999999; color: #245F60;} /*-- Top-level selected menu items. --*/ #navTop li.SelectedTab a {background-color: #999999;} /*-- Second-level selected menu items. --*/ #navTop li li.SelectedTab a {background-color: #999999;} /*-- Third-level selected menu items. --*/ #navTop li li li.SelectedTab a {background-color: #999999;} /*-- Hover style for selected menu items. --*/ #navTop li.SelectedTab a:hover {background-color: #888888;} /*-- Font color for disabled tabs. --*/ #navTop .DisabledTab {color:#DDDDDD;} /*-- No need to change these hover classes unless you need more than 4 levels --*/ #navTop li:hover ul ul, #navTop li:hover ul ul ul, #navTop li:hover ul ul ul ul, #navTop li.iehover ul ul, #navTop li.iehover ul ul ul, #navTop li.iehover ul ul ul ul{left: -999em;} #navTop li:hover ul, #navTop li.iehover ul {top: 26px;left:0;} #navTop li li:hover ul, #navTop li li li:hover ul, #navTop li li.iehover ul, #navTop li li li.iehover ul {top: 0;left:171px;} #divIFrame{display: block; position: relative; margin: 0 25px;} #fraOnlineMag{display: block; position: relative; width: 900px; height: 620px; margin: 0 auto;} #divIFrame a{} #divIFrame a #imgLogo{position: absolute; top: 620px; left: 20px;} #divFooter{position: relative; width: 100%; margin: 0 auto; text-align: center;} #divFooter a{ text-decoration: none; font-size: 18px; line-height: 20px;}