@media print {

FORM
{
    margin: 0;
    padding: 0;
}

.clear
{
    clear: both;
}

#sharepost {
margin-top:-544px;
margin-right:50px;

background: url(images/socialmediaBG.png) no-repeat top left;
padding-top: 2px;
position: relative;
top:329px;
z-index: 3;

}

/* the body tag has an id called body. the #body control the main body tag */
body, #Body
{
   background:#d2b070 url('images/bg-bottom.png') repeat-x left bottom;
	font-family: Arial, Helvetica, sans-serif; /* Arial, Helvetica, sans-serif; "Trebuchet MS", Verdana, */
  
    min-width: 1024px;
    position: relative;
    *overflow-x: hidden;
    text-align: center;
    font-size: 100%;
    /*this fix the print stylesheet so it can zoom our page to view all to print for IE transitional doctype */
    *zoom:80%;

}

/* to have image with no border */
img
{
    border: none;
}

/* margin, padding and text-align has no change, it can be taken out */
#bgcontainer
{
    background: url(images/bg-top.png) repeat-x top left;
    overflow:hidden;

}

/*text align does not do anything */
#wrapper
{
    width: 1024px;
    margin: 0 auto !important;
}

/* this is for the menu dropdown, z-index is for the actual menu that is dropping down */
#header
{
    width: 960px;
    height: 139px;
    margin: 0 auto;
    position: relative;
    z-index: 4;
}

/*for the OC logo, float left help the right menu stay intact*/
#logo
{
    width: 252px;
    height: 80px;
    float: left;
    padding: 45px 0 0 0;
    margin: 0 0 0 25px;
}
/* for the main navigation menu */
#navigation
{
     float: right;
     width: 626px;  
     height: 104px;
     padding: 22px 0 0 0;
     
     margin-right: 20px;
}

/*for the font on the logins, etc. and the way it display */
#usernav
{
    width: 626px;
    text-align: right;
    font-family: Arial;
    font-size: 12px; /*0.75em;*/
    margin: 0 0 20px 0;
}

/*this is not needed */

#usernav #Links
{
	font-size: 8.5pt;
	color: #53718B;
}

#usernav #Links a
{
	font-size: 8.5pt;
	color: #53718B;
	margin: 0 2px;
	font-weight: normal;
}

#usernav #Links a:hover
{
	color: #FF0000;
}

/*for the font on the logins, etc. and the way it display */
#Members
{
    float: right;   
    width: 100px;
}

#Members a
{
	font-size: 8.5pt;
	color: #53718B;
}

#Members a:hover
{
	color: #FF0000;
}

/* the whole #socialnav can be taken away */

#socialnav
{
    padding: 0 0 14px;
    height: 35px;
}


/*for the social media layout */
.socialLabel
{
    font-size: 18px; /*1.125em;*/
    font-style: italic;
    font-weight: normal;
    margin: 0;
    padding: 0 3px 0 0;
    float: right;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
	font-family: Times New Roman;
	color: #53718B;
}

/* for the social media buttons */
.socialButtons
{
    padding: 0;
    float: right;
    height: 35px;
}

.socialButtons IMG
{
    padding: 3px 0 0 0;   
}

#beauty_bgs
{
	background: url('images/BeautyBG.png') no-repeat;
    z-index: 2;
   /* position: relative;*/
    padding: 0;
    margin-top: 6px;
    left: -90px;
    /*background:url('') no-repeat;*/
  

}

#image_rotate_buttons {
/*position:relative;*/
z-index: 10;
margin-left: -80px;
top:-107px;
border:1px solid black;
background-color:silver;
width:180px;
text-align:left;
*margin-left: -1000px;
}

/*css for animation */
.fade_me {
background: url('/Portals/_default/Skins/OC_FLSites/clear.png')

}
#beauty_bgs .fade_me img {
	background-color: transparent !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
  zoom: 1 !important;

}

/*position of the search menu*/
#innerBeauty
{
   /* padding-top: 100px; */
   margin-top:-216px;   
}

/*position and size of the search*/
#search
{
    background: url("images/SearchPanelsmall.png") no-repeat scroll 0 0 transparent;
    height: 101px;
    left: 13px;
    margin: 0 auto;
    position: relative;
    text-align: left;
  /*  top: -462px;*/
  top: -155px;
    width: 649px;
    z-index: 3;
}

/*position of text on the search menu */
#browse
{
    text-align: center;
 }


/*font size is not needed here */
#browse .browselink
{
	display: inline-block;
 	height: 34px; 
	padding: 0 0 0 28px;
	background-image: url('images/AbstractIcon.png');
    background-repeat: no-repeat;
    /*background-position-y: 3px;*/
    
	/*vertical-align: text-top; */
	color: #fff; 
    font-family: Arial, Helvetica, Sans-Serif;*/
     text-decoration: underline;   
    font-family: Times New Roman;
    text-decoration: underline;   
    font-size: 23px;
    font-style: italic;
    color: white;   
    *padding-top: 18px;
    *margin-top:-55px;
    *position:relative;
   
   *background-position-y: 18px;
    margin-left: 5px;
   /* background-position: 5px 5px;*/
   *left: 5px;
   *margin-top: -40px;
   *top: 7px;
     
}

/*image hover for search menu */
#browse .browselink:hover {
    background-image: url('images/AbstractIconHover.png');
    color: #fdca67;
}

#browse .browselinkText
{
	display: inline-block;
	height: 37px;
	padding: 5px 0 0 0;
	/*background-image: url('images/AbstractIcon.png');*/ 
    background-repeat: no-repeat;
    background-position: left top; */
	vertical-align: text-top;
	color: #fff; 
    /*font-family: Arial, Helvetica, Sans-Serif;*/
    font-family: Times New Roman;
    text-decoration: underline;   
    font-size: 23px;
    /*margin-left: 250px;*/ 
    margin-top:-10px;  
    *padding-top:0px;
    *margin-top:-5px;
    margin-bottom: -4px;
    *margin-bottom: -6px;
    margin-left: 80px;
    
}

#tutorial {
	color: white;
    font-size: 0.8em;
    text-decoration: underline;
    margin-left: 74px;
    background: url('/Portals/_default/Skins/OC_FLSites/images/VideoCameraIcon.png');
    padding-right: 39px;
    background-position: 174px;
    background-repeat: no-repeat;
}

#tutorial:hover {
	color: #fdca67
}

/*for the search input */
#searchForm 
{
    margin: 0 auto;
    padding-top: 12px;
    width: 605px;
}

/*for the search input */
.searchfield
{
    width:390px;
    height:20px;
    float:left;
    margin:1px 5px;
    
    vertical-align: baseline;
    padding-left: 2px;
}

/*for the search word, display:block is not needed*/
.searchlbl 
{
    float:left;
    color:#fff;
    font-family: Times New Roman;
    font-size: 24px;
    font-style:italic;
    padding-bottom: 2px;
}
/*for the magnifying glass image, float: left is not needed */
#searchsubmit 
{
    border:none;
    background:url(images/MagnifyIcon.png);
    width:38px;
    height:26px;
    margin-top: 1px;
}
/*for hover effect on the search image button */            
#searchsubmit:hover 
{
    background:url(images/MagnifyIcon.Hover.png);
}
/*for the white area content box, text-align:center is not needed*/
.page-content
{
    width: 1065px;
    background:url(images/page-bg.png) repeat-y;
    margin: 0 auto;
    position: relative;
    left: -21px;
    top:8px;

}
/*for the weather, position:relative is not needed  */
.innerContent
{
    width: 920px;
    margin: 0 auto !important;
    text-align: left;
    position: relative;
}
/*for page content and weather */
#page-content1
{
    /*margin-top: -310px;*/
    z-index: 1;
    height: 160px; 
}

#innerContent1
{
    z-index: -2;
}

#page-content2
{
	z-index: 5;
	/*padding-bottom: 1px; */
	/*margin-top: -1px;*/
	height: 176px;
}

#innerContent2
{
	z-index: 5;
}

/*for the stay connected and orange county now position */
#page-content3
{
	z-index: 0;
    padding-bottom: 100px;

    
}

#innerContent3
{
    z-index: -2;
}

/*weather pane position, margin is not needed */
#innerContent1 .WeatherPane
{
    padding: 40px 0 0 0;
}

/*stay connected pane adjustment*/
#stay-connected h2 
{
    font-size: 24px; /*1.33em;*/
    color:#002f77;
    font-style:italic;
    margin:0;
    padding:0;
    margin-top:10px;
    margin-left:14px;
    font-family: Times New Roman;
}
/*ul list for stay connected */
#stay-connected ul 
{
    margin: 5px 17px 0 42px;
    padding: 0 0 0 0;
}
/*list items for stay connected */
#stay-connected ul li 
{
    list-style:none;
    color:#0470b1;
    font-weight:bold;
    font-size: 14px; /*0.875em;*/
    font-family:Arial, Helvetica, sans-serif;
    line-height:27px;
    height:27px;
}

/*stay connected adjustment*/
#stay-connected ul li.BCC
{
    background: url('images/StayConnectedBCC.png') no-repeat right;
    margin-right: 3px;  
}


#stay-connected ul li.Contacts
{
    background: url('images/StayConnectedContacts.png') no-repeat right;
    margin-right: 5px;  
}

#stay-connected ul li.Document
{
    background: url('images/StayConnectedDocArchive.png') no-repeat right;
    margin-right: 4px;
}


/*added by Susan per Graciela 4.12.2012*/
#stay-connected ul li.OpenGovernment
{
    background: url('images/StayConnectedOpenGovernment.png') no-repeat right;
    margin-right: 0px;
}


#stay-connected ul li.GetInvolved
{
    background: url('images/StayConnectedGetInvolved.png') no-repeat right;
    margin-right: 3px;  
}

#stay-connected ul li.Meetings
{
    background: url('images/StayConnectedMeetings.png') no-repeat right;
    margin-right: 1px;  
}

#stay-connected ul li.Newsletter
{
    background: url('images/StayConnectedNewsletters.png') no-repeat right;
    margin-right: 1px;
}

#stay-connected ul li a 
{
    color:#0470b1;
    font-weight:bold;
    font-size: 14px; /*0.875;*/
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
    position: relative;
    left: -23px;   
    /*make icons clickable on below */
    display:block;
    width:300px;
    
 }

#stay-connected ul li a:hover
{
    text-decoration: underline;    
}

#stay-connected 
{
    float:left;
    background:url('images/StayConnected.Panel.png') no-repeat;
    margin-right: 3px;
    width:304px;
    height:293px;
}

#stay-connected .bottom
{
    /*margin: -4px 0 0 11px;*/
   
    text-align: center;
}

#stay-connected .bottom img
{
    margin: -9px 29px 0;

}
/*oc now adjustment */
#oc-now 
{
    float:left;
    background: url(images/OrangeCountyNow.Panel.png) no-repeat;
    width:612px;
    height:293px;
    font-size: 12px; /*0.75;*/
}

#oc-now h2 
{
    color: #fff;
    font-size: 30px; /*1.875em;*/
    font-style: italic;
    font-weight: normal;
    margin: 6px 38px 0 30px;
    *margin-top: 5px;
    padding: 0;
    text-align: right;
    font-family: Times New Roman;
}

#oc-now .News
{
    width: 290px;
    margin: 20px 10px 0 10px;
    padding: 0;
    float: left;
}

#oc-now .News .left
{
    width: 90px;
    float: left;
}

#oc-now .News .left IMG
{
    padding: 10px;
}

#oc-now .News .right
{
    width: 200px;
    float: left;
}

#oc-now .More, #oc-now .More
{
    float: right;
    margin-right: 60px;
}
         
#oc-now UL, #oc-now UL
{
    margin: 10px 0 0;
    padding: 0;
}
  
#oc-now UL LI, #oc-now UL LI
{
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;  
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px; /*0.75em;*/
    line-height: 16px;
    margin-bottom: 11px;
}

#oc-now A, #oc-now A
{
    text-decoration: underline;
    /*color: #53718B;*/
    color: #04467d;
}

#oc-now A:hover, #oc-now A:hover
{
    text-decoration: none;
    color: #04467d;
}
        
#oc-now .Events
{
    margin: 20px 0 0 0;
    width: 300px;
    float: left;
    padding: 0;
}

#oc-now .Events .left
{
    width: 90px;
    float: left;
}

#oc-now IMG
{
    padding: 10px;
}

#oc-now .right
{
    width: 210px;
    float: left;
}

#footer
{
    background: url(images/footer.png);
    background-repeat: no-repeat;
    height: 284px;
    position: relative;
    z-index: 2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px; /*0.75em;*/
    text-align: center;
    margin: -70px 0 0 0; 
    padding: 0;
    width: 1200px;
    left: -90px;
}

#innerFooter
{
    padding: 110px 0 0 0;  
    width: 920px; 
    text-align: left;
    margin: 0 auto;

}

.footerCol
{
	float: left;
	width: 20%;
	margin: 0 0 10px 38px;
	padding: 0;			
}


.footerCol li
{
	list-style-type: none;
	font-size: 12px;
	margin-bottom: 10px;
}

#footerSocial
{
	font-size: 17px;
	margin: -60px 0 30px 40px;
}

#footerSocial img
{
	vertical-align: middle;						
}

.footerCol a
{
	color: #2F2FE5;
}

#footerBot
{
 clear: both;
 
 width: 100%;
}

#copyright
{
    width: 450px; 
    
}

#links
{
    float: right;
    text-align: right;
    width: 450px;
}

#links A:link
{
    color: #2F2FE5;
}

#links A:visited
{
    color: #8a4d8a;
}

.wraphoverhtml a:link
{
	color: #125E9C;
	font-weight:bold;
	font-size: .9em;			
}

}