@charset "utf-8";

/* CSS Document */



#top {

background-image: url(/img/bg/top.png);

font-size: 0;

height: 5px;

line-height: 0;

margin: 0 auto;

width: 910px; }



#btm {

background-image: url(/img/bg/btm.png);

font-size: 0;

height: 5px;

line-height: 0;

margin: 0 auto 5px auto;

width: 910px; }



#wrapper {

background-image: url(/img/bg/wrapper.png);

margin: 0 auto;

padding: 0 5px;

text-align: left;

width: 900px; }



/* --------------- Header CSS  --------------- */



#header {

height: 130px;

margin: 20px auto 5px auto;

width: 900px; }



#logo {

background-image: url(/img/bg/wrc-logo2.png);

float: left;

height: 125px;

margin-left: 10px;

width: 315px; }



#logo a {

color: #194375;

display: block;

height: 140px;

width: 390px; }



#social {

float: right;

height: 26px;

margin-top: 100px;

margin-right: 10px;

width: 102px; }



#facebook {

background-image: url(/img/home/facebook.png);

float: left;

height: 26px;

margin-left: 8px;

width: 26px; }



#twitter {

background-image: url(/img/home/twitter.png);

float: left;

height: 26px;

margin-left: 8px;

width: 26px; }



#rss {

background-image: url(/img/home/rss.png);

float: left;

height: 26px;

margin-left: 8px;

width: 26px; }



#twitter a, #rss a, #facebook a {

color: #194375;

display: block;

height: 26px;

width: 26px; }



/* --------------- Navigation CSS  --------------- */



#nav {

background-color: #003388;

height: 40px; }



#home {

background-image: url(/img/nav/home.png);

float: left;

height: 40px;

width: 70px; }



#home a {

color: #003388;

display: block;

height: 40px;

width: 70px; }



#home a:hover {

background-image: url(/img/nav/home-over.png); }



#about {

background-image: url(/img/nav/about.png);

float: left;

height: 40px;

width: 95px; }



#about a {

color: #003388;

display: block;

height: 40px;

width: 95px; }



#about a:hover {

background-image: url(/img/nav/about-over.png); }



#staff {

background-image: url(/img/nav/staff.png);

float: left;

height: 40px;

width: 65px; }



#staff a {

color: #003388;

display: block;

height: 40px;

width: 65px; }



#staff a:hover {

background-image: url(/img/nav/staff-over.png); }



#programs {

background-image: url(/img/nav/programs.png);

float: left;

height: 40px;

width: 105px; }



#programs a {

color: #003388;

display: block;

height: 40px;

width: 105px; }



#programs a:hover {

background-image: url(/img/nav/programs-over.png); }



#usta {

background-image: url(/img/nav/usta.png);

float: left;

height: 40px;

width: 102px; }



#usta a {

color: #003388;

display: block;

height: 40px;

width: 102px; }



#usta a:hover {

background-image: url(/img/nav/usta-over.png); }



#membership {

background-image: url(/img/nav/mebership.png);

float: left;

height: 40px;

width: 115px; }



#membership a {

color: #003388;

display: block;

height: 40px;

width: 115px; }



#membership a:hover {

background-image: url(/img/nav/mebership-over.png); }



#sponsors {

background-image: url(/img/nav/sponsors.png);

float: left;

height: 40px;

width: 98px; }



#sponsors a {

color: #003388;

display: block;

height: 40px;

width: 98px; }



#sponsors a:hover {

background-image: url(/img/nav/sponsors-over.png); }


#contact {

background-image: url(/img/nav/contact.png);

float: left;

height: 40px;

width: 89px; }



#contact a {

color: #003388;

display: block;

height: 40px;

width: 89px; }



#contact a:hover {

background-image: url(/img/nav/contact-over.png); }



#blog {

background-image: url(/img/nav/advantage.png);

float: left;

height: 40px;

width: 161px; }



#blog a {

color: #003388;

display: block;

height: 40px;

width: 161px; }



#blog a:hover {

background-image: url(/img/nav/advantage-over.png); }



/* --------------- Heading CSS  --------------- */



#heading {

background-image: url(/img/bg/heading.jpg);

height: 99px; }



#heading-about {

background-image: url(/img/bg/heading-about.jpg);

height: 99px; }



#heading-staff {

background-image: url(/img/bg/heading-staff.jpg);

height: 99px; }



#heading-usta {

background-image: url(/img/bg/heading-usta.jpg);

height: 99px; }



#heading-membership {

background-image: url(/img/bg/heading-membership.jpg);

height: 99px; }



#heading-programs {

background-image: url(/img/bg/heading-programs.jpg);

height: 99px; }



#heading-contact {

background-image: url(/img/bg/heading-contact.jpg);

height: 99px; }


#heading-sponsors {

background-image: url(/img/bg/heading-sponsors.jpg);

height: 99px; }



/* --------------- Footer CSS  --------------- */



#footer {

background-image: url(/img/bg/footer.png);

height: 45px; }



#bottom {

color: #fff;

font-size: 12px;

margin: 0 auto 30px auto;

text-align: center;

width: 850px; }



#bottom a {

color: #fff;

text-decoration: none; }



#bottom a:hover {

text-decoration: underline; }



/* --------------- Miscellaneous CSS  --------------- */



#subwrap {

background-image: url(/img/bg/sub.png);

background-repeat: no-repeat;

width: 900px; }



#content {

padding: 30px 35px; }



.pic-left {

border: 1px solid #ccc;

margin-right: 15px;

margin-bottom: 15px;

padding: 2px; }



.pic-right {

border: 1px solid #ccc;

margin-left: 15px;

margin-bottom: 15px;

padding: 2px; }



.pic-staff {

float: left;

font-size: 12px;

width:20%;

margin-bottom: 20px; }



.pic-staff img {

border: 1px solid #bbb;

padding: 2px; }



.pic-staff a {

color: #fff; }



ul.ball {

margin-left: 20px; }



ul.ball li {

background-image: url(/img/bg/bullet.png);

background-repeat: no-repeat;

list-style-type: none;

padding-left: 27px; }



.clear {

clear: both;

font-size: 0;

height: 0;

line-height: 0;

width: 0; }



p#program-links a {

color: #000;

text-decoration: none; }



p#program-links a:hover {

color: #2665b0;

text-decoration: underline; }



.hovers { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

.hovers:hover { opacity: .8; -moz-opacity: .8; filter: alpha(opacity=80); }