/* Advanced Layout Blocks */ /*-------------------------------------*/ #blocks { width:620px; } #incNoSideMenu #blocks { width:940px; float:none; } .block_staticPhoto { margin-bottom:10px; } .block_text { background-color:#585858; padding:16px 20px; color:#ddd; margin-bottom:10px; } .block_squares { color:#ebebe9; padding:15px 0 10px 5px; background-color:#585858; margin-bottom:10px; } .block_squares .square_row { width:580px; overflow:hidden; clear:both; padding:15px 0 10px 0; } .block_squares .square { width:260px; padding-left:30px; float:left; } #incNoSideMenu .block_squares .square_row { width:935px; } #incNoSideMenu .block_squares .square { width:380px; } .block_textTwoPanel { background-color:#585858; padding:16px 0 16px 20px; color:#ddd; margin-bottom:10px; width:600px; overflow:hidden; } .block_textTwoPanel .editor_content { width:280px; padding-right:20px; float:left; } #incNoSideMenu .block_textTwoPanel { width:920px; } #incNoSideMenu .block_textTwoPanel .editor_content { width:430px; padding-right:20px; float:left; } .block_textPanelAndSidebar { background-color:#585858; padding:16px 20px 16px 20px; color:#ddd; margin-bottom:10px; width:580px; overflow:hidden; } .block_textPanelAndSidebar .editor_content { width:340px; padding-right:20px; float:left; } #blocks .block_textPanelAndSidebar .sidebarPanel { width:177px; padding:0 20px; border-left:2px solid #666; } #incNoSideMenu .block_textPanelAndSidebar { width:900px; } #incNoSideMenu .block_textPanelAndSidebar .editor_content { width:660px; padding-right:20px; float:left; } #incNoSideMenu #blocks .block_textPanelAndSidebar .sidebarPanel { width:177px; padding:0 20px; border-left:2px solid #666; } .block_photoGallery { background-color:#585858; padding:16px 20px; color:#ddd; margin-bottom:10px; } .block_contentPlusTabs { width:620px; overflow:hidden; margin-bottom:10px; } .block_contentPlusTabs .editor_content { width:250px; float:left; background-color:#585858; padding:16px 20px; color:#ddd; } .block_contentPlusTabs .tabSection { width:320px; padding:0 0 0 10px; } .block_contentPlusTabs .tabSection .editor_content { width:280px; } #incNoSideMenu .block_contentPlusTabs { width:940px; } #incNoSideMenu .block_contentPlusTabs .editor_content { width:570px; } #incNoSideMenu .block_contentPlusTabs .tabSection .editor_content { width:280px; } .block_frontPage { width:960px; overflow:hidden; margin-bottom:10px; background:url('/graphics/sb_westside/bg_rightTabs.gif') top right repeat-y; } .block_frontPage .contentSection { float:left; width:584px; padding:10px; background-color:#767676; } .block_frontPage .slideshow { background-color:#666; margin-bottom:10px; } .block_frontPage .block_squares .square { padding-left:20px; } .block_frontPage .block_squares { background-color: #6c6c6c; margin-bottom:0; } .block_donation { width: 940px; overflow: hidden; background: url('/graphics/cm_westside/donation/bg_donation_tile.gif') top left repeat-y; } .block_donateForm { padding:16px 20px 16px 20px; float: left; color:#222; margin-bottom:10px; width:580px; overflow: hidden; } .block_donateForm .reqFieldInfo { font-size: 11px; color: #444; font-style: italic; line-height: 14px; } .block_donateForm .reqFieldInfo strong, .block_donateForm .req_field { color: #cccd55; } .block_donateForm #secureNote { background: url(/graphics/cm_westside/donation/icon_key.gif) top left no-repeat; font-size: 11px; color: #eee; font-style: italic; padding:0 0 10px 20px; margin:0 0 10px 0; } .block_donateForm .billingForm { width: 100%; } #content .block_donateForm td { width: 410px; padding:5px 0 5px 10px; } #content .block_donateForm .formDesc { width: 160px; text-align: right; } .block_donateForm h5 { padding:30px 0 6px 0; text-transform: uppercase; font-weight: bold; font-size: 16px; color: #242424; border-bottom:1px dotted #666; margin:0 0 10px 0; } .block_donateForm table p { width: 570px;} .block_donateForm table a { color: #f2f35f; margin:3px 0 0 0; cursor:pointer;} .block_donateForm .buttons { padding:20px 0 0 180px; } #content .block_donateForm h2 { padding:10px 0 10px 0; border-bottom:1px dotted #666; text-transform: uppercase; font-weight: bold; font-size: 21px; color: #242424; } .block_donateDesc { width:270px; padding:10px 20px 10px 20px; float: right; color: #fff; } .block_donateDesc h3 { padding:10px 0 10px 0; text-transform: uppercase; font-weight: bold; font-size: 21px; color: #242424; } .block_donateFooter { clear:both; background-color: #4d4d4d; border-top: 8px solid #757575; color: #ddd; padding:10px 20px; } .block_donateFooter h5 { padding:10px 0 5px 0; text-transform: uppercase; font-weight: bold; font-size: 18px; color: #000; } #fundDescriptionsMidForm { padding:10px; background-color: #515151; color: #fff;} #fundDescriptionsMidForm h5 { padding:6px 0 6px 0; text-transform: word; font-weight: bold; font-size: 16px; color: #fff; border:0px; margin:0 0 10px 0;} #content { padding:10px; background-color:#767676; min-height:500px; height:auto !important; height:500px; } #content h2 { font-weight:bold; font-size:22px; color:#cccd55; border-bottom:3px solid #666; padding:3px 0 5px 0; margin-bottom:10px; } #content h4 { font-weight:bold; font-size:16px; color:#cccd55; padding:13px 0 2px 0; margin-bottom:10px; } #incNoSideMenu { min-height:480px; height:auto !important; height:480px; } .incLeftSideMenu { background:url('/graphics/sb_westside/bg_sideMenu_left.gif') repeat-y; overflow:hidden; width:940px; min-height:480px; } .incRightSideMenu { background:url('/graphics/sb_westside/bg_sideMenu_right.gif') repeat-y; overflow:hidden; width:940px; min-height:480px; } .incLeftSideMenu #sideMenu { float:left; } .incRightSideMenu #sideMenu { float:right; } .incLeftSideMenu #blocks { float:right; } .incRightSideMenu #blocks { float:left; } /* Blog */ /*-------------------------------------*/ .blogbox1 .blogdate1 .blogposted1 { padding-right:0px; font-weight:normal; color:#999; } .blogbox1 .blogdate1 .blogauthor1 { padding-right:7px; font-weight:normal; color:#999; } .blogbox1 .blogdate1 { font-weight:bold; font-style:italic; text-align:right; color:#aaa; font-size:12px; } .blogbox1 .blogtitle1 { font-size:18px; font-weight:bold; background-color:#777; padding:8px 10px; color:#fff; } .blogbox1 .blogbody1 { padding:10px; } .blogbox1 .linksbody { background-color:#9b9b5f; text-decoration:none; font-weight:bold; color:#fff; padding:13px; } .blogbox1 .linksbody:hover { background-color:#cccd55; } /* Editor Content */ /*-------------------------------------*/ .editor_content { font-size:14px; } .editor_content td { padding:0px; } .editor_content p { padding-bottom:15px; } .editor_content blockquote { padding: 0 0 15px 15px; } .editor_content ul, .editor_content ol { padding: 0 0 15px 15px; } .editor_content ul { list-style-type:disc; } .editor_content ol { list-style-type:decimal; } /* Tabs */ /*------------------------------------------*/ .tabSection { float:right; width:320px; padding:10px; background-color:#767676; } .tabHeader { padding-bottom:3px; } .tabHeader ul { overflow:hidden; margin:0 auto; width:100%; } .tabHeader #selectedTab { color:#ddd; background-color:#696969; } .tabHeader .first { margin:0; } .tabHeader li { float:left; width:100px; margin:0 0 0 10px; } .tabHeader a { color:#4e4e4e; font-size:14px; text-decoration:none; width:80px; padding:10px 10px; font-weight:bold; background-color:#848484; text-align:center; display:block; text-align:center; } .tabHeader a:hover { text-decoration:underline; } .tabContent1 #blogPostList li { background-color:#696969; padding:20px; border-bottom:1px solid #606060; } .tabContent1 #blogPostList .blogDate { padding-left:30px; color:#acacac; } .tabContent1 #blogPostList h5 { color:#eee; font-weight:bold; font-size:16px; } .tabContent1 #blogPostList h5 a { color:#cccd55; font-style:italic; font-weight:normal; font-size:14px; text-decoration:none; } .tabContent2 { display:none; } .tabContent3 { display:none; } .tabContent1 .editor_content, .tabContent2 .editor_content, .tabContent3 .editor_content { color:#ddd; background-color:#696969; padding:20px; border-bottom:1px solid #606060; } /* sideMenu */ /*-------------------------------------*/ #sideMenu { width:300px; font-size:14px; } #sideMenu h3 { background-color:#9b9b5f; font-weight:bold; font-size:16px; color:#fff; padding:20px 20px 17px 20px; } #sideMenu .level_subcategories { margin:15px 0 15px 20px; } #sideMenu .level_pages li a { padding:11px 0 13px 15px; } #sideMenu a { color:#ddd; text-decoration:none; padding:11px 0 13px 0; display:block; border-bottom:1px solid #8f8f8f; } #sideMenu #sideSquares { padding:20px 20px 0 20px; } #sideMenu #sideSquares li { padding: 0 0 20px 0; } #sideMenu .selectedSubCat { color:#cccd55; font-weight:bold; } #sideMenu .selectedPage { color:#cccd55; font-style:italic; } #sideMenu a:hover { background:url('/graphics/sb_westside/bg_sideMenu_hover.gif') top right repeat-y; } /* mediaSection */ /*-------------------------------------*/ #mediaSection { width:920px; overflow:hidden; background-color:#515151; padding:15px 20px; } #photoStream h4, #recentMessages h4 { color:#fff; font-size:16px; font-weight:bold; border-bottom:1px solid #5e5e5d; margin-bottom:16px; padding-bottom:4px; } #photoStream h4 a, #recentMessages h4 a { font-size:12px; font-weight:normal; font-style:italic; text-decoration:none; } #photoStream { float:left; width:560px; } #cityLogon h4 { color:#fff; font-size:16px; font-weight:bold; border-bottom:1px solid #5e5e5d; margin-bottom:16px; padding-bottom:4px; } #cityLogon { float: left; width:560px; position: relative; font-size:14px;} #cityLogon form { padding:0 10px 2px 10px; overflow:hidden;} #cityLogon img { position: absolute; top:38px; right:10px; } #cityLogon #newLink { position: absolute; top:142px; right:90px; font-size:12px;} #cityLogon .cityLogonItem { padding:0 0 2px 0; width:400px; overflow:hidden;} #cityLogon .cityLogonItem label { display: block; width: 80px; padding: 4px 10px 0 0; float: left; text-align:right; font-weight:bold; color: #fff;} #cityLogon input { width:180px; -webkit-appearance: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:#fff; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); border: none; color: #333; outline: 0; padding: 2px 3px; margin: 2px 10px; font-size: 13px; font-family: Arial, sans-serif; height: 1.8em; /* IE7 */ *padding-top: 2px; *padding-bottom: 1px; *height: auto; } #cityLogon input[type="submit"], #modalCity input[type="button"] { -webkit-appearance: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color:#cccd55; border: none; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); cursor: pointer; color: #333; font: bold 14px/1.2 "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; outline: 0; overflow: visible; padding: 5px 12px 6px; text-shadow: #fff 0 1px 1px; width: auto; margin:8px 0 15px 100px; /* IE7 */ *padding-top: 2px; *padding-bottom: 0px; } #modalCity input[type="button"] { margin-left: 0px; } #cityLogon p { padding:0 0 0 83px; } #modalCity { text-align:left; padding:40px;} #recentMessages { float:right; width:320px; } #recentMessages div { margin-bottom:15px; } /* advanced forms */ /*-------------------------------------*/ .advForm { width:880px; } .advForm_denotes { background-color: #464646; font-size:11px; font-style:italic; color:#999; padding:5px 5px 5px 26px; } #content .advForm .advForm_denotes span { margin-right:4px; } .advForm_star { color:#cccd55;} .advForm_labelOnly { padding:15px 200px 2px 26px; width:800px; overflow:hidden;} .advForm_labelOnly .advForm_star { float:left; padding-left:} .advForm_item { padding:15px 200px 2px 26px; width:800px; overflow:hidden;} .advForm_item label { float:left; width: 200px; padding: 7px 10px 0 0; text-align:right; font-weight:bold;} .advForm_itemTextArea { padding:15px 200px 2px 26px; width:800px; overflow:hidden;} .advForm_itemTextArea label { float:left; width: 200px; padding: 7px 10px 0 0; text-align:right; font-weight:bold; } .advForm_itemCheckbox { padding:8px 0 2px 246px; width:590px; overflow:hidden;} .advForm input { background-color:#aaa; border:none; padding:5px; border:2px solid #777; font-size:14px; } .advForm input[type="radio"] { background-color:#585858; border:none; font-size:14px; } .advForm textarea { background-color:#aaa; border:none; padding:5px; border:2px solid #777; font-size:14px; } #content .advForm select { font-size:14px; background-color: #aaa; border:none; color: #222; } #content .advForm optgroup { background-color: #aaa; color: #222; } #content .advForm option { background-color: #aaa; color: #222; } .editor_content ul.advForm_radioGroup { margin-left:210px; margin-bottom: 0px; list-style-type: none; padding-left:0px; padding-bottom:0px;} .editor_content .advForm_radioGroup li { margin-bottom: 2px;} .advForm_submitRow { margin-top:10px; padding-top:10px; border-top: 1px solid #777; clear:both;} .advForm .advForm_submit { color:#333; margin:4px 0 15px 240px; font: bold 14px "Helvetica Neue", Arial, sans-serif; padding:8px 10px; background-color:#cccd55; border: none; cursor:pointer; text-transform:uppercase; } .advForm font span { color:#cccd55; } .advFormError { color: #CCCD55; margin-bottom:25px;} .advFormError ul { padding: 0 0 15px 30px;} /* -- simple forms page -- */ /* ------------------------- */ .simpleForm { width:880px; } .simpleForm_denotes { background-color: #464646; font-size:11px; font-style:italic; color:#999; padding:5px 5px 5px 26px; } #content .simpleForm .simpleForm_denotes span { margin-right:4px; } .simpleForm_star { color:#cccd55;} .simpleForm_item { padding:15px 200px 2px 26px; width:800px; overflow:hidden;} .simpleForm_item label { float:left; width: 200px; padding: 7px 10px 0 0; text-align:right; font-weight:bold;} .simpleForm_itemTextArea { padding:15px 200px 2px 26px; width:800px; overflow:hidden;} .simpleForm_itemTextArea label { float:left; width: 200px; padding: 7px 10px 0 0; text-align:right; font-weight:bold; } .simpleForm_submit { margin:4px 0 0 210px; padding:8px 10px; color: #fff; background-color:#bd1111; border: none; cursor:pointer; text-transform:uppercase;} .simpleForm_submitRow { margin-top:10px; padding-top:10px; border-top: 1px solid #777; clear:both;} .simpleForm .simpleForm_submit { color:#333; margin:4px 0 15px 240px; font: bold 14px "Helvetica Neue", Arial, sans-serif; padding:8px 10px; background-color:#cccd55; border: none; cursor:pointer; text-transform:uppercase; } /* saveAsDownloadPage */ /*-------------------------------------*/ #saveAsDownloadPage { background-color:#515151; margin-left:-168px; margin-top:-55px; width:300px; color:#ddd; font-size:14px; padding:15px; border:3px solid #777; position:absolute; top:50%; left:50%; } #saveAsDownloadPage p { padding-bottom:10px; }