body {background-color: #303030; color: #ccc;}
.header, .main, .footer {color:#444;}
.logo, .topmenu {float:left;width:auto;}
.logo {margin:0 0 3px 0;}
.topmenu {margin:5px 0 0 20px;}
.search {float:right;width:auto;}
.top { color:#fff; padding:5px 0 10px 0;}
.main {background-color:#fff;  border-top:1px solid #fff; border-bottom:1px solid #ccc;
 padding-top:10px;}
.header {background-color: #fff; border-bottom:1px solid #eee; padding:10px 0; border-top:1px solid #fff; background-image: url(../images/bck.png); background-position: top; background-repeat: repeat-x;}
.footer {background-color: #e7e7e7; border-top:3px solid #ddd; font-size:.88em; color:#666; border-bottom:5px solid #222;}
.pathway_nav {margin:0 0 0px 0;float:left;width:100%;display:block;}
.hero {background-image: url(../images/header_shadow.jpg); background-position: bottom; background-repeat: no-repeat; float:left;width:100%; padding:6px 0 50px 0;}

/**************Link classes **************/
a {color:#f74600; text-decoration: none;}
a:hover {text-decoration: underline;}
.footer a {font-weight:bold; color:#666;}
a.readon {text-decoration: none;background-color:#f74600;color:#fff;padding:0px 8px;float:left;display:block;margin-top:5px;}
a.readon:hover {background-color: #303030;}
.logo a {color:#fff; text-decoration: none;}
.logo a:hover {text-decoration:none;}

/************** Typography styles **************/
h1, h2, h3, h4, h5, h6, .contentheading, .componentheading {font-weight:lighter;color:#111; margin:0; padding:0;}
h1 {font-size:3em; color:#000;}
h2, .contentheading {font-size:2.8em; color:#000; line-height:1.2em;}
h3 {font-size:2em;letter-spacing: 1px;font-style: inherit;line-height:1em; margin:.3em 0; font-weight: lighter;}
h4, .componentheading {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.centered {text-align: center;}
.componentheading {margin:.3em 0;}
.contentheading { border-bottom:1px solid #e3e3e3; padding: 0 0 5px 0; line-height: 1em; margin:0;}
.logo h1 { line-height: 1em; padding:8px 0 0 0; margin:0; color:#fff; font-size:1.8em; letter-spacing:-1px; font-weight:lighter; text-transform: capitalize;}

/************** Custom Forms **************/
.search input {background-color: #222;border:0px solid #444;color:#666;height:14px;margin:10px 0 0 0;padding:2px;background-image: url(../images/search.png);background-position: center right;background-repeat: no-repeat;}

/************** Navigation styles **************/
.topmenu ul li a:link, .topmenu ul li a:visited {color:#fff;text-decoration: none;display:block;padding:3px 10px;margin:0px 0 0px 1px;}
.topmenu ul li a:hover {background-color:#f74600;color:#fff;}
.topmenu ul li#current a:link, .topmenu ul li#current a:visited, ul#nav li ul li a:link, ul#nav li ul li a:visited, ul#nav li.active ul li a:link, ul#nav li.active ul li a:visited  {background-color:#222;color:#ccc;}
.topmenu ul li#current a:hover, ul#nav li.active ul li a:hover, ul#nav li ul li a:hover {background-color:#777;color:#ccc;}

/* Custom Classes */
img.icon {float:right;width:84px;margin:0 0px 10px 10px;}
.top_pos {background-color: #eee;padding-bottom:0;margin:8px 0;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #fff;border-bottom:1px solid #fff;}
h5 {line-height: 1.4em;padding:0;margin:0;margin:0 0 .5em 0;color:#f74600;}
.right_block h3, .left_block h3 {border-bottom:1px solid #ddd;border-top:3px solid #ddd;padding:10px 0;}
.footer h3 {border-bottom:1px solid #ccc;padding:10px 0;}
.small, .modifydate {font-size:.88em;color:#777;}
.contentpaneopen {width:100%;}
.content_image {float:right;padding:4px;border-bottom: 1px solid #111;display:block;background-color:#eee;margin:0 0 0 10px}
.article_separator {border-top:1px solid #ddd;}
.pathway_nav {font-size:1.6em;font-weight: lighter;}

/************** Custom Slider area classes **************/
.num_nav ul li a { padding: 2px 3px;  color:#fff; border:1px solid #fff; font-size:9px; background-image: url(../images/inactive.png); background-repeat: no-repeat; border:none; }
.num_nav ul li a.active, .num_nav ul li a:hover {  color:#000; border:1px solid #000; background-image: url(../images/active.png); background-repeat: no-repeat; border:none;}