html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, font, img, ul, li { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } p { font-size:14px; margin:15px 0; line-height:18px; } a { color:#4579DF; } .main_area_header{ font-size: 20px; margin-bottom:10px; color:#383838; } body { background: #EEE; font-family: arial; font-size: 12px; color: #000000; } h1 { font-weight: strong; font-color:#3761B2; } hr { width:850px; margin:10px auto; } hr.section_div{ width:560px; margin:15px auto; height:.5px; } /* #wrapper { width:900px; margin:25px auto; background:#FFF; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; padding:1.5em; } */ #container { clear: both; margin: 0px auto; width: 900px; margin: 30px auto; background: #fff; -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); position: relative; z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */ } .pagetitle{ font-size:28px; font-weight: bold; text-shadow: 0 -1px 0 #223; color:#4579DF; /*#1E1969*/ margin-top:15px; margin-left:140px; } #header { padding:1em; height:120px; } #tagline{ margin:-85px 0 0 310px; float:left; } #buckle { float: right; margin:-118px 50px 0 0; } .tag{ font-size:22px; font-weight:bold; color:#333; } #topnav { background: #4579DF; /*old = 7f9db9*/ margin:0 auto; height: 35px; width: 925px; position: relative; left:-15px; float: left; padding:.25em; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); z-index: 100; /* the stack order: foreground */ } #triangle-l{ border-color: transparent #3761B2 transparent transparent; border-style:solid; border-width:15px; height:0px; width:0px; position: relative; left: -30px; top: 26px; z-index: -1; /* displayed under bubble */ } #triangle-r{ border-color: transparent transparent transparent #3761B2; border-style:solid; border-width:15px; height:0px; width:0px; position: relative; left: 900px; top: -4px; z-index: -1; /* displayed under bubble */ } .topNav{ height: 35px; width: 800px; text-align: center; margin: 0 30px; line-height: 33px; } .topNav li { display:inline; list-style:none; } .topNav li a { width: 100px; height: 35px; text-decoration: none; float: left; color: #FFF; font-size: 14px; font-weight:bold; } .topNav li a:hover { border-radius : 8px; -moz-border-radius : 8px; -webkit-border-radius : 8px; background : rgba(0,0,0,.20); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; } #spanner{ height:35px; margin:5px auto; } /* begin slider */ #content-slider { font-family: arial; width: 640px; margin: 0 auto; margin-top: 15px; } #content-slider a { color:#999; } #slider-content { overflow: hidden; width: 640px; height: 280px; -webkit-box-shadow: 0px 0px 10px #c9c9c9; -moz-box-shadow: 0px 0px 10px #c9c9c9; box-shadow: 0px 0px 10px #c9c9c9; } #content-inner { width:10000px; height: 280px; } .slider-page { width: 640px; height: 280px; float: left; } /*================================================ Styling the targets. There are 6 nested divs - each div corresponds to a page. 6 pages = 6 divs. ================================================*/ #content-inner-1:target #content-inner { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; margin-left: 0px; } #content-inner-2:target #content-inner { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; margin-left: -640px; } #content-inner-3:target #content-inner { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; margin-left: -1280px; } #content-inner-4:target #content-inner { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; margin-left: -1920px; } #content-inner-5:target #content-inner { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; margin-left: -2560px; } #content-inner-6:target #content-inner { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; margin-left: -3200px; } /*======================================= Generic styling here. ========================================*/ .page-info { height: 70px; background-color: rgba(99, 99, 99, 0.6); position: relative; margin-top: 0px; bottom: 280px; color: #dedede; padding-left: 20px; padding-top: 10px; } .page-info h2 { font-size: 21px; margin-bottom: 10px; margin-top: 0px; color: #fafafa; } .page-text { font-size: 15px; } #slider-nav { list-style-type: none; width: 156px; height: 16px; margin: 0 auto; margin-top: 20px; padding: 0; } .button { float: left; background: #bababa; width: 16px; height: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-left: 5px; margin-right: 5px; } .button:hover { -webkit-box-shadow: inset 0px 0px 2px 2px #d4d4d4; -moz-box-shadow: inset 0px 0px 2px 2px #d4d4d4; box-shadow: inset 0px 0px 2px 2px #d4d4d4; } .button:active { -webkit-box-shadow: inset 0px 0px 2px 2px #7a7a7a; -moz-box-shadow: inset 0px 0px 2px 2px #7a7a7a; box-shadow: inset 0px 0px 2px 2px #7a7a7a; } .button a { display: block; width: 16px; height: 16px; } /* end slider*/ /* main content */ #contentArea { display:table; } #mainContent { display:table-cell; width:620px; padding: 20px 15px 20px 25px; } aside { display:table-cell; width:250px; padding: 20px 15px 20px 25px; } #sideNavhead { background: #4579DF; /*old = 7f9db9*/ height: 35px; width: 280px; margin-left:-30px; position: relative; right:-30px; padding:.25em; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); z-index: 100; /* the stack order: foreground */ } #sideNav-triangle-r{ border-color: transparent transparent transparent #3761B2; border-style:solid; border-width:15px; height:0px; width:0px; position: relative; left: 271px; top: -14px; z-index: -1; /* displayed under bubble */ margin-bottom:-20px; } .sideNav { color:#FFF; font-size:16px; margin:7px 0 0 5px; } #sideBar-span { margin:10px 0; } .sideNavul{ margin-top:-10px; margin-left:20px; line-height:20px; font-size:14px; } .sideNavul a{ color:#4579DF; } .sideNavul a:hover { color:#333; } /* Calendar */ #wp-calendar { color: #666; font-size: 12px; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3); box-shadow: 0 1px 5px rgba(0,0,0,0.3); } #wp-calendar a { color: #467b89 } #wp-calendar caption { background: #383838; color: #e0e0e0; font-size: 14px; padding: 10px 0; text-align: center; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3); box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3); border: 1px solid #373737; z-index: -99; } #wp-calendar thead th { font-size: 8px; padding: 5px 0; color: #666; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255,255,255,0.5); border-bottom: 1px solid #bbbbbb; background: #f7f7f7; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1)); background: -moz-linear-gradient(top, #f7f7f7, #f1f1f1); } #wp-calendar tbody td { color: #666; text-shadow: 0 1px 0 rgba(255,255,255,0.5); padding: 8px; text-align: center; font-weight: bold; border: 1px solid; border-color: #fff #bbbbbb #bbbbbb #fff; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede)); background: -moz-linear-gradient(top, #ededed, #dedede); } #wp-calendar tbody td.pad { background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec)); background: -moz-linear-gradient(top, #f5f5f5, #ececec); } #wp-calendar tfoot { color: #e0e0e0; font-size: 12px; text-align: center; } #wp-calendar tfoot tr { background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec)); background: -moz-linear-gradient(top, #f5f5f5, #ececec); } #wp-calendar tfoot td { padding: 10px 10px } #wp-calendar tfoot a { color: #666; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } #wp-calendar tfoot td#prev { text-align: left } #wp-calendar tfoot td#next { text-align: right } #wp-calendar #today { color: #fff; border: 1px solid #467b89; text-shadow: 0 1px 0 rgba(0,0,0,0.3); background: #6eafbf; background: -moz-radial-gradient(50% 50% 0deg,ellipse cover, #6eafbf, #569EB1); background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#6eafbf), to(#569EB1)); } /* sponsor slideshow */ #sponsorslideshow { position: absolute; width: 200px; height: 150px; background: url(img1.jpg); -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } #sponsor-slides li { list-style:none; display:inline-block; } #sponsor-slides li img { opacity: 0; filter:alpha(opacity=0); -webkit-transition: 2s; -moz-transition: 2s; transition: 2s; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } #sponsor-slides li:target { z-index: 5; } #sponsor-slides li:target img { opacity: 1; filter:alpha(opacity=100); } #sponsor-nav { position:relative; bottom: 7px; left: 10px; } #sponsor-nav li { display: inline; overflow:hidden; } #sponsor-nav a { padding: 3px 10px; margin: 0 0 0 3px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; font-weight: bold; text-decoration: none; color: #fff; background: rgb(0,0,0); background: rgba(0,0,0,.2); overflow:hidden; } #sponsor-nav a:hover, #nav a:focus { -moz-box-shadow: 0 0 8px #fff; -webkit-box-shadow: 0 0 8px #fff; box-shadow: 0 0 8px #fff; background: rgba(0,0,0,.4); outline: none; } .table1{ width:550px; line-height:32px; } .table1 tr{ text-align:center; } .odd_row{ background:#FFF; } .even_row{ background:#EEE; }