@import url("/cssV2/inmate_locator.css");
@import url("/cssV2/media_all.css") all;
  

/*---------------------------------------------*/
/*  ca_CDCR_master.css                         */
/*  Version 2.0                                */
/* Last Updated 5/2/2011                       */
/*                                             */
/*  CDCR Master template styles                */
/*---------------------------------------------*/





body {
	margin:0;
	padding:0;
	color: #333333;
	line-height: 1.5em;
	font-size: 0.85em;
	background-color: #f7f7f7;
	font-family:Arial, Helvetica, sans-serif;
}


p {
	color: #333333;
	margin:0px 0px 10px 0px;
	padding: 0;
}

p a:link, p a:visited {
	/*color: #08c; switched to a darker shade to improve contrast and readability - Thomas 6-17-2011 */
	color: #0072a6;
	text-decoration:none;
	}

p a:hover  {
	text-decoration:underline;
	background-color: #E4E1D6;
	}



h1 {
	color: #1b812e;
	font-size: 1.65em;
	line-height: 1.1em;
	margin: 5px 0 12px 0;
	padding: 0;
	
}


h2 {
	color: #242424;
	font-size: 1.1em;
	line-height: 1.1em;
	margin:0 0 5px 0;
}

h3 {font-size:1.1em;
	line-height: 1.1em;
	color:#444444;
}

h4 {font-size:1em;
	color:#444444;
	margin: 8px 0 8px 0;
}

h5 {font-size:1em;
	color:#444444;
	margin:30px 27px 5px 0;
}

hr {color: #CCCCCC;
height: 1px;
background-color:#CCCCCC;
border: 0;
margin: 15px 0 15px 0;
}


.list_style_2, .list_style_2 ul {
	list-style-type:none;
	padding-left:10px;
}
.list_style_2 li {
	background:transparent url(../images/content/bullet_blue_disc.png) no-repeat 0px 2px;
	padding:0 0 16px 18px;
}
.list_style_2 li li {
	margin:6px 0 0 0;
	padding:0 0 0 18px;
}

.list_decorative_dark li a:link, .list_decorative_dark li a:hover, .list_decorative_dark li a:visited {
	color: #333333;
}

.list_decorative_dark, .list_decorative_dark ul {
	list-style-type:none;
	padding-left:10px;
}
.list_decorative_dark li {
	background:transparent url(../images/content/bullet_blue_disc.png) no-repeat 0px 2px;
	padding:0 0 16px 18px;
}
.list_decorative_dark li li {
	margin:6px 0 0 0;
	padding:0 0 0 18px;
}


.yellowswoosh_box{
	padding-bottom: 20px;
	margin-bottom: 10px;
}
.yellowswoosh {
	font-size:1.5em;
	font-weight: bold;
	color:#1b812e;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	background-image: url(../images/yellowswoosh.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;	
}

.yellowswoosh2 {
	font-size:1.5em;
	font-weight: bold;
	color:#1b812e;
	font-family:  Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	background-image: url(../images/yellowswoosh2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
}	

#backgound_shadow {
	min-width:960px;
	background-image: url(../images/homepage/background1080.jpg);
	background-position: center;
	background-repeat: repeat-y;
	height: 100%;
	padding: 0;
	margin: 0 auto;
	
}

#top_shadow {
	height:134px;
	min-width:960px;
	margin:0;
	padding:0;
	background-attachment: scroll;
	background-image: url(../images/homepage/topbanner1080.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


 #pg_links, #latest_news_and_features, #featured_story, #MainContainer10, #right_nav_box, #right_nav, #right_nav_news, #right_nav_box_news { /* Prevent oversized content from breaking the layout */
   overflow:hidden;
}

/*---------------------------------------------*/
/*  heading                                    */
/*---------------------------------------------*/



/*----------------------------------------------------------*/
/*  logo at the top with navigation menu underlogo----------*/ 
/*----------------------------------------------------------*/

#logo_banner {
	position: relative;
	height: 90px;
	width: 960px;
	margin: 0 auto;
}






#MainContainer10 {
	width: 960px;
	margin: 0 auto;
	background-image: url(../images/rightnav_background_blend.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

#MainContainer10_news {
	height: 100%;
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	background-color: #fff;
}

#MainContainer10b {
	height: auto;
	width: 960px;
	margin: 0 auto;
	background-image: url(../images/MainContainer_im2.jpg);
	background-repeat: repeat-y;
}



/*----------------------------------------------------------*/
/*  Top Story Stay and Stay Connected Section     ----------*/
/*----------------------------------------------------------*/

#top_story_stay_connected_box {
	position: relative;
	height: 358px;
	width: 960px;
	background: transparent;
	background-repeat: no-repeat;
	margin: 0 auto 20px auto;
	z-index: 2;
}



.top_story_stay_connected_image img {
	position: absolute;
	height: 358px;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
	top: 166px;

}

#top_story_stay_connected_box h1 {
		font-size: 1.7em;
  		font-weight: bold;
		margin: 10px 0 0 5px;
		color:#FFFFFF;
		text-shadow: #252300 1px 1px 3px; /* This is valid in CSS 2 and 3 but not 2.1 */
		}
		

#top_story_box {/* any property changes to this selector width,  
padding or margin will also need testing on the alternate FireFox  
selector below*/
	float:left;
	width:385px;
	margin: 27px 35px 0 20px;
	padding-right: 0px;
	padding-top: 5px;
	text-align: left;
}

html>body #top_story_box {/* any property changes to this selector  
width padding or margin will also need testing on the alternate IE  
selector above*/
	float:left;
	width:385px;
	margin: 27px 35px 0 20px;
	padding-right: 0px;
	padding-top: 5px;
	text-align: left;
}

#top_story_box p {/* any property changes to this selector width,  
padding or margin will also need testing on the alternate FireFox  
selector below*/
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	  	font-size: 1.1em;
		line-height: 1.3em;
		margin: 10px 0 0 5px;
		color:#FFFFFF;
		text-shadow: #252300 1px 1px 3px; /* This is valid in CSS 2 and 3 but not 2.1 */
		}

html>body #top_story_box p {/* any property changes to this selector  
width padding or margin will also need testing on the alternate IE  
selector above*/
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	  	font-size: 1.1em;
		line-height: 1.3em;
		margin: 10px 0 0 5px;
		color:#FFFFFF;
		text-shadow: #252300 1px 1px 3px; /* This is valid in CSS 2 and 3 but not 2.1 */
		}

#top_story_box a:link, #top_story_box a:visited {/* any property  
changes to this selector width, padding or margin will also need  
testing on the alternate FireFox selector below*/
	color: #fff;
	text-decoration: underline;
}


#top_story_box a:hover {
	color:#000;
	text-decoration:underline;
}

.imagecaption_CapPun {
	float: right;

	display: inline;
	font-size: 0.7em;
	line-height: 2em;
	color: #333333;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}


.imagecaption_CapPun img {
	margin: 0 0 5px 0;
}

.imagecaption {
	float: right;
	height: 265px;
	width: 402px; /* should be 402px but TG changed it to accomodate a small photo*/
	display: inline;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #333333;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}


.imagecaption img {
	border: 1px solid #666666;
	margin: 0 0 5px 0;
}

#stay_connected_box {/* any property changes to this selector width,  
padding or margin will also need testing on the alternate FireFox  
selector below*/
	float:left;
	width:225px;
	margin-left: 5px;
	padding-top: 0px;
}

html>body #stay_connected_box {/* any property changes to this  
selector width padding or margin will also need testing on the  
alternate IE selector above*/
	float:left;
	width:225px;
	margin-left: 15px;
	padding-top: 5px;
	margin-top: 0px;
}

#stay_connected_box img {/* any property changes to this selector  
width, padding or margin will also need testing on the alternate  
FireFox selector below*/
	margin: -2px 0 0 0;
}


/*---------------------------------------------*/
/* Featured Story Container under Top Story    */
/*---------------------------------------------*/

#featured_story {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	width: 960px;
	color: #60522D;
	display:inline;
}


.feature_story_heading_homepage {
	color: #1b812e;
	font-size: 1.4em;
	line-height: 1.2em;
	margin:0 0 5px 0;
}

.featured_story_box {/* any property changes to this selector width,  
padding or margin will also need testing on the alternate FireFox  
selector below*/
	float:left;
	width:635px;
	padding: 0 40px 0 20px;
	margin: 0 20px 0 0;

}
.featured_story_box_2_up_left {/* any property changes to this selector width,  
padding or margin will also need testing on the alternate FireFox  
selector below*/
	float:left;
	width:310px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;

}
.featured_story_box_2_up {/* any property changes to this selector width,  
padding or margin will also need testing on the alternate FireFox  
selector below*/
	float:left;
	width:310px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 10px;

}
html>body .featured_story_box {/* any property changes to this  
selector width padding or margin will also need testing on the  
alternate IE selector above*/
	float:left;
	width:635px;
	padding: 0 40px 0 20px;
	margin: 0 20px 0 0;

}

.featured_story_box .imagecaption_fs {

	float: left;
	display: inline;
	font-size: 0.75em;
	color: #333333;
	margin:0 20px 10px 0;
}

html>body .featured_story_box .imagecaption_fs {

	float: left;
	display: inline;
	font-size: 0.75em;
	color: #333333;
	margin:0 20px 10px 0;
}

.fs_link_box {
	float: left;
	width: 235px;
	padding:18px 0 0 0;
	margin: 0;
}

html>body .fs_link_box {/* any property changes to this  
selector width padding or margin will also need testing on the  
alternate IE selector above*/
	float: left;
	width: 235px;
	padding:0;
	margin: 0;
}

/*---------------------------------------------*/
/* Latest News and Current Features Containers */
/*---------------------------------------------*/

#latest_news_and_features {
float:left;
	background-image: url(../images/sectionbreak.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 960px;
	padding-top: 25px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#latest_news {/* any property changes to this selector padding or  
margin will also need testing on the alternate FireFox selector below*/
	float:left;
	width:250px;
	margin-right:0;
	padding-top: 5px;
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 12px;
}

html>body #latest_news {/* FireFox selector adjustment to margin left */
	float:left;
	width:261px;
	margin-right:40px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 20px;
}

#latest_news a:link, #latest_news a:visited {
	color:#0072a6;
	line-height: 1.1em;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
}

#latest_news a:hover {
	color:#000;
	text-decoration: underline;
}

#latest_news > * > * {
		padding-left: 0px;

}

#latest_news p a:link, #latest_news p a:visited {
	font-size: .95em;
	color:#000;
	line-height: 1.1em;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-decoration: none;
}

#latest_news ul {

padding: 0;
margin: 0;

}

#latest_news li {/*  controls color dark grey/black for leading text below story headline       */
	font-size: .95em;
	color:#666666;
	line-height: 1.2em;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	text-decoration: none;
	padding:0;
	list-style-image: none;
	list-style-type: none;
}

.date {
	font-size:0.8em;
	color:#000000;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	font-weight: bold;
}

#currently_featured_box {
	float:left;
	width:320px;
	margin-right:20px;
	margin-left: 23px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#currently_featured_box img, a:link {
	margin-top: 0px;
	margin-right: 24px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


.video_twitter_box {
	float:right;
	width:240px;
	margin-right: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#multimedia_button {
	background-image: url(../images/MultiMedia.jpg);
	background-repeat: no-repeat;
	padding-top:52px;
	padding-left: 10px;
	float: right;
	height: 123px;
	width: 238px;
	border: 1px solid #FFCC66;
	margin: 0 0 20px 0;
}


/*---------------------------------------------*/
/*  2nd page links under gold CDCR logo        */
/*---------------------------------------------*/
#pg_links {

	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 960px;
	padding-top: 110px;
	padding-bottom: 30px;
	padding-right: 0px;
	padding-left: 20px;
}

.pg_link_background1 {
	background-image: url(../images/gold_logo_line2.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.pg_link_background2 {
	background-image: url(../images/gold_logo_line.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

h1.pg_links, h1.pg_links a:link, h1.pg_links a:visited  {
	font-size: 1em;
	color:#4D4224;
	line-height: normal;
	margin: 15px 0 10px 0;
	text-decoration: none;
	padding: 0;
}

h1.pg_links a:hover, h1.pg_links a:hover  {
	text-decoration: underline;
	color:#000;
	height: auto;
	width: auto;
}



.pg_links_box ul, .pg_links_last_box ul, .pg_links_first_box ul  {
	text-indent: 0px;
	list-style-image: none;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}


.pg_links_box ul li, .pg_links_last_box ul li, .pg_links_first_box ul li {
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.5em;
	font-size: .8em;
}

.pg_links_box ul li a:link, .pg_links_box ul li a:visited, 
.pg_links_last_box ul li a:link, .pg_links_last_box ul li a:visited,
.pg_links_first_box ul li a:link, .pg_links_first_box ul li a:visited {
	text-indent: 0px;
	list-style-image: none;
	list-style-type: none;
	text-decoration: none;
	text-align: left;
	color:#775A20;
}

.pg_links_box ul li a:hover, 
.pg_links_last_box ul li a:hover,
.pg_links_first_box ul li a:hover {
	text-decoration: underline;
	color:#000;
	height: auto;
	width: auto;
}

.pg_links_first_box {
	float:left;
	width:130px;
	margin-right:20px;
	height:100%;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.pg_links_last_box {
	float:right;
	width:136px;
	margin-right:0;
	height:100%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.pg_links_box {
	float:left;
	width:130px;
	margin-right:30px;
	height:100%
}

a * {
border: 0;
}

a:link, a:visited {
	text-decoration:none;
	color: #0072a6;
	margin:0;
	padding:0;
}

a:hover {
	text-decoration:underline;
	}






/*--------------------------------------------------------*/
/*  statewide_banners                                     */
/*  Flex Your Power and Amber Alert banners               */
/*--------------------------------------------------------*/

#statewide_banners {
	width: 960px;
	height: 70px;
	background-image: url(../images/double_line_with_subtle_shodow.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;

}

#statewide_banners img {
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/*---------------------------------------------*/
/*  footer                                     */
/*---------------------------------------------*/


#footer {
	height: 75px;
	min-width:960px;
	background-image: url(../images/homepage/footer1080.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
	color: #999999;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding:35px 0 0 0;
	font-size: 0.8em;
}

#footer a:link, #footer a:visited {
	color:#999999;
	text-decoration:none;
}


#footer a:hover {
  	color:#000;
	text-decoration:underline;
}

/*---------------------------------------------*/
/*  clear div 	                               */
/*---------------------------------------------*/

#clear {
	clear:both;
}


/*---------------------------------------------*/
/*  color_scheme_04_napa.css                   */
/*  Version 1.20                               */
/* Last Updated 03/23/2007                     */
/*                                             */
/*  e0a838 / 336633                            */
/*---------------------------------------------*/

#heading {
  border-top:4px solid #336633; /* border across top of page */
}




/*---------------------------------------------*/
/*  color_scheme_04_napa.css  ENDS             */
/*---------------------------------------------*/


 .MainPicture {
	width: 80px;
	float: left;
	margin-right: 10px;
	padding-bottom: 40px;
}