/*
    >>  /inc/iLayoutStyle/layouthi.css  <<
    
    - This CSS file contains styles unique for this subsite.
    - Because there are numerous subsites under a consistent theme, only unique styles are listed here.
    - To view global styles, please visit /inc/hi.css
*/



body 
{ 
    background: url("/ocgov/img/bgslice.jpg") repeat-x scroll 0 0 #FFFFFF; 
    color: #000000; 
    font-family: Arial,Sans-Serif; 
    height: 100%; 
    margin: 0; 
 } 

.hp-repeat { background: url("/ocgov/img/hpslice.jpg") repeat-x scroll 0px 145px transparent; }
 
#header div#top a.linkbackhome
{
    background: none;
}

#header
{
    background: url(/ocgov/img/logo.png) 0 30px no-repeat;
}                   

#header div#top a.linkbackhome {
  display: block;
  height: 75px;
  left: 0;
  position: absolute;
  top: 30px;
  width: 425px;
}


#header div#top a.linkbackhome {
  background: url(/ocgov/img/logo.png) no-repeat scroll 0 0 transparent;
  display: block;
  height: 75px;
  left: 0;
  position: absolute;
  top: 30px;
  width: 426px;
}

a.newsheader:link, a.newsheader:visited,#newsdetails h2, #news-feeds .newsheader, #news-feeds .newsheader a {
  color: #059ecc;
}



#left-nav-top, div#portal-cont,div.widget-header 
{
border-bottom:3px solid #059ecc;  
}


.widget-image-wrap 
{
margin-bottom:20px;  
}


/************************************/
/******      Layout Title      ******/
/************************************/

/*TITLEBAR*/
.pgtitle 
{
    width: 710px;
    height: 80px;
    text-align: left;
    background: url(/ocgov/img/pgtitle.jpg) no-repeat;
}

/*Branded */                                                                    
#involved.pgtitle {background-image: url(/ocgov/img/involvedtitle.jpg); }
#emergency.pgtitle {background-image: url(/ocgov/img/emergencytitle.jpg); }
#fieldservices.pgtitle {background-image: url(/ocgov/img/fieldservicestitle.jpg); }


.widget-thumbnail-slider {
  background: url("/ocgov/img/slideshow_shade.png") no-repeat scroll center bottom transparent;
  position: relative;
}

.widget-thumbnail-slider #thumbnail-slideshow {
  background: none repeat scroll 0 0 transparent;
  height: 390px;
  margin: 0;
  width: 960px;
}



  
/* Calendar / Events List Styles */


.widget-events-cal-and-list a.event-title 
{
  background: none;
  padding-left: 0px;
  margin-left: 0px;
  font-size: 15px;
  color: #333;
  font-family: Georgia;
  font-size: 16px;
}

.widget-events-cal-and-list span.date
{
  color: #016a7f;
}

.widget-events-cal-and-list span.date-time
{
  color: #259bb3;
}

.widget-events-cal-and-list .event .event-details 
{
  margin-left: 0px;
}

.widget-events-cal-and-list span.desc 
{
  margin-left: 0px;
  font-size: 12px;
}

.widget-events-cal-and-list .widget-calender #month span,
.widget-events-cal-and-list .widget-calender #month a
{
  color: #8fe1f9;
  font: normal 20px Georgia, Serif;
}

.widget-events-cal-and-list .widget-calender { height: 200px; }

.widget-events-cal-and-list .widget-calender .Day,
.widget-events-cal-and-list .widget-calender .EmptyDay,
.widget-events-cal-and-list .widget-calender .WeekEndDay,
.widget-events-cal-and-list .widget-calender .CurrentDay,
.widget-events-cal-and-list .widget-calender .NoDay
{
  width: 14.28%;
  height: 40px;
  display: inline-block;
  text-align: center;
}

.widget-events-cal-and-list .widget-calender .Day
{
  background-color: #cfd1b9;
}

.widget-events-cal-and-list .widget-calender .Day a:hover,
.widget-events-cal-and-list .widget-calender .EmptyDay a:hover,
.widget-events-cal-and-list .widget-calender .WeekEndDay a:hover
{
  color: #508ab3;
  text-decoration: underline;
}

.widget-events-cal-and-list .widget-calender .CurrentDay a:hover
{
  color: #d7eaf8;
  text-decoration: underline;
}

.widget-events-cal-and-list .widget-calender .Day a,
.widget-events-cal-and-list .widget-calender .EmptyDay a,
.widget-events-cal-and-list .widget-calender .WeekEndDay a,
.widget-events-cal-and-list .widget-calender .CurrentDay a
{
  color: #323232;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  line-height:30px;
}

.widget-events-cal-and-list .widget-calender .CurrentDay
{
  background-color: #8fe1f9;
}

.widget-events-cal-and-list .widget-calender .CurrentDay a
{
  color: #fff; 
}

.widget-events-cal-and-list .widget-calender .smlCal002_wrap #smlCal002_Head
{
  margin-top: 10px;
}

.widget-events-cal-and-list .widget-calender .smlCal002_wrap #smlCal002_Head table
{
  color: #666;
  font-size: 13px;
  text-align: center;
}

.widget-events-cal-and-list .widget-calender font.short { display: none; }
.widget-events-cal-and-list .widget-calender font.long { display: none; }

.widget-events-cal-and-list .widget-list-right .events-list{
	height:300px;
}
.events-list .event {
  float: left;
  margin-bottom: 10px;
  width:100%;
}

/**NEWS**/


#news-feeds font.newsheader {
  color: #059ecc;
}
#news-feeds .newsheader, #news-feeds .newsheader a {
  display: block;
  font: 18px Georgia,Times,serif;
  padding-bottom: 3px;
  padding-top: 3px;
  text-decoration: none;
}

#news-feeds .newsdate {
  color: #74c4dc;
  font: 13px Trebuchet MS,Georgia,serif;
}


#news-feeds a.read-more {
  color: #059ecc;
  float: right;
  font: italic 13px Georgia,Times,serif;
  margin-top: 6px;
  font-weight:bold;
  text-decoration: none;
}
.widget-thumbnail-slider .scrollable-slideshow .items .group a.thumb .thumb-txt {
  float: left;
  height: 80px;
  margin-left: 7px;
  width: 110px;
}

.widget-thumbnail-slider .scrollable-slideshow .items .group a.thumb .thumb-txt p.txt {
  color: #FFFFFF;
  display: block;
  font: italic 14px Georgia,Serif;
  text-align: left;
  width: 115px;
}





 /*-------------------------------------------------------------------------------------
 AGENCY Emergency Alert BG
-------------------------------------------------------------------------------------*/

.mainnewsalert_marque-agency
{

    background: url("/ocgov/img/animal.png") no-repeat;
}


/*------------------------------------------------------------------------------*/   
/*-----------------   10/31/2012   ---------------------------------------------*/   
/*------------------------------------------------------------------------------*/   
a.newsheader:link,
a.newsheader:visited,
#newsdetails h2,
#news-feeds .newsheader,
#news-feeds .newsheader a,
.newsbody a,
.newsbody a font,
.newsbody a:visited,
span.newsheader,
.edtdiv a:link,  
.edtdiv a:visited,
.edtdiv h1
{
 color: #016a7f !important;
}

A.newsheader:link,
A.newsheader:visited,
FONT.newsheader,FONT.newsheader a {
 color: #016a7f !important;
 text-decoration: none !important;
}  
 

a.read-more, a.read-more:visited {color: #8FE1F9 !important;}