* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 1.2;
    font-family: verdana, sans-serif;
    color: #fff;
	background: #000;
	height: 100%;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #fff; text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -9999px;}
.tr {text-align: right;}
.tc {text-align: center;}
.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 960px; }

#header {}
#header h1#logo {float: left; padding: 16px 0 18px 4px}
#header h1#logo a {background: url(images/logo.gif) no-repeat 0 0; width: 497px; height: 41px; display: block;}

#navigation {height: 28px; background: url(images/navigation.gif) repeat-x 0 0; padding: 0 0 20px;}
#navigation ul {list-style-type: none;}
#navigation ul li {float: left; display: inline; border-right: 2px solid #000; height: 28px;}
#navigation ul li a {float: left; padding: 0 21px; line-height: 28px; font-weight: bold;}
#navigation ul li a.active,
#navigation ul li a:hover {background: #4993f4; color: #000;text-decoration: none;}

#main {padding: 0 3px 10px 3px;}
#main h2 {font-size: 18px; line-height: 24px; font-weight: normal; padding: 0 0 5px 0;}
#main .main-image {background: url(images/main-image-cnt.gif) no-repeat 0 bottom; padding: 6px 4px; margin: 0 0 19px 0;}
#main .main-image img {display: block; margin: 0 auto;}

#featured {padding: 0 0 15px 0; height: 280px;}
#featured h3 {background: url(images/featured-heading.gif) repeat-x 0 0; line-height: 26px; font-size: 14px; padding: 0 0 0 12px; text-transform: uppercase;}
#featured h3.open,
#featured h3.closed {padding-left: 0;}
#featured h3.open {background-image: url(images/h3-open.gif);}
#featured h3 a {text-decoration: none !important;}
#featured h3.open a,
#featured h3.closed a {display: block; padding-left: 12px;}
#featured h3.open a {background: url(images/arrow-open.gif) no-repeat 297px 10px; cursor: text;}
#featured h3.closed a {background: url(images/arrow-closed.gif) no-repeat 298px 9px;}
#featured h3.closed a:hover {color: #4993f4; background: url(images/arrow-closed-hover.gif) no-repeat 299px 9px;}
#featured .featured-box {background: url(images/featured-box.gif) no-repeat 0 bottom; border-bottom: 1px solid #4a4d4a; min-height: 265px; float: left; width: 312px; margin-right: 6px; padding: 0 1px;}
#featured .last-box {margin-right: 0;}
#featured .featured-box p {padding: 15px;}
#featured .featured-box a {text-decoration: underline;}
#featured .featured-box a:hover {text-decoration: none;}
#featured .featured-box img.right {margin: 0 0 10px 10px;}
#featured .featured-box-cnt-inner {height: 183px;}
#featured .featured-box-cnt-inner {padding: 15px;}
#featured .featured-box-cnt-inner p {padding: 0 0 15px 0;}

.article {padding: 0 10px;}
.article p {padding-bottom: 15px;}

#footer {font-size: 10px; padding: 0 0 10px 10px;}
#footer a {text-decoration: underline;}
#footer a:hover {text-decoration: none;}