/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
        Copyright Modachick
    Author: Michelle Ma-JAckson
======================================*/
 
/**************************************/
/*              GLOBALS               */
/**************************************/
body {font-family: Arial, Helvetica, sans-serif;background: url(../img/skins/bg_main.jpg) 0 0 repeat-x #b0b0b0;color:#333;margin:0;}

#mainwrap {width:974px;margin:0 auto;background: url(../img/skins/main_wrap.png) center top repeat-y;}
.container {width:950px;margin:0 auto;background: #fafafa;}
* html .container {height:1%;}
.pushfoot {clear:both;}
p {padding: 0 21px;}
.left {float:left;}
.right {float:right;}
.span-18 img {padding:5px 0 5px 21px;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:98%;height:.1em;margin:0 0 1.45em;border:none;}
.leftpanel {width:220px;padding:10px 0 10px 10px;}

/**************************************/
/*               LINKS                */
/**************************************/
.container a {font-weight:bold;}
.container a:link, .container a:visited, .container a:active, .container a:focus {text-decoration:underline;color:#006;}
.container a:hover {text-decoration:underline;color:#c00;}

/* TOP btn */
a.top {display:block;font-size:0.9em;text-align:right;font-weight:bold;background: url(../img/ico/top.gif) no-repeat right 5px;margin:0 21px 0 0;padding: 0 18px 0 0;}
a.top:link, a.top:hover, a.top:visited, a.top:focus, a.top:active {text-decoration:none;}
a.top:hover {text-decoration:none;background: url(../img/ico/top_over.gif) no-repeat right 5px;}

/**************************************/
/*             HEADINGS               */
/**************************************/
.container h1 {font-size:1.6em;color:#555;margin:21px;line-height:120%;}
.container h2 {font-size:1.2em;color:#999;font-style:italic;float:right;margin-right:30px;}
.container h3 {font-size:1.4em;color:#000;margin:21px;padding:5px;border-bottom:1px dotted #999;background:#f4f4f4;}
.container h4 {font-size:1.3em;margin:13px 21px 8px 21px;color:#555;}
.container h5 {font-size:1.3em;margin:10px 10px 0 10px;padding:5px 11px;color:#c00;background: url(../img/tle/h5_bg.gif) repeat-x left bottom #eee;text-shadow: 1px 1px 2px #888;border-top-left-radius:13px 5px;-moz-border-radius-topleft: 13px 5px;border-top-right-radius:13px 5px;-moz-border-radius-topright: 13px 5px;-moz-box-shadow: 1px 1px 3px #888;-webkit-box-shadow: 1px 1px 3px #888;box-shadow: 1px 1px 3px #888;}
.container h6 {font-size:1.4em;padding:0 21px;color:#666;}

.h1dk {margin:0;padding:8px;border-top-left-radius:8px 8px;-moz-border-radius-topleft: 8px 8px;border-top-right-radius:8px 8px;-moz-border-radius-topright: 8px 8px;text-shadow: 1px 1px 2px #999;background: url(../img/tle/h1_bg.gif) repeat-x center bottom;}
.container .span-24 h1 {color:#ccc;text-shadow: 1px 1px 2px #111;}
.span-6 h5 {margin:10px 0 0 10px;}
.sidenav h5 {color:#005;margin:0;background: url(../img/tle/sidenav_heading.gif) repeat-x left bottom #eee;}
/**************************************/
/*               TEXTS                */
/**************************************/
cite {font-size:line-height:1.3em;color:#444;}
dfn {font-weight:bold;}
.infotext {font-size:0.9em;font-style:italic;color:#666;}

/**************************************/
/*          Error Messages            */
/**************************************/
#error, #warning, #success {font-size:0.8em;display:block;border:1px solid #f00;margin:8px;padding:8px;text-indent:18px;}
#error {background:url(../img/ico/ico_error.gif) 8px 8px no-repeat #fcc;}
#warning {background:url(../img/ico/ico_warning.gif) 8px 8px no-repeat #ffc;}
#success {background:url(../img/ico/ico_success.gif) 8px 8px no-repeat #cfc;}

/**************************************/
/*               LIST                 */
/**************************************/
.container ol, .container ul {margin-left:50px;}
.container ol ol, .container ul ol {margin-left:15px;}
.sidenav ul li, .sidenav ul ul {margin:0;}
.grey_light li, .grey_light ul {margin:0 10px;padding:0;}

/**************************************/
/*               TABLE                 */
/**************************************/
.container table {border-top: 1px solid #ccc; border-left: 1px solid #ccc;margin-left:21px;}
.container th, .container td {border-bottom: 1px solid #ddd; border-right: 1px solid #ccc;}
.data_tbl th {background:#006;color:#fff;}
.data_tbl td {background:#fff;}

.exp_tbl {color:#fff;background:#555;margin:0.5em;border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.exp_tbl th, .exp_tbl td {padding: .8em;}
.exp_tbl thead {background: url(../img/tle/thead_elist.jpg) repeat-x top left;}
.exp_tbl thead a {font-size:1.1em;font-weight:bold;padding-right:16px;text-shadow: 1px 1px 1px #111;}
.exp_tbl thead a:link, .exp_tblhead a:visited, .exp_tbl thead a:focus, .exp_tbl thead a:active {color:#999;background:url(../img/ico/down_on.gif) right 4px no-repeat;}
.exp_tbl thead a:hover {color:#ccc;text-decoration:none;background:url(../img/ico/down_over.gif) right 4px no-repeat;}

/**************************************/
/*               FORMS                */
/**************************************/
form {margin: 0 21px;}
fieldset {width:70%;}
label {display:block;color:#666;font-weight:normal;}

/**************************************/
/*              HEADER                */
/**************************************/
#header {width:100%;height:69px;}
#header img {float:left;padding:8px;}

/**************************************/
/*             NAVIGATION             */
/**************************************/

/* top nav */
#nav {float:right;width:73%;height:23px;padding-top:4px;background:url(../img/tle/topnav_bg.gif) 0 0 repeat-x;}
ul#navlist{margin:0;}
#navlist li{display: inline;list-style-type: none;margin:0;font-weight:bold;}
#navlist a {padding:6px 18px;}
#navlist a:link, #navlist a:visited {text-decoration:none;color:#000;background:url(../img/tle/topnav_on.gif) 0 0 no-repeat;text-shadow: 1px 1px 1px #999;}
#navlist a:hover, #navlist a.menu_over:link, #navlist a.menu_over:visited, #navlist a.menu_over:hover {text-decoration:none;color:#c00;background:url(../img/tle/topnav_over.gif) 0 0 no-repeat;text-shadow: 1px 1px 1px #777;}

/* Side menu */
.sidenav {width:220px;margin:10px 0 10px 10px;background:#f4f4f4;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow: 1px 1px 3px #888;-webkit-box-shadow: 1px 1px 3px #888;box-shadow: 1px 1px 3px #888;}

ul#catlist{margin:0;}
#catlist li {list-style-type:none;}
#catlist a {font-weight:bold;display:block;height:1%;background:url(../img/tle/sidenav_level1_on.gif) 0 0 repeat-y;padding-left:21px;}
#catlist a:link, #catlist a:visited {color:#555;border-bottom: 1px solid #fff;text-decoration:none;}
#catlist a:hover, #catlist a.menu_over:link, #catlist a.menu_over:visited, a.menu_over:hover {color:#c00;text-decoration:none;border-bottom: 1px solid #fff;background:url(../img/tle/sidenav_level1_on.gif) 0 0 repeat-y #dedede;text-decoration:none;}

#catlist li li {list-style-type:none;padding-left:8px;}
#catlist li li a {background:url(../img/tle/sidenav_level2_on.gif) 0 0 repeat-y #ddd;}
#catlist li li a:link, #catlist li li a:visited {color:#333;text-decoration:none;}
#catlist li li a:hover, #catlist li li a.menu_over:link, #catlist li li a.menu_over:visited, #catlist li li a.menu_over:hover {color:#fff;background:url(../img/tle/sidenav_level2_on.gif) 0 0 repeat-y #c00;text-decoration:none;}

/* breadcrumb */
#navbread {font-size:0.8em;margin:10px 15px 0 20px;color:#c00;}
ul#breadlist {margin:0;}
#breadlist li{display: inline;list-style-type: none;margin:0;}
#breadlist a:link, #breadlist a:visited {padding:0 5px;text-decoration:none;}
#breadlist a:hover {text-decoration:none;color:#fff;background:#009;}

/* News menu */
ul#newslist{margin:0;}
#newslist li {list-style-type:none;color:#c00;}
#newslist li a, #newslist li a:hover {font-size:1em;color:#000;text-decoration:none;}

/* Glossary A to Z */
ul#atoz {margin:0 21px;}
#atoz li {display: inline;list-style-type:none;}
#atoz li a {float:left;width:19px;height:19px;font-weight:bold;text-align:center;color:#000;border: 1px solid #ddd;cursor:pointer;margin:0 2px;padding:0;background:url(../img/tle/letter_on.gif) 0 0 repeat-x;text-decoration:none;}
#atoz li a:hover {text-decoration:none;color:#fff;background:url(../img/tle/letter_over.gif) 0 0 repeat-x;text-decoration:none;}

/* footer nav */
#navfoot {float:left;width:100%;margin: 0 0 15px;}
ul#footlist{margin:0;}
#footlist li{display: inline;list-style-type: none;margin:0;padding:0 15px 0 0;}
#footlist a:link, #footlist a:visited {color:#eee;}
#footlist a:hover{text-decoration:none;color:#ccc;}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
	/* Home Page */
.grey_light {margin:0 10px 10px;padding: 10px;line-height:1.6em;background:#ddd;border-top:1px solid #eee;border-bottom-right-radius:13px 5px;-moz-border-radius-bottomright:13px 5px;border-bottom-left-radius:13px 5px;-moz-border-radius-bottomleft:13px 5px;-moz-box-shadow: 1px 1px 3px #888;-webkit-box-shadow: 1px 1px 3px #888;box-shadow: 1px 1px 3px #888;}
.span-6 .grey_light {margin:0 0 10px 10px;}
/* This class wraps around the News menu on home page and news page. */
.grey_light p {padding:0px;}
.grey_mid {background-color: #bebebe;}/* This class styles the background color of "span-24 last" that wraps around the 3 homeboxes. */
.homebox {width:300px;height:200px;font-size:0.9em;line-height:1.4em;background:#fff;margin: 10px auto;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow: 5px 5px 3px #888;-webkit-box-shadow: 5px 5px 3px #888;box-shadow: 5px 5px 3px #888;}

	/* Landing Pages */
.photobox {width:668px;height:155px;margin:-16px 21px 5px 21px;background:#ccc;}/* This class wraps around the main image on each landing page. */
.photobox img {padding:0;}

.catbox {width:350px;margin:0 0 20px 0;}
a.cathead:link, a.cathead:visited, a.cathead:focus, a.cathead:hover {display:block;font-size:1.3em;font-weight:normal;text-decoration:none;margin:10px 5px;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;color:#222;background:url(../img/ico/catbox_on.gif) 315px 6px no-repeat #ccc;}
a.cathead:hover {color:#005;background:url(../img/ico/catbox_over.gif) 315px 6px no-repeat #ddd;-moz-box-shadow: 3px 3px 3px #888;-webkit-box-shadow: 3px 3px 3px #888;box-shadow: 3px 3px 3px #888;}
.catbox p {font-size:0.9em;padding:3px 10px;line-height:1.5em;}
.catbox img {float:left;padding:5px;}

	/* Clients Page */
.grey_dk {background:#363636;color:#fff;}

	/* html Content Pages */
.secbox {width:300px;margin:5px 18px;}/* This class wraps around the images and citations. */
.secbox img {display:block;padding:5px;}
/**************************************/
/*               FOOTER               */
/**************************************/
#footer {font-size:0.9em;color:#ddd;width:910px;height:140px;background:#555;line-height:1.6em;margin:0 auto;padding: 13px 20px 0 20px;}
#footer a {color:#eee;text-decoration:none;}
#foot_detail {width:100%;margin:0;padding:0;}
#footer img {float:right;margin-top:5px;}