/* Base Styles */

body{
margin: 0 0;
padding: 0;
text-align: center;
font-family: arial,verdana;
font-size: 12px;
background-color: #fff;
color: #000;
background: #ffffff url('../images/bg-tile.gif') repeat-x;
}

a{
outline: none;
}

a:hover{
outline: none;
}

a:visited{
outline: none;
}

a:active{
outline: none;
}

.noticeText{
font-weight: bold;
font-size: 14px;
color: #c46007;
}

#container{
width: 800px;
margin: 0 auto;
text-align: left;
}

.element{
float: left;
}

.subNavigation{
float: left;
height: 23px;
color: #fff;
padding: 7px 0 0 0;
}

.subNavigation a{
color: #4275a6;
font-weight: bold;
text-decoration: none;
margin: 0 8px;
padding: 0 4px;
}

.subNavigation a:hover{
background-color: #4275a6;
color: #fff;
}

.subNavigationActive{
font-weight: bold;
text-decoration: none;
margin: 0 8px;
padding: 0 4px;
background-color: #4275a6;
color: #fff;
}

.subNavigationActive a{
color: #fff;
}

.mainbody ul{
list-style: circle;
}

.mainbody{
float: left;
width: 800px;
padding: 10px 0;
min-height: 350px;
position: relative;
}

* html .mainbody { 
height:350px;
}

.mainbody ul{
list-style-image: url("images/logo-list.gif");
list-style-position: outside;
}

.mainbody li{
margin: 5px 0;
}

.mainbody h1{
margin: 0 0 10px 0;
padding: 0;
color: #4275a6;
font-family: Georgia,Arial,Verdana;
font-weight: bold;
font-size: 20px;
}

.mainbody h3{
padding: 0;
color: #5282b2;
font-weight: bold;
font-size: 14px;
margin: 5px 0 0 0;
}

.mainbody h2{
padding: 0;
color: #5282b2;
font-weight: bold;
font-size: 18px;
margin: 5px 0 0 0;
}

.imgPadding{
margin: 5px;
}

.bold{
font-weight: bold;
}

.italic{
font-style: italic;
}

.regular{
font-weight: normal;
}

.center{
text-align: center;
margin: 0 auto;
}

.small{
font-size: 10px;
}

.noborder{
border: 0;
}

.bottomLinks{
float: left;
width: 800px;
padding: 4px 0;
background-color: #5b5c5c;
color: #fff;
text-align: center;
font-size: 10px;
font-weight: bold;
}

.bottomLinks a{
color: #fff;
text-decoration: none;
margin: 0 8px;
}

.bottomLinks a:hover{
text-decoration: underline;
}

.footer{
float: left;
width: 800px;
font-size: 11px;
background-color: #0c3258;
color: #fff;
padding: 5px 0;
margin: 0;
}

.footerLinks{
float: left;
width: 400px;
}

.footerLinks a{
color: #88abcf;
font-weight: bold;
text-decoration: none;
margin: 0 10px;
}

.footerLinks a:hover{
text-decoration: underline;
}

.footerLinks span{
margin: 0 0 0 10px;
}

.footerContact{
float: left;
width: 385px;
text-align: right;
padding: 0 5px;
}

.footerContact a{
color: #fff;
}

.anchorButton{
float: left;
width: 190px;
height: 33px;
margin: 0 10px 0 0;
background-color: #396b9d;
text-align: center;
padding: 17px 0 0 0;
color: #fff;
font-weight: bold;
text-decoration: none;
}

.anchorButton:hover{
background-color: #021528;
}

.repeatingFix{
float: left;
margin-right: -3px;
}

/* Home Styles */

.mainbodyHome{
float: left;
width: 800px;
}

.homeImage{
float: left;
background: #ffffff url('../images/bg-home.gif') no-repeat;
width: 465px;
height: 455px;
overflow: hidden;
}

.homeDesc{
float: left;
background: #ffffff url('../images/bg-home-content.gif') no-repeat;
width: 310px;
height: 420px;
padding: 20px 25px 15px 0;
}

.upcomingEvents{
float: left;
}

.upcomingEvents img{
float: left;
}

.upcomingEvents a{
float: right;
margin: 10px 4px 10px 0;
}

.homeSponsors{
float: left;
width: 300px;
margin: 5px 0 0 0;
}

.homeSponsors span{
vertical-align: 7px;
font-size: 11px;
margin: 0 0 0 20px;
}

.homeSponsors a{
margin: 0 0 0 5px;
}

#rotator{
margin:0;
padding:0;
}

rotator#ol,ul{
list-style:none;
}

.newsImg{
margin: 0 5px 5px 0;
}

.sponsorBottom{
float: left;
margin: 0 10px 0 0;
}

.sponsorBottom img{
vertical-align: middle;
}

/* Officers & Board of Directors */

.directors{
width: 700px;
margin: 0 auto;
text-align: left;
background-color: #e1eefa;
padding: 10px;
}

.directorsContainer{
float: left;
width: 100%;
}

.directorsColumn{
float: left;
width: 400px;
margin: 20px 0 0 0;
}

.directors h1{
font-size: 16px;
color: #000;
font-weight: bold;
text-align: left;
font-family: Arial, Verdana;
}

.directors h2{
font-size: 15px;
font-weight: bold;
margin: 20px 0 0 0;
padding: 0;
}

.directors ul{
list-style: circle;
margin: 0;
padding: 0 0 0 20px;
line-height: 12px;
}

/* Contact Us */

.contactRight{
float: right;
width: 400px;
height: 319px;
}

.contactLeft{
float: left;
width: 400px;
height: 319px;
}

.contactMap{
float: left;
width: 100%;
}

.contactMap h3{
text-indent: 200px;
}

.contactParkingContainerBlue{
float: left;
width: 240px;
margin: 10px 0;
background-color: #efefef;
padding: 10px;
}

.contactParkingTitleBlue{
float: left;
width: 100%;
font-weight: bold;
color:#0000fe;
text-align: center;
}

.contactParkingContainerRed{
float: left;
width: 240px;
height: 215px;
margin: 10px;
background-color: #efefef;
padding: 10px;
}

.contactParkingTitleRed{
float: left;
width: 100%;
font-weight: bold;
color:#fe0000;
text-align: center;
}

.contactParkingContainerGreen{
float: left;
width: 240px;
height: 215px;
margin: 10px 0;
background-color: #efefef;
padding: 10px;
}

.contactParkingTitleGreen{
float: left;
width: 100%;
font-weight: bold;
color:#049904;
text-align: center;
}

.contactParkingAddress{
float: left;
width: 100%;
font-size: 11px;
margin: 0 0 5px 0;
text-align: center;
}

.contactParkingHours{
float: left;
}

.contactParkingHours table{
border-top: 1px solid #333;
border-left: 1px solid #333;
background-color: #fff;
}

.contactParkingHours tr td{
border-bottom: 1px solid #333;
border-right: 1px solid #333;
}

/* Membership */

.membershipLeft{
float: left;
width: 378px;
padding: 0 10px 0 0;
border-right: 2px solid #999;
margin: 20px 0 0 0;
}

.membershipRight{
float: left;
width: 390px;
padding: 0 0 0 10px;
margin: 20px 0 0 0;
}

.membershipDues{
float: left;
width: 100%;
padding: 20px 0;
text-align: center;
font-size: 13px;
}

/* Membership Directory */

.membershipDirectory{
float: left;
width: 800px;
}

.membershipDirectory table,tr,td{
border: 0;
}

.membershipDirectory th{
font-weight: bold;
font-size: 15px;
}

.memberListBack{
color: #000;
font-weight: bold;
text-decoration: none;
}

.even{
background-color: #efefef;
}

.backToTop{
text-align: right;
}

.backToTop a{
text-decoration: none;
font-weight: bold;
color: #0c3258;
}

.backToTop a:hover{
text-decoration: underline;
font-weight: bold;
color: #5691cc;
}

/* Meet Our Staff */

.staffContainer{
float: left;
width: 780px;
background-color: #ecf2f8;
padding: 10px;
margin: 0 0 10px 0;
}

.staffContainerImage{
float: left;
width: 150px;
padding: 0 10px 0 0;
}

.staffContainerContent{
float: left;
width: 620px;
}

/* Photo Gallery */

.gallerySection{
float: left;
width: 100%;
}

.galleryTitle{
float: left;
width: 100%;
font-weight: bold;
font-size: 15px;
border-bottom: 2px solid #000;
margin: 0 -3px 10px 0;
color: #000;
display: inline;
}

.photo{
float: left;
width: 100px;
height: 120px;
margin: 0 14px 14px 0;
width: 100px;
}

.photo img{
border: 0;
}

.webdephoto-title{
font-size: 11px;
}

/* Japan in the Schools */

.sitemap{
float: left;
width: 800px;
height: 300px;
position: relative;
background-image: URL('../images/sitemap.gif');
background-repeat: no-repeat;
}

.sitemap a{
color: #000;
text-decoration: none;
}

.sitemap_1{
position: absolute;
top: 19px;
left: 311px;
width: 177px;
height: 45px;
text-align: center;
font-size: 14px;
color: #000;
font-weight: bold;
padding: 28px 0 0 0;
}

.sitemap_2{
position: absolute;
top: 115px;
left: 109px;
width: 177px;
height: 56px;
text-align: center;
font-size: 14px;
color: #000;
font-weight: bold;
padding: 22px 0 0 0;
}

.sitemap_3{
position: absolute;
top: 115px;
left: 512px;
width: 177px;
height: 56px;
text-align: center;
font-size: 14px;
color: #000;
font-weight: bold;
padding: 22px 0 0 0;
}

.sitemap_4{
position: absolute;
top: 215px;
left: 26px;
width: 112px;
height: 46px;
text-align: center;
font-size: 11px;
color: #000;
font-weight: bold;
padding: 0;
}

.sitemap_5{
position: absolute;
top: 215px;
left: 143px;
width: 112px;
height: 46px;
text-align: center;
font-size: 11px;
color: #000;
font-weight: bold;
padding: 0;
}

.sitemap_6{
position: absolute;
top: 229px;
left: 260px;
width: 112px;
height: 46px;
text-align: center;
font-size: 11px;
color: #000;
font-weight: bold;
padding: 0;
}

.sitemap_7{
position: absolute;
top: 228px;
left: 428px;
width: 112px;
height: 20px;
text-align: center;
font-size: 14px;
color: #000;
font-weight: bold;
padding: 0;
}

.sitemap_8{
position: absolute;
top: 228px;
left: 545px;
width: 112px;
height: 20px;
text-align: center;
font-size: 14px;
color: #000;
font-weight: bold;
padding: 0;
}

.sitemap_9{
position: absolute;
top: 228px;
left: 662px;
width: 112px;
height: 20px;
text-align: center;
font-size: 14px;
color: #000;
font-weight: bold;
padding: 0;
}

.schoolSponsors{
float: left;
width: 800px;
}

.schoolSponsorsColumn{
float: left;
width: 400px;
}

.schoolSponsorsColumn a{
color: #0c3258;
text-decoration: none;
}

.schoolSponsorsColumn a:hover{
color: #0c3258;
text-decoration: underline;
}

.schoolSponsors img{
float: left;
margin: 0 20px 10px 0;
}

.schoolSponsors h3{
float: left;
width: 100%;
margin: 20px 0 5px 0;
}

.schoolSponsors ul{
float: left;
width: 250px;
margin: 0 0 0 60px;
}

/* Calendar */

.monthSelector{
float: left;
position: relative;
width: 100%;
text-align: center;
font-size: 14px;
margin: 0 0 10px 0;
}

.monthSelector a{
color: #1c67b2;
font-weight: bold;
text-decoration: none;
}

.monthSelector a:hover{
color: #569ce2;
}

.monthSelector span{
font-weight: bold;
margin: 0 15px;
}

.eventSwap{
position: absolute;
width: 150px;
top: 0;
text-align: right;
left: 660px;
}


/*** WebdeCalendar Legend *********************************************************/
div#calendarLegend
{
  background: salmon;
  margin-left: 100px;
}

p#calendarLegendJAS span,
p#calendarLegendJYPG span
{
	display: block;
  padding-top: 2px;
}

p#calendarLegendJAS
{
  float: left;
  height: 20px;
  background: url('../images/calendarLegend_JAS.png') no-repeat;
  padding-left: 58px;
  margin-right: 30px;
  font-size: 13px;
}

p#calendarLegendJYPG
{
  float: left; 
  height: 20px; 
  background: url('../images/calendarLegend_JYPG.png') no-repeat;
  padding-left: 58px;
  margin-right: 30px;
  font-size: 13px;
}

p#calendarLegendOther
{
  float: left; 
  height: 20px; 
  background: url('../images/calendarLegend_Other.png') no-repeat;
  padding-left: 58px;
  margin-right: 30px;
  font-size: 13px;
}

div.facebook{
	position:relative;
	left:23px;
	width:19px;
	height:19px;
	top: 1px;
}

/*** Sustaining Members Enhancement ***************************************************/
table#sustainingMembers
{
  margin-left: -50px;
}

table#sustainingMembers tr td a
{
  font-weight: bold;
  font-size: 14px;
}

table#sustainingMembers tr td
{
	border-right: 1px solid #999999;
}