body{
background-color:#FFFFFF;
background-image:url(images/na-symbol-background.gif);
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
}
p {
font-size:12px;
line-height:18px;
}
#topof{
margin-top:0;
}

#main{
width:760px;
margin:0 auto 0 auto;
padding:0px;
border:0px;
}
#headline{
background-color:#0000CC;
padding:10px 0 0 8px;
}
#headline h1{
color:#FFFFFF;
font-size:22px;
margin:0 0 1px 15px;
padding:0px;
font-weight:normal;
line-height:27px;
}

#headline img{
border:none;
margin: 0;
}

#content{
width:100%;
padding:10px;
border:1px solid #0000CC;
border-width:0px 4px 0px 0px;
background-color:#FFFFFF;
}
#content h2{
margin:0;
padding:0;
font-size:14px;
}
#foot{
background:#0000CC;
color:#FFFFFF;
font-size:10px;
text-align:center;
padding:4px;}
#foot a{
color:#FFFFFF;
}


/* Menu Styles */
#list-menu {
width: 160px; padding:0 8px 4px 8px;
/* this width value is also effected by
the padding we will later set on the links. */
background-color:#0000CC;
}

#list-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 12px;
}
#list-menu li {
margin: 0 0 2px 0;
}
#list-menu a {
display: block;
width:160px;
padding: 2px 2px 2px 10px;
border: 1px solid #FFFFFF;
background:#0000CC;
text-decoration: none;
}

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #FFFFFF;
}

#list-menu a:hover {
background: #FFFFFF;
color:#0000CC;
}

#list-menu h2{
font-size:12px;
color:#FFFFFF;
}
#list-menu img{
margin: 0 0 4px 0;
}

#phone_number{text-align:center;}
#number{font-size:18px; font-weight:normal;}

/* highlight selected page on the menu */
#home #a, #newsletter #nl, #meetings #b, #activities #c, #calculator #ctc, #shirts #ts, #pi #e, #asc #asc1 {
background-color:#FFFFFF;
color:#0000CC;
}


/* clean time calculator styles */
.cleantime{ 
font-size:14px;
font-weight:bold;}
.cleantime b{ 
font-size:12px;}
#cpcontainer{margin:0; padding:0;}
#ps{
font-style:italic;
}

/* events styles */
.greyevents{
border:2px solid #0000CC;
padding:0px;
}
.rest{padding:0 10px 0 10px;}
.rest1{padding:10px 10px 0 10px;}
.greyevents h2{
margin:0;
}
.greyevents h3{
margin: 10px 0;
font-size:14px
}
.greyevents p{
margin:0 0 10px 0;
}
h3.eventshead{
color:#FFFFFF;
font-weight:bold;
background:#0000CC;
margin:0px;
padding:5px;
}

/* Meetings Styles */
.header{
color:#FFFFFF;
background:#0000CC;
font-weight:bold;
}
.grey{
background:#CCCCCC;
}
.meet{
width:200px;
}

.time{
width:100px;}
.format{
width:40px;
}
.address{
width:250px;
}
.place{
width:100px;
}
.attention{width:200px; float:right; border:2px solid #0000CC; margin: 0 0 0 5px;}
.attention h3{width:200px; background:#0000CC; color:#FFF; font-size:12px; margin: 0; padding:3px 0 3px 0; text-indent:5px}
.attention p{ font-size:10px; line-height:15px; padding:0; margin:4px 3px 4px 3px;}