/**************************************************************************************/
/*  doj-screen-layout.css provides layout style rules                                 */
/*                                                                                    */
/*  05/08/2009 tss: created to coincide with 2009 redesign phase 2                    */
/*  05/14/2009 tss: removed #header_interim styles, were only used on hybrid pages    */
/*  11/10/2009 mka: changed border color of sidebar_feature                           */
/*  11/25/2009 mka: modified container_sidebar_topic and container_sidebar_content    */
/*                                                                                    */
/**************************************************************************************/


/**************************************************************************************/
/*  main layout                                                                       */
/**************************************************************************************/

#container_outer { clear:both; width:970px; margin:0 auto; padding:0px; background-color:#fff; border-top-width:0px; border-right-width:4px; border-bottom-width:4px; border-left-width:4px; border-style:solid; border-color:#1f2c4f; text-align:center; }
html>body div#container_outer { width:970px; }  /* non ie (unsure why width needs to be repeated) */ 
#container_main { width:100%; margin:0 auto; padding:0px; background-color:#fff; border-style:none; text-align:left; }
#container_main_left { width:60%; margin:0px; padding:30px 0 0 60px; border-style:none; }
#container_main_right { float:right; width:290px; margin:0 0 20px 0; padding:0; background-color:#e2e99a; border-style:none; text-align:center; }
html>body #container_main_right { margin-bottom:30px; }  /* non ie */
#content_main { width:95%; }
html>body #content_main { overflow:hidden; }


/**************************************************************************************/
/*  skip links                                                                        */
/**************************************************************************************/

/* accessibility links: skip to content / skip to navigation */ 
#skip { display:block; width:970px; margin:0 auto; padding:0px; color:#202d50; background:#202d50; border:0px; text-align:center; }


/**************************************************************************************/
/*  updates form (top of header)                                                      */
/**************************************************************************************/

#top { position:absolute; top:0; right:0.25em; width:500px; text-align:right; }
#updates_table { float:right; margin:0; padding:0 4px; border-spacing:0px; }
#updates_table tr td { margin:0; padding:0 4px; }


/**************************************************************************************/
/*  sidebar                                                                           */
/**************************************************************************************/

#container_sidebar_languages { width:270px; margin:0 auto; padding:25px 0 5px 20px; text-align:left; }
#container_sidebar_search { width:270px; margin:0 auto; padding:10px 0 0 20px; text-align:left; }
html>body #container_sidebar_search { padding-bottom:15px; }  /* non ie */
#sidebar { width:250px; padding:0 20px; text-align:left; }


/**************************************************************************************/
/*  footer - bottom nav                                                               */
/**************************************************************************************/

#bottom_nav { width:98%; }
#bottom_nav td { vertical-align:top; }  /* note: this style needed by Opera only */
#bottom_nav td { margin-left:15px; padding-left:7px; }
html>body #bottom_nav td  { margin-left:0; padding-right:0; padding-left:7px; }  /* non ie */


/**************************************************************************************/
/*  recent news / inside the department                                               */
/**************************************************************************************/

#news_container { display:block; width:97%; margin:0 0 5px 0; padding:0; }
#news_container_left { width:40%; float:left; margin:5px 0 0 0; padding:0; }
html>body #news_container_left { margin-bottom:20px; }  /* non ie */
.news_left_inner { width:85%; margin:0 0 10px 10px; padding:0; }
#news_container_right { float:right; width:52%; margin:5px 0 0 0; padding:0; }
html>body #news_container_right { margin-top:-9px; margin-bottom:20px; }  /* non ie */


/**************************************************************************************/
/*  homepage only                                                                     */
/**************************************************************************************/

#container_header_homepage { overflow:hidden; position:relative; width:970px; height:346px; background-color:#000; border:none; }
#goals { position:absolute; width:320px; top:120px; right:40px; bottom:auto; left:auto; text-align:left; }
#button_about { position:absolute; top:280px; right:420px; bottom:auto; left:auto; width:11.0em; padding:0.5em; background-color:#00002e; border:thin solid #e2e99a; text-align:center; }
html>body #button_about { top:282px; border-width:2px; }  /* non ie */
#container_signup { margin:0 0 25px 0; padding:0; }
.container_sidebar_topic { width:235px; margin:0 auto 15px auto; padding:2px 2px 2px 2px; background-color: #b2b257; text-align:center; }
.container_sidebar_content { margin:0; padding:5px 5px 10px 5px; background-color: #fff; text-align:left; }


/**************************************************************************************/
/*  goals pages only                                                                  */
/**************************************************************************************/

#container_main_right_background { width:280px; margin:0; padding:5px 5px 5px 5px; background-color:#fff; text-align:center; }
.container_sidebar_feature { width:254px; margin:0; padding:0 10px 10px 10px; border:3px solid #c3c9d5; text-align:left; }


/**************************************************************************************/
/*  media release indices only                                                        */
/**************************************************************************************/

#media_index { width:100%; margin:0; padding:0; border-collapse:collapse; border-style:none; }


/**************************************************************************************/
/*  inside pages only                                                                 */
/**************************************************************************************/

#container_header { position:relative; width:970px; height:180px; background-color:#000; border-style:none; }
#container_main_banner { width:677px; height:120px; margin:0; padding:0; background-image:url('/images/common/banner/banner_crime.jpg'); background-repeat:no-repeat; background-position:top center; }
#interim_languages { position:absolute; right:0.5em; bottom:2.5em; width:320px; }
#interim_languages a:active, #interim_languages a:focus { border-style:none; }


/**************************************************************************************/
/*  misc                                                                              */
/**************************************************************************************/

/* float & float clear for photo/video */
#content_main .float_right { float:right; margin:0 auto; padding:10px 0 6px 15px; }
html>body #content_main .float_right { padding:5px 0 6px 15px; }  /* non ie */
#content_main .float_clear { clear:both; }

/* fieldset for resubmitting updates form -- used on CGI  */
#updates_resubmit { width:75%; padding:20px; background-color:#edf1be; }