/* 
================================
  apfna.org style sheet
  v1.0 
  (initial conversion to css)

  Roger S, June 2008 to January 2009
================================ 
*/

/* css validator passed 9 January 2008 */

/* 
====================================
  +++++++  body styling  +++++++ 
====================================
*/

body {
text-align:justify;
color:#FFFFFF;
background-color:#000066;
background-image:url(images/balbkgnd.gif);
/*background-image:url(http://apfna.org/images/balbkgnd.gif);*/
/*background-image:url(images/balbkgnd-rns.gif);*/
background-repeat:repeat-y;
background-position:top left;
}


/* 
====================================
  +++++++  apf logo style  +++++++ 
====================================
*/

.apflogo {
/*border:1px solid #000000;*/
margin:10px 20px 20px 0px;
width:280px;
height:126px;
}

.nalogo {
border:0;
margin:10px 30px 10px 10px;
width:100px;
height:100px;
}

/* 
====================================
  +++++++  content styling  +++++++ 
====================================
*/

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-align: justify;
margin: 0 20px 10px 50px;
}

.return {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: justify;
margin: 0 20px 10px 50px;
}

.yellowtext {
color: #FFFF00;
}

.centered {
text-align: center;
margin: 0 0 20px 0;
font-size:14px;
}

.right {
text-align: right;
margin: 0 0 20px 0;
}

.left {
text-align: left;
margin: 0 0 20px 0;
}

.bullet1 {
width: 15px;
height: 15px;
margin: 0 13px 0 0;
}

ul {
padding-left:10px;
margin-left:10px;
}

ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-align: justify;
margin: 0 20px 10px 50px;
list-style-image: url(images/abalbul1.gif);
}

/* tables */

table {
border-style:none;
width:100%;
padding:0;
}

.contenttable {
border-style:none;
width:100%;
}

.contenttable td {
padding:0px;
vertical-align:top;
}

.threecoltable {
margin:0 0 20px 70px;
border-style:none;
width:600px;
}

.threecoltable td {
border-style:none;
padding:0px;
vertical-align:top;
width:33%;
text-align:left;
}

.threecoltable p {
text-align:left;
margin:0 0 10px 0;
}

.twocoltable {
margin:0 0 20px 70px;
border-style:none;
width:600px;
}

.twocoltable td {
border-style:none;
padding:0px;
padding-right:50px;
vertical-align:top;
width:50%;
text-align:left;
}

.twocoltable p {
text-align:left;
margin:0 0 10px 0;
}

/* clean time calculator table styles */
.blacktextcenter {
color: #000000;
text-align: center;
font-size: 11pt;
margin:10px 0px 10px 0px;
}

.blacktextleft {
color: #000000;
text-align: left;
font-size: 11pt;
margin:10px 0px 10px 0px;
}

.button {
color: #000000;
text-align: center;
font-size: 11pt;
margin:10px 0px 20px 0px;
}

.resultbox {
color: #000000;
text-align: left;
font-size: 11pt;
margin:5px 0px 5px 0px;
}

.datebox {
color: #000000;
text-align: center;
font-size: 11pt;
margin:0px 0px 0px 0px;
}

.blacktextcenterlarger {
color: #000000;
text-align: center;
font-size: 12pt;
font-weight:bold;
margin:20px 0px 10px 0px;
}

.blacktextcentersmaller {
color: #000000;
text-align: center;
font-size: 8pt;
margin:0px 0px 0px 0px;
}

.calctable { 
/*border-style:none;*/
margin:10px 0px 0px 50px;
border-collapse: collapse;
border:2px solid #ffffff;
width:500px;
padding:0;
}

td.row1 {
background-color:#dddddd;
padding:10px 0px 0px 0px;
vertical-align:top;
}

td.row2 {
background-color:#cccccc;
padding:0px 0px 0px 0px;
vertical-align:top;
}

td.row3 {
background-color:#cccccc;
padding:0px 0px 20px 160px;
vertical-align:top;
}




/* heading styles */

/*  to continue with the windows font "brush script mt" in the interim 
    add a linux and mac "equivalent" 
    and an additional windows scripty font for those without brush script */

h1,h2 {
font-family: 'Brush Script MT', 'URW Chancery L', 'Apple Chancery', 'Monotype Corsiva', Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

h3,h4,h5,h6,h7 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

h1 {
font-size: 40px;
margin-top:0;
text-align:center;
}

h2 {
font-size: 30px;
margin: 30px 0 20px 0;
}

h3 {
font-size: 20px;
}

h4 {
font-size: 16px;
font-weight:bold;
margin: 40px 0px 20px 0px;
}

h5,h6 {
font-size: 14px;
font-weight:bold;
margin: 40px 0px 10px 20px;
}

h5 {
text-decoration:underline;
}

h6 {
}

h7 {
font-size: 14px;
font-weight:bold;
margin: 30px 20px 10px -28px;
}

/* general link styles */

a:link,a:visited,a:hover,a:active {
color: #9BCFFF;
/*color:#CCFF00;*/
/*color:#D9FF40;*/
/*color:#CCFF00;*/
/*color:#BCD4EB;*/
}

a:link,a:visited {
text-decoration: none;
}

a:visited {
/*color:#C7D982;*/
/*color: #E6FF00;*/
}

a:active,a:hover {
text-decoration: underline;
}


/*
====================================
  +++++++  navbar styling  +++++++ 
====================================
*/

p.navbar, p.navbarhere {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
margin: 0 0 0 0;
padding:0 0 0 0;
}

p.navbarhere {
color:#000048;
font-weight:bold;
}


/* creating an "always white" text appearance */

.navbar a {
display:block;
height:20px;
/*background-color: #FFFFFF;*/
vertical-align:middle;
padding:5px 0 0 0
}

.navbar a:link {
color: #FFFFFF;
text-decoration: none;
vertical-align:middle;
}

.navbar a:visited {
color: #FFFFFF;
text-decoration: none;
vertical-align:middle;
}

.navbar a:hover {
color: #FFFFFF;
text-decoration: none;
vertical-align:middle;
padding:5px 0 0 0
}

.navbar a:active {
text-decoration: none;
vertical-align:middle;
}


/* the following is needed since if on (eg) community pages, want the communities nav link to remain active */
/* as opposed to the general approach of the link for that page not being active when on that page */

.navbarhere a:link {
color: #000048;
text-decoration: none;
vertical-align:middle;
}

.navbarhere a:visited {
color: #000048;
text-decoration: none;
vertical-align:middle;
}

.navbarhere a:hover {
color: #FFFFFF;
text-decoration: none;
vertical-align:middle;
padding:5px 0 0 0
}

.navbarhere a:active {
text-decoration: none;
vertical-align:middle;
}



/* navbar table styles */

.navtable {
padding:0;
width:100px;
margin: 35px 35px 0 5px;
border-style:none;
border-collapse:collapse;
}

.navtable td {
border:solid; border-color:#FFFFFF; border-width:1px;
vertical-align:middle;
background: #000048;
padding:0;
}

.navtable td a:hover {
border-color:#FFFFFF;
color:#000048;
background-color:#BCD4EB;
vertical-align:middle;
}

td.navtablehere {
border:solid; border-color:#FFFFFF; border-width:1px;
height:25px;
vertical-align:middle;
background-color:#BCD4EB;
/*background-color:#BCD4EB;*/
padding:0;
}


/* 
====================================
  +++++++  footer styling  +++++++ 
====================================
*/

.footnote a {
/*color:#BCD4EB;*/
/*color:#FFB200;*/
color: #9BCFFF;
}

.footnote a:link, .footnote a:visited {
text-decoration:none;
}

.footnote a:hover, .footnote a:active {
text-decoration:underline;
}

table.footnote {
margin-left:auto;
margin-right:auto;
text-align: center; /* centering the table for ie 4,5 */
border-style:none;
width:750px;
}

.footnote {
text-align:center; /* needed to override centering the table for ie4, 5 */
}

.footnote td {
text-align:center;
width:50%;
vertical-align:top;
padding:0px;
}

.footnote p {
font-size: 11px;
text-align: center;
margin: 0 0 20px 0;
}