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;
}