/*<group=general>*/

* { 
	padding: 0; margin: 0;
	font: 10px Verdana, Arial, sans-serif; color: #333;
	}

body { 
	background: #FFF url(../images/bg_tile.gif) repeat-y 50% 0; background-attachment: fixed;
    text-align: center;
	}
	
img {
   display: block;
   }
   
   .homeland img{display:inline; margin-left:5px; margin-bottom:7px}
    .homeland {text-align:center}
h1 {
	font: 18px Verdana, Arial, sans-serif;
	background: #FFF url(../images/bullets.gif) center left no-repeat;
	padding: 5px 0;
	padding-left:20px;
	margin-top:30px;
	}
	
h2 {
   font: italic 11px Verdana, Arial, sans-serif;
   padding: 10px 0 5px 0;
   }

p {
	padding: 3px 0 3px 0;
	}
	
a {
   color: #688; text-decoration: none;
	}
	
a:hover {
   color: #333; background-color: #DEE; 
	} 

/*</group>*/

/*<group=site-wide components>*/

#container {
	margin: 0 auto;
	width: 770px;
	text-align: left;
	}
	  
#logo  {
    height:120px;
	width:250px;
	margin:0;
	padding:0;
	background: #333 url(../images/logo.gif) top left no-repeat;
	}

   
#middle-column {
   float: left;
   width: 250px;
   
}

#right-column {
	float: left;
	width: 440px;
	padding-top:80px;
	margin:0;
	margin-left:20px
	}
#right-column p{
margin:10px 10px 0px 20px;
font-size:1.2em;
}
#right-column ol{
margin-left:50px;
margin-top:20px;
}


#right-column li{
margin-bottom:6px;
font-size:1.2em;}

#content {
	margin: 60px 0 0 20px;
	}

#mainpagecontent {
	margin: 390px 0 0 20px;
	}
	
#footer {
   font: 9px Verdana, Arial, sans-serif; color: #999999;
   margin: 0 20px 25px 350px;
   width: 300px;
   text-align: center; line-height: 18px;
   clear: both;
   }
   
#footer a {
   font: 9px Verdana, Arial, sans-serif; color: #666666;
   }
   
#footer a:hover {
   color: #333; background-color: #DEE;
   }

/* NAvigation*/

div#nav { 
	height: 250px; width: 250px; 
	margin: 0px 0 0 0;
	}
	
div#nav ul#menu {
	height: 250px; width: 250px;
	background: url(../images/nav.gif) top left no-repeat;
	position: relative;
	}
	
div#nav ul#menu li {
	list-style: none;
	position: absolute;
	}


ul#menu li, ul#menu a {
	height: 25px; width: 250px;
	display: block;
	}


div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}

#events {	top: 0px;	}
#about {	top: 25px;	}
#officers {	top: 50px;	}
#newcomers {top: 75px;	}
#membership {top: 100px;}
#mailinglist{top: 125px;}
#contact {	top: 150px;	}
#homeland {	top: 175px;	}
#awards {top: 200px;	}
#donation {top: 225px;	}

#events a:hover {
	background: url(../images/nav.gif) -250px 0 no-repeat;
	}

#about a:hover {
	background: url(../images/nav.gif) -250px -25px no-repeat;
	}

#officers a:hover {
	background: url(../images/nav.gif) -250px -50px no-repeat;
	}

#newcomers a:hover {
	background: url(../images/nav.gif) -250px -75px no-repeat;
	}

#membership a:hover {
	background: url(../images/nav.gif) -250px -100px no-repeat;
	}

#mailinglist a:hover {
	background: url(../images/nav.gif) -250px -125px no-repeat;
	}

#contact a:hover {
	background: url(../images/nav.gif) -250px -150px no-repeat;
	}

#homeland a:hover {
	background: url(../images/nav.gif) -250px -175px no-repeat;
	}

#awards a:hover {
	background: url(../images/nav.gif) -250px -200px no-repeat;
	}

#donation a:hover {
	background: url(../images/nav.gif) -250px -225px no-repeat;
	}

/* select */

body#p_events #events {
	background: url(../images/nav.gif) -250px 0 no-repeat;
	}

body#p_about #about {
	background: url(../images/nav.gif) -250px -25px no-repeat;
	}

body#p_officers #officers {
	background: url(../images/nav.gif) -250px -50px no-repeat;
	}

body#p_newcomers #newcomers {
	background: url(../images/nav.gif) -250px -75px no-repeat;
	}

body#p_membership #membership {
	background: url(../images/nav.gif) -250px -100px no-repeat;
	}

body#p_mailinglist #mailinglist {
	background: url(../images/nav.gif) -250px -125px no-repeat;
	}

body#p_contact #contact {
	background: url(../images/nav.gif) -250px -150px no-repeat;
	}

body#p_homeland #homeland {
	background: url(../images/nav.gif) -250px -175px no-repeat;
	}

body#p_awards #awards {
	background: url(../images/nav.gif) -250px -200px no-repeat;
	}

body#p_donation #donation {
	background: url(../images/nav.gif) -250px -225px no-repeat;
	}


#myleft-window {
	float: left;
	width: 250px;
	margin-bottom: 30px;
	
   }
   
#myleft {
	position: relative;
	width: 250px; height: 432px;
	overflow: hidden;
	}
#myleft-window p{
width:220px;
color:#CCCCCC;
margin-left:20px}

#myleft span {
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	width: 250px; height: 504px;
	}

/* individual project classes */

#myleft span.homepage {
	background: url(../images/home.jpg) top left no-repeat;
	}

#myleft span.events {
	background: url(../images/events.jpg) top left no-repeat;
	}
	
#myleft span.officers {
	background: url(../images/officers.jpg) top left no-repeat;
	}	
	
#myleft span.gallery {
	background: url(../images/gallery.jpg) top left no-repeat;
	}
	
#myleft span.homeland {
	background: url(../images/homeland.jpg) top left no-repeat;
	}

#myleft span.about {
	background: url(../images/about.jpg) top left no-repeat;
	}
	
#myleft span.newcomers {
	background: url(../images/newcomers.jpg) top left no-repeat;
	}
	
#myleft span.mailinglist {
	background: url(../images/mailinglist.jpg) top left no-repeat;
	}
	
#myleft span.awards {
	background: url(../images/awards.jpg) top left no-repeat;
	}	
	
#myleft span.donation {
	background: url(../images/donation.jpg) top left no-repeat;
	}
	
	
ul.officers,ul.officers li {list-style-type: none;}
ul.officers {
    margin: 25px 0;
    padding: 0;
    border-top: 1px solid #ccc;}
.officers li {
    border-bottom: 1px solid #ccc;
	margin: 0;
    padding: 5px;
line-height:45px;}
.officers li img{border:1px solid #ccc; padding:2px; margin-right:10px; align:left; text-align:left; float:left;}
.officers li.lasts{
border-bottom:3px;
border-bottom-color:#ccc;
border-bottom-style: dashed;
margin-bottom:40px;}
.titles{float:right; display:inline; line-height:45px;; color:#CC3300;}
.titles2{float:right; display:inline; line-height:45px;; color:#CC3300; height:45px}

.officers a, .officers a.visited, .officers a:link{
color: #000000;
text-decoration:none;}
.officers a:hover{text-decoration:underline;}



.datecontainer{
text-align:center;  width:60px; height:70px; border:1px solid #555; float:left; background-color:#999999; color:#FFFFFF; font-size:14px; font-weight:bold; margin:0 5px 0 0;}

.actualdate{width:50px; height:45px; margin:5px 5px 2px 5px; background-color:#FFFFFF; font-size:34px; font-weight:bold; color:#666666}