/* --------------------------------------------
UA-2005: Universal/Accessible
Name:     UA
Designer: Holly Valero
URL:      www.hollyworks.com
Date:     May 2005
----------------------------------------------- */


/* -- 508 HIDE -- */
#skip {position: absolute; left: -9999px; font-size: small;}
#skip a:hover {color: #ffffff;}
.hide {display: none;}
.clear {clear:both;}
img.fr {float:right; padding:4px;}
img.fl {float:left; padding:4px;}
img.center {display: block; margin-left: auto; margin-right: auto;}




/* --  CLASSIC TAGS A-Z  -- */

abbr, acronym {font-style: normal; border-bottom: dotted 1px #d6d6d6; cursor: help;}
img {border: 0; padding: 0;}

 
body {color: #222; font: 80%/1.3em arial, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; margin: 0; padding: 0; text-align: left;  font-weight:normal; background:#dddddd;}



/* -- PAGE STRUCTURE  -- */
#container {width:760px; text-align:center; margin:0 auto; 	background:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; }  

.x {color:#d00; text-align:center;}


/* -- PAGE STRUCTURE  -- */
#page {width: 760px; text-align:left;}  

#page .pad {padding-left: 30px; padding-right:30px;} 
 
#header {width:760px; height:86px; position:relative; top:0px;left:0px;}

/* -- footer -- */
#copyright {clear: both; width:760px; }
#copyright p {font-size: 10px; color: #555; padding:3px; text-align:center;}
#copyright a:link, #footer a:visited {color: #555;}
#copyright a:hover {color: #111;}



#search {text-align:center; margin: 0 auto;}
  
  
 
#navlist
{
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left: 10px;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist a:link, #navlist a:visited
{
background: #E8EBF0;
border: 1px solid #ccc;
color: #666;
float: left;
font-size: small;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist a:hover { color: #f00; }

body.section-1 #navlist li#nav-1 a, 
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlist ul#subnav-1, 
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlist ul#subnav-1 a, 
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist ul a:hover { color: #f00 !important; }

#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
} 
