@charset "utf-8";
/* CSS Document */
body { font-family:arial,sans-serif; font-size:12px; font-weight:normal; letter-spacing:normal; padding:0px; margin:0px; background-color:#f1f1f1;  z-index: -999;}
#wrapper { width:100%; text-align:left; margin-top: 0px; margin-bottom: 0px; }
.clear { clear: both; line-height: 0; font-size: 0; }


/************************************
*									*
*			MASTHEAD PANEL			*
*									*
*************************************/
#masthead { width:100%; height:119px; background-color:#f8f8f8;}
#headercontainer { width:800px; height:119px; margin-left:auto; margin-right:auto; } 
#logo { width:183px; height:119px; float:left; display:block; background-image:url(../images/logo.png);}
#logo a { width:183px; height:119px; display:block;}
#right_header { max-width:600px; float:right; display:block; height:119px;}


/************************************
*									*
*				TOP NAV				*
*									*
*************************************/
#nav_bar { width:100%; height:48px; background-color:#666666; margin:0px; padding:0px;}
#nav_container { width: 800px; background-color:#666666; margin-left:auto; margin-right:auto;}
#under_logo {width:183px; float:left; display:block; height:48px; background-image:url(../images/logo.png); background-position:bottom;}


#the_nav { height:auto; margin:0px;}
#the_nav li {float:left; list-style:none;}
#the_nav li a { display:block; color:#FFFFFF; text-decoration:none; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding: 9px 0 3px 0; margin:0px 28px 0px 0px;}
#the_nav li a:hover{ border-bottom: #f7e252 2px solid;}
#the_nav li a.current{ border-bottom: #f7e252 2px solid;}


/************************************
*									*
*			CONTENT PANEL			*
*									*
*************************************/
#mid_row { background-image:url(../images/bg_02.jpg); background-repeat:repeat-x; background-position:center top; margin:0px; height:490px;}
#mid_row_graph { background-image:url(../images/bg_02_graph.jpg); background-repeat:repeat-x; background-position:center top; margin:0px; height:490px;}
#mid_row_success { background-image:url(../images/bg_02_success.jpg); background-repeat:repeat-x; background-position:center top; margin:0px; height:490px;}

#midcol { width: 800px; margin-left:auto; margin-right:auto;}
#midcol_left {width:183px; float:left; display:block; height:360px; margin-top: 30px; }
#midcol_left img { text-align:center; float:right; margin-right:18px;}
#midcol_content { width:555px !important; display:block; min-height:390px; color:#999999; font-family:Arial; font-size:1.3em; padding: 25px 20px 20px 0px; line-height:21px; float:left;}

/* EXPERIMENT */
#mid_row_narrow { background-image:url(../images/bg_02_narrow.jpg); background-repeat:repeat-x; background-position:center top; margin:0px; height:390px;}
#midcol_content_narrow { width:507px !important; display:block; min-height:390px; color:#999999; font-family:Arial; font-size:12pt; padding: 34px 0px 20px 0px; line-height:21px; float:left; }
#midcol_left_narrow {width:183px; float:left; display:block; height:360px; }


#padding_row { background-color:#f1f1f1; height:100%; margin:0px; overflow:hidden;}



/* CONTENT STYLES */

.dark_text { color:#666666;}
#midcol_content h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight:bold; font-size-adjust:none;  margin-bottom: 10px; }
#midcol_content h2 { font-family: Arial, Helvetica, sans-serif; font-size:1.3em; margin-bottom: 15px; color:#4c4c4c; }
#midcol_content p { font-family: Arial, Helvetica, sans-serif; font-size:12pt; margin-bottom: 15px; }
#midcol_content a { color:#333333; text-decoration:underline; }
#midcol_content a:hover { text-decoration:none; }
#midcol_content img { border:none; }
#midcol_content ul { padding:0 0 12px 0; margin: 0 0 0 0; display:block;  }
/*#midcol_content li { list-style-type: disc; }
#midcol_content li li { list-style-type: circle; list-style-position: inside; margin-left: 20px; }*/

.list_arrows {list-style-image: url(../images/arrow_blue.gif); list-style-type: none; line-height: normal; padding: 1px 0 5px 3px; text-indent: 3px; margin-left: 15px; list-style-position:outside;}

.list_container {float:left}
.resource_arrows { position:relative; left:-68px; background-image: url(../images/resource_arrow.gif); background-position: 0px 2px; background-repeat:no-repeat; list-style: none !important; line-height: normal; padding: 13px 0 25px 55px; text-indent: 3px; margin-left: 10px; list-style-position:outside; }

.resource_arrows ul li { list-style:none !important; line-height: normal; padding: 2px 0 0 3px; text-indent: 0px; margin-left: 0px; list-style-position:outside; font-size:12px; }


.tbl-head { padding: 7px; background-color:#77787a; font-size: 12px; font-weight:bold; border-right:#fdf1f1 2px solid; color: #FFF; }
.tbl-row { padding: 7px;border-bottom:#9ca1ad 1px dotted; }




/************************************
*									*
*			FOOTER PANEL			*
*									*
*************************************/

#bottomcol { width: 800px; margin-left:auto; margin-right:auto;}
#bottomcol img { margin-top:20px; margin-right:47px; vertical-align:top; border:none;}
#bottomcol .copyright { color:#ffffff; font-size:10px; display:block; position:relative; top:-30px; left:620px;}

div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:135px;
  background-image:url(../images/footer_bg.gif);
  background-position:right;
  background-repeat: repeat-x;
  background-color: #f1f1f1;
 }
 @media screen{
  div#footer{
   position: fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }