/*This website has a number of key divs :top containing the banner, three columns- leftcol, rightcol and content being the centre div. */


/*This section styles the top or banner section*/

#top 
{
margin:0 0 0 12%;
}

#top p
{float:left;
margin-left:5%;
}

#top h1
{
font-family:"tahoma","verdana","Arial",sans-serif;
margin:5% 0 0 5%;
}

#top h2
{
font-family:"tahoma","verdana","Arial",sans-serif;
font-size:1em;
margin:0 0 0 5%;
}

body
{
font:.9em verdana, arial, sans-serif;
background-color:#ffffff;
}

body h4
{
font-family:"tahoma","verdana","Arial",sans-serif;
font-size:.8em;
}



#content
{
border-left:0px solid #BC001D;
border-right:0px solid #BC001D;
border-bottom:0px solid #BC001D;
padding: 0 15px 6px 15px;
margin-left:27%;
margin-right:27%;
line-height:1.7em;
}

#content h1
{
font-family:"tahoma","verdana","Arial",sans-serif;
font-size: 1.5em;
color:#121212;
background-color:transparent;
}



#content h2
{
font-family:"tahoma","verdana","Arial",sans-serif;
font-size:1.2em;
color:#121212;
background-color:transparent;
}

#content h3
{
font-family:"tahoma","verdana","Arial",sans-serif;
font-size:1em;
color:#121212;
background-color:transparent;
}


/*the section styles the nav buttons*/
#tabnav
{
clear:both;
}

ul#tabnav
{
list-style-type:none;
margin-left:16%;
margin-right:20%;
padding-left:40px;
padding-bottom:24px;
border-bottom:1px solid #BC001D;
font:bold 11px tahoma, verdana, ariel, sans-serif;
}

ul#tabnav li
{
float:left;
height:21px;
background-color:#df0024;
color:#ffffff;
margin:2px 2px 0 2px;
border:1px solid #BC001D;
}

ul#tabnav a:link, ul#tabnav a:visited
{
display:block;
color:#ffffff;
background-color:transparent;
text-decoration:none;
padding:4px;
}

ul#tabnav a:hover
{
background-color:#f4869c;
color:#ffffff;
}


body#index_5 li.index_5, body#alawa li.alawa, body#programs li.programs,
body#policies li.policies, body#services li.services,
body#kidswork li.kidswork,body#events li.events
{
border-bottom:1px solid #ffffff;
color:#000000;
background-color:#ffffff;
}

body#index li.index a:link, body#index li.index a:visited,
body#alawa li.alawa a:link, body#alawa li.alawa a:visited,
body#programs li.programs a:link, body#programs li.programs a:visited,
body#policies li.policies a:link, body#policies li.policies a:visited,
body#services li.services a:link, body#services li.services a:visited,
body#kidswork li.kidswork a:link, body#kidswork li.kidswork a:visited,
body#events li.events a:link, body#events li.events a:visited

{
color:#000000;
background-color:#ffffff;
}

/*this section styles the horizontal nav items at the top of each content page*/ 

ul#subnavlist li{display:inline;}

ul#subnavlist
{
font-family:"tahoma","verdana","Arial",sans-serif;
font-size:1em;
list-style-type:none;
margin-left:0%;
margin-right:0%;
}

ul#subnavlist li a
{
padding:1px 1px 1px 1px;
margin-left:0;
}






/*this section styles the left column*/

#leftcol
{
position:absolute;left: 1%;
width:20%;
margin-top:0px;
padding: 0 1em 0 2em;
font-family:"verdana","Arial",sans-serif;
font-size:.8em;
background-color:#ffffff;
}

#rightcol
{
float: right;
width: 18%;
margin-top: 0;
padding: 0em 2em 0em 1em;
font-family:"verdana","Arial",sans-serif;
font-size:.8em
}


#rightcol ul
{
line-height:1.5em;

}


/*this section styles the footer and the validator*/

#footer
{
border-top:1px solid #BC001D;
margin-left:26%;
margin-right:25%;
padding: 10px 0px 3px 0px;
background-color:#fff;
font-family:"verdana","Arial",sans-serif;
font-size:70%;
text-align:left;
line-height:.9em;
}

#validator
{
position:absolute;right: 26%;
padding: 20px 0px 3px 0px;
}