

/* general page setup */
body { color: #000; }
a img, img { border: none; }

a:link { color: #33669a; }
a:visited { color: #333; }
a:hover { color: #333; text-decoration: none; }
a:active,
a:focus { color: #333; text-decoration: none; font-weight: bold; }

p { padding: 2px 0 3px 0; }
ul { list-style: disc; margin: 5px 17px; }
ul li {}

/* misc styles */

input, select, textarea { border: 1px solid #6a6a6a; padding: 1px 2px; }

label { font-weight: bold; color: #0077b0; font-size: 1.1em; }

/* font declarations */
body, input, select, textarea, table, td { font-size: 11px; line-height: 130%; font-family: Arial, Helvetica, sans-serif; }
#masthead address, #footer p, #navigation, h1, h2
{font-family: "Univers 55", "Univers Normal", "HelveticaNeue Regular", Helvetica, Tahoma, Arial;}

/* site styles */
#container { width: 975px; background: url(../images/layout/body-bg.gif) repeat-y; }

#masthead { border-left: 50px solid #666698; background-color: #33669a; padding: 0px 10px 0px 10px; }
#masthead p { padding: 0; margin: 0; }
#masthead p a { display: block; height: 119px; width: 547px; background: url(../images/layout/nca-logo.gif) no-repeat; text-indent: -5000px;  }
#masthead address { display: none;   }

#main_image { position: absolute; top: 0; left: 625px; }

#content_container {}

#navigation { width: 234px; float: left; display: inline;  }
#content { width: 540px; float: left; margin: 0 10px; padding: 5px; display: inline; line-height: 180%; }
#secondary_images { width: 170px; float: right; margin: 20px 0; }

#content p { margin: 0 0 14px; }

h1 { color: #336799; font-size: 16px; line-height: 140%; font-weight: bold; width: 370px; text-align: center; height: 120px; display: table; position: relative; }
h1 span { display: table-cell; vertical-align: middle; padding-left: 10px; }
*:first-child+html h1 span { #position: absolute; #top: 30%; left: 0; }

h2 { font-size: 22px; line-height: 140%; font-weight: bold; color: #336799; margin: 10px 0 0; }
h3 { font-size: 12px; line-height: 140%; font-weight: bold; color: #000; }

small { color: #666; font-size: 10px; }
.small { line-height: 120%; }

ul { margin-top: 0; margin-bottom: 15px; }

#content  { height: 400px; overflow: hidden; overflow-y: scroll; margin: 20px 10px 0; }
#secondary_images { height: 380px; overflow: hidden; }

#navigation { color: #fff; }
#navigation ul { clear: both; margin: 0; padding: 0; list-style: none; font-size: 12px; font-weight: bold; text-transform: uppercase; }

#navigation .global li { float: left; text-align: center; background-color: #000; padding: 10px 0; width: 117px;  }
#navigation .global li a { color: #fff; text-decoration: none; }

#navigation .main { padding: 5px 10px 5px 40px; font-size: 14px; }
#navigation .main li { padding: 5px 0 8px; }
#navigation .main li a { color: #fff; text-decoration: none;}
#navigation .main li a:hover { color: #333; }
#navigation .main li.current a { color: #333; }

#navigation .main ul { border-top: 2px solid #747463; font-size: 12px; padding: 5px 0 0 25px; }
#navigation .main ul li { padding: 2px 0 4px; }
#navigation .main .current ul li a { color: #fff; }
#navigation .main .current ul li a:hover { color: #333; }
#navigation .main .current ul .current a { color: #f7ec2e; }

#navigation .main .current ul .current ul { border-top: 1px solid #c8be08; padding-left: 15px;  font-size: 11px; text-transform: none; }
#navigation .main .current ul .current ul li { padding: 1px 0 2px; }
#navigation .main .current ul .current ul a { color: #fff; }
#navigation .main .current ul .current ul a:hover { color: #333; }

#secondary_images img { margin: 0 0 10px; }





#footer { margin: -70px 0 0 0; padding: 78px 0 0 0; background: url(../images/layout/nav-nca.gif) 0px 0px no-repeat; }
#footer p { margin: 0px 0 0 234px; padding: 5px 10px; background-color: #666699; color: #fff; font-weight: bold; font-size: 13px; text-transform: uppercase;  }
#footer p { text-indent: -5000px; background: #666699 url(../images/layout/footer-text.gif) 10px 4px no-repeat; }
/* auto clearing */
#masthead, #content_container
{ clear: both; }

/* ----------- */
#masthead:after, #content_container:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#masthead, #content_container
{display: inline-block;}

/* Hides from IE-mac \*/
* html #masthead, * html #content_container
{height: 1%;}

#masthead, #content_container
{display: block;}
/* End hide from IE-mac */
