/*======================================
      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;}

.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-6 img, .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;}

/**************************************/
/*               LINKS                */
/**************************************/
.container a:link, .container a:visited, .container a:active, .container a:focus {text-decoration:none;color:#009;}
.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:#444;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;padding:0 21px;color:#c00;}
.container h6 {font-size:1.4em;padding:0 21px;color:#666;}

.h1dk {margin:0;padding:8px;background:#eee;}
.container .span-24 h1 {color:#ccc;}

/**************************************/
/*               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;}

/**************************************/
/*               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;}
.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:74%;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;}
#navlist a:hover{text-decoration:none;color:#c00;background:url(../img/tle/topnav_over.gif) 0 0 no-repeat;}

/* Side menu */
.sidenav {width:220px;margin:10px 0 10px 10px;}

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;}
#catlist a:hover {color:#c00;text-decoration:none;border-bottom: 1px solid #fff;background:url(../img/tle/sidenav_level1_on.gif) 0 0 repeat-y #eee;}

#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 #eee;}
#catlist li li a:link, #catlist li li a:visited {color:#333;}
#catlist li li a:hover {color:#fff;background:url(../img/tle/sidenav_level2_on.gif) 0 0 repeat-y #c00;}

/* 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;}
#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;}

/* 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;}
#atoz li a:hover {text-decoration:none;color:#fff;background:url(../img/tle/letter_over.gif) 0 0 repeat-x;}

/* 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 {font-size:0.9em;margin:10px;padding: 10px 0;line-height:1.6em;background:#eee;}
/* This class wraps around the News menu on home page and news page. */
.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;line-height:1.4em;background:#fff;margin: 10px auto;}
.homebox p {font-size:0.9em;}
	/* 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:330px;margin:0 0 20px 0;}
a.cathead:link, a.cathead:visited, a.cathead:focus, a.cathead:hover {display:block;background:url(../img/ico/catbox_on.gif) right 6px no-repeat #ccc;font-size:1.3em;font-weight:normal;text-decoration:none;margin:10px 5px;padding:3px 5px;}
a.cathead:link, a.cathead:visited, a.cathead:focus {color:#333;}
a.cathead:hover {color:#666;}
.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:#666;line-height:1.6em;margin:0 auto;padding: 13px 20px 0 20px;}
#footer a {color:#eee;}
#foot_detail {width:100%;margin:0;padding:0;}
#footer img {float:right;margin-top:5px;}