/* Set defaults */
body			{ margin: 0; padding: 0; font-size: 76%; }
input,
select,
textarea		{ font-size: 1em; }
th,
td				{ vertical-align: top; font-size: 1em; }
img				{ border: 0; }
a				{ text-decoration: none; }
a:hover			{ text-decoration: underline; }
a img 	{ text-decoration: none; }

/* Generic classes */
.clear:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear			{ display: inline-block; }
/* \*/
.clear			{ display: block; }
/* */

.align-left		{ text-align: left !important; }
.align-right	{ text-align: right !important; }
.align-centre	{ text-align: center !important; }
.align-top		{ vertical-align: top !important; }
.align-bottom	{ vertical-align: bottom !important; }
.align-middle	{ vertical-align: middle !important; }

.bold			{ font-weight: bold !important; }
.italic			{ font-style: italic !important; }
.underline		{ text-decoration: underline !important; }


/* Site specific */
html { background: url(../graphics/html.jpg) center top; }
body { background: transparent url(../graphics/body.jpg) no-repeat center top; }
body,
input,
select,
textarea { font-family: Arial, Helvetica, sans-serif; }

h1 { margin: 0 0 0.5em; font-size: 1.6em; padding: 0 0 0.5em; border-bottom: 1px solid #dfdfdf; letter-spacing: -0.02em; }
h2 { margin: 0 0 0.5em; font-size: 1.4em; }
h3 { margin: 0 0 0.5em; font-size: 1.2em; }

a { color: #2e8bc4; }

hr { position: relative; margin: 0 0 13px; overflow: hidden; height: 1px; background: #565d55; color: #565d55; font-size: 0; border: 0; }

input.text,
textarea { padding: 3px; background: white url(../graphics/field.gif) repeat-x; border: 1px solid #d2d2d2; }

.fixed { width: 980px; margin: 0 auto; }

#wrapper { font-size: 1.1em; padding: 0; margin: 0; }

#header { position: relative; height: 169px; }
#logo { position: absolute; left: -13px; top: 15px; }
#byline { position: absolute; left: 193px; top: 40px; }

#anim-left { position: relative; left: -99px; top: 74px; z-index: 100; width: 104px; }
#anim-right { position: relative; left: 1005px; top: -20px; z-index: 100; width: 77px; }

*html #anim-left { top: 78px; }

#header ul { position: absolute; left: 191px; top: 68px; margin: 0; padding: 0; list-style-type: none; }
#header ul li { float: left; margin: 0 1px 0 0; }
#header ul li.active { margin: 0; }
#header ul li a { position: relative; overflow: hidden; float: left; width: 165px; height: 74px; background: url(../graphics/navlink.gif) repeat-x; }
#header ul li.active a { padding: 0 0 0 0; }
#header ul li a:hover { background-position: 0 -74px; }
#header ul li a img,
#header ul li a span { position: relative; }
#header ul li.active a img,
#header ul li.active a span { top: -74px; }


#header ul li.extra { width: 145px; height: 59px; padding: 15px 0 0 20px; }
* html #header ul li.extra { padding: 17px 0 0 20px; }



#header ul li.extra { width: 164px; padding: 0px; margin: 4px 0 0 0; }
#header ul li.extra a  { width: 164px; height: 33px; padding: 0px; background-image: none;}
#header ul li.extra a.line  { border-bottom: 1px solid #9fc37e ; }
#header ul li.extra a:hover { background-color: #428b2b; }

#header ul li.extra a { overflow: visible; float: none; display: block; margin: 0; }
* html #header ul li.extra { margin: -13px 0 0 -20px; width: 166px; }




#main { margin: 0 0 30px; background: url(../graphics/main.jpg); }
#main div.fixed { background: white; }

#sidebar { position: relative; z-index: 20; float: left; padding: 20px 20px 10px; width: 115px; min-height: 170px; #margin: 0 -155px 0 0; background: black url(../graphics/sidebar.gif) repeat-x; color: white; overflow-x: hidden; }
* html #sidebar { height: 200px; }
#sidebar p { margin: 0 0 1em; }
#sidebar a { color: #fff; }
#sidebar ul { margin: -12px -20px 0 -12px; padding: 0; list-style-type: none; }
#sidebar ul li { padding: 0 0; }
#sidebar ul li a,
#sidebar ul li.nav_active ul li a { display: block; zoom: 1; padding: 10px 20px; font-weight: bold; background: #67665e; }
#sidebar ul li a:hover,
#sidebar ul li.nav_active ul li a:hover { background: #999; text-decoration: none; }
#sidebar ul li.nav_active a,
#sidebar ul li.nav_active a:hover { background: #fff; color: #000; }
#sidebar ul li ul { margin: 0; font-size: 0.9em; }
#sidebar ul li.nav_active ul li { padding: 0; }
#sidebar ul li.nav_active ul li a { padding: 8px 20px 8px 30px; font-weight: normal; background: #8d8c86; border-bottom: 1px solid #67665e; }
#sidebar ul li.nav_active ul li.nav_active a,
#sidebar ul li.nav_active ul li.nav_active a:hover { background: #d8d8d8; color: #000; }

#content { padding: 20px 25px 20px 35px; border-left: 155px solid black; }
#content div.sidebar { float: right; width: 240px; }
#content div.sidebar p { margin: 0; }
#content div.content { float: left; width: 500px; }

#crumbs { height: 20px; padding: 0 0 1.5em; font-size: 0.9em; color: #aaa; }

#search-box { float: right; width: 240px; }
#search-box input.text { width: 165px; #width: 149px; }
#search-box input.button { padding: 3px 8px; border: 0; background: #2e8ac3; color: white; font-weight: bold; }

#footer { position: relative; font-size: 0.9em; }

#footer div.box { padding: 20px 0; background: black url(../graphics/footer.gif) repeat-x; font-size: 1.2em; }
#footer div.box ul { position: relative; float: left; margin: 0; padding: 0; list-style-type: none; color: #2e8bc4; line-height: 1.5em; }
#footer div.box ul li { position: relative; float: left; height: 105px; padding: 0 20px 0 0; margin: 0 20px 0 0; border-right: 1px solid #474e43; }
* html #footer div.box ul li { margin: 0 10px 0 0; }
#footer div.box ul li a { position: relative; }
#footer div.box ul li ul { float: none; height: auto; font-size: 0.8em; }
#footer div.box ul li ul li { float: none; height: auto; border-right: 0; padding: 0; margin: 0; }
#footer div.box ul li ul li ul { font-size: 1em; list-style-type: square; list-style-position: inside; }
#footer div.box a.hcc-link { float: left; }

#footer p.fixed { padding: 20px 0; font-size: 0.9em; color: #58564d; }
#footer p.fixed a { color: #000; }