/*for 1 pane and 2 pane*/
@media print {
	
/************************************************************************
* Skin styles
*************************************************************************/
#top-print { display: none; }

	#Body {
		font-family: Arial, Helvetica, sans-serif; /* Arial, Helvetica, sans-serif; "Trebuchet MS", Verdana, */
		font-size: 100%;
		margin: 0px;
		padding: 0px;
		height: 100%;
		text-align: center;
		/*background-color: #0E3252;*/
		background-image: url('images/Background.Gradient.InnerPages.png');
		background-repeat: repeat-x;	
		background-position: center top;
	}
		
    /* ===================== Top banner */

	#topbanner {
		margin-right: auto;
		margin-left: auto;
		padding-top: 11px;
		height: 134px;
		width: 960px;
		background-color: #fff;
		background: url('images/TopBannerBackground.gif') repeat-x;
	}
	
	.user { }
	.login {  }  
	  
    #espbtn, #engbtn {
        display: inline;
    }
    	
	#topbanner #member { 
		margin-right: auto;
		margin-left: auto;	
		width: 920px;
	}
	
    #topbanner #logo {
		position: relative; /*Added to prevent issues with position of logo image under #top #logo img */
	}
	
	#topbanner #logo img{
		position:absolute;
		left:15px;
		z-index:999; 
		float:left;
		margin-top: 35px;
		width: 207px;		
	}

	#topbanner #member #toplink { 
		float: right;
		font-size: 0.71em;
		text-transform: capitalize;
		color: #53718B;
		vertical-align:middle;
		height: 37px;
		line-height: 37px;
		
	}
	
	#topbanner #browse
	{
	    
	    display: inline-block;
	    background: url('images/btnBrowseInnerDown.png') no-repeat top left;
	    height: 33px;
	    width: 164px;
	    margin: 0;
	    margin-right: 20px;
	}

	#topbanner #browse:hover
	{
	    background: url('images/btnBrowseInnerUp.png') no-repeat top left;	
    }
    	
	#topbanner #member a
	{
	    text-decoration: none;
	    color: #53718B;
	}
	
	#topbanner #member a:hover
	{
		color: #f00;
		text-decoration: underline;		
	}	

	#topbanner #member #toplink a { 
/*		color: #53718B;*/
		padding: 0 2px 0 2px;
		font-weight: normal;
	}

	.MemberLogin { 
        margin-left:15px;
    }
    
	.hlOCAnywhere { 
        margin-left:15px;
    }    
	
	#topbanner #topright {
	    clear:both;
		float: right;
		text-align: right;
		padding: 8px 0 4px 0;
		*padding: 8px 0 6px 0;
		/*width: 614px;*/
		width: 680px;
		vertical-align: middle;
	}
	
	#topbanner #topright #topsearch 
	{
		margin: 0 0 0 65px;
		padding: 0;
	}
   	
	#topbanner #socialmedia 
	{
	    
	    padding: 0 0 0 48px;
	}
	
	#socialmedia img
	{
		vertical-align: middle;
		margin-right: -9px;
	}
	
	#searchbox {
		float: left;
		text-align: left;
		margin-right: 0;
		height: 35px;
		line-height: 35px;
		vertical-align: middle;
		
	}

	.searchfield {
		height: 24px;
		padding: 0 5px 0 5px;
		font-size: 0.875em;
		color: black;
		display:inline;	
		margin-right: 0;
		width:210px;
		vertical-align:middle;
	}

    .searchlbl {
        color: #53718B;
        vertical-align:middle;
        font-size: 1.125em;
        font-style: italic;
        height: 35px;
        font-family: Times New Roman;
    }	
    
    #goImg
    {
        vertical-align: middle;
        line-height: 35px;
    }	

	#topbanner #topright #AtoZ { 
		padding-right:18px;
		margin:0px;
		vertical-align:top;	
		float: left;	
	}
	
	#topbanner #topchannels {
        clear:both;  
		float: right;
		width:730px; /* This setting is needed for IE*/
		/*part of the overflow:hidden to fix the height issue that seperate 
		the body from footer on the template 2 panes file (margin-bottom:-2px */
		margin-bottom:0px;
		padding: 10px 20px 0 0;
		*padding: 8px 20px 0 0;
		/* overflow:hidden; */ /* Disabled so that expanding menus display in all browsers */
		text-align: right;
		margin-top:1px;
	}	
	
    ul.megamenu { /* Overwrites expanding menu style for inner pages so that it matches the home page */
        font-family: Times New Roman;
    }
    
    /* ===================== Google Appliance tabs */
    
    #hTab {
	width: 98px;
	*margin-left: 0px !important;
	background: url('/Portals/_default/Skins/OC_FLSites/Menu/css/Home.png') top left no-repeat;
	display: inline-block;
	height: 34px;
	*margin-left: 4px;
	position: relative;
    top: -3px;
    *top: 0px;

	}
	
	#hTab:hover {
		background-position: top right;
	}
	
	
	
	#rTab {
		width: 109px;
		background: url('/Portals/_default/Skins/OC_FLSites/Menu/css/Residents.png') top left no-repeat;
		display: inline-block;
		height: 34px;
		*margin-left: 4px;
		position: relative;
    	top: -3px;
    	*top: 0px;

	}
	
	#rTab:hover {
		background-position: top right;
	}
	
	#vTab {
		width: 91px;
		background: url('/Portals/_default/Skins/OC_FLSites/Menu/css/Visitors.png') top left no-repeat;
		display: inline-block;
		height: 34px;
		*margin-left: 4px;
		position: relative;
    	top: -3px;
    	*top: 0px;

	}
	
	#vTab:hover {
		background-position: top right;
	}
	
	#bTab {
		width: 114px;
		background: url('/Portals/_default/Skins/OC_FLSites/Menu/css/Businesses.png') top left no-repeat;
		display: inline-block;
		height: 34px;
		*margin-left: 4px;
		position: relative;
    	top: -3px;
    	*top: 0px;

	}
	
	#bTab:hover {
		background-position: top right;
	}
	
	#eTab {
		width: 137px;
		background: url('/Portals/_default/Skins/OC_FLSites/Menu/css/Employees.png') top left no-repeat;
		display: inline-block;
		height: 34px;
		*margin-left: 4px;
		position: relative;
    	top: -3px;
    	*top: 0px;

	}
	
	#eTab:hover {
		background-position: top right;
	}
	
	#aTab {
		width: 124px;
		background: url('/Portals/_default/Skins/OC_FLSites/Menu/css/AboutUs.png') top left no-repeat;
		display: inline-block;
		height: 34px;
		*margin-left: 4px;
		position: relative;
    	top: -3px;
    	*top: 0px;

	}
	
	#aTab:hover {
		background-position: top right;
	}

	
	/* ===================== Content area */
	#container {
		background-color: #FFF;
		text-align: left;
		width: 960px;
		max-width: 960px; 
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 0;
        /*overflow:hidden; causing zoom problems*/
        /*overflow:hidden fix template problem for 2 panes when content is too long
		it seperate the body and the footer and leave space in between*/
        
		min-height:640px;
		padding-top:10px;
		color: #333;
		z-index:-1; /* Included so that expanding menus get displayed */
	}
	
    /* Links */
    #container a:link, #footerwrap a:link {
	    color: #2f2fe5; 
	    text-decoration: none;
    }

    #container a:visited, #footerwrap a:visited {
	    color: #8a4d8a;
	    text-decoration: none; 
    }

    #container a:hover, #footerwrap a:hover {
	    text-decoration: underline; 	
    }
	
    /* Page Title */
    #container h1 {
	    font-size: 2.2em;
	    line-height: 1.0em;
	    font-family: Arial,Helvetica,sans-serif;
	    padding: 0px;
	    margin: 0 0 10px -2px;
    }

    /* Content Headlines */
    #container h2 {
	    font-size: .95em;
	    font-weight: bold;
	    text-transform: uppercase;
	    vertical-align: top;
	    color: #000000;
	    margin-top: 0.75em;
    }

    /* Menu Headlines */
    #container h3 {
	    font-weight: bold;
	    margin: 0 0 17px 0;
	    text-transform: uppercase;
	    color: #000000;
	    font-size: 1em;
    }

    /* Contact */
    #container h4 {
	    font-size: .95em;
	    font-weight: bold;
	    text-transform: uppercase;
	    vertical-align: top;
	    color: #000000;
	    margin-top: 0;
    }

	#container a img { border: 0; }


	/* ===================== Left Pane */

	#container #left {
		float: left;
		display: block; 
		vertical-align: top;
		font-size: 0.9em;
		margin-left: 18px;
		max-width: 203px;
		padding-top:34px;
	}

	/* The following section needs to be altered as containers are added */
	#container #left .section, 
	#container #left .menu, 
	#container #left .sectionnh,
	#container #left .sectionhpb {
		width: 203px;
	}

	/* ===================== Right area: Breadcrumbs, Share Widgets, and Content Pane */
	#rightarea {
		float: left;
		vertical-align: top;
		width: 739px;
		max-width: 739px;
		overflow: visible; 
		/*position: relative; Jon trying to fix dropdown menu on 2 pane skin*/
	}

    #breadcrumb {
		/*font-size: 0.71em;*/
		font-size: 1.0em; 
    }
    
    a#dnn_bc_hypParent.SkinObject {
	font-size: 0.9em;
	}
	
	a#dnn_bc_hypCurrent.SkinObject {
	font-size: 0.9em;
	}
    
    
	#rightarea #breadcrumb {
		width: 695px;
		margin-left: 26px;
		margin-right: 18px;		
	}

	#contentarea #breadcrumb {
		width: 924px;
		margin-left: 18px;
		margin-right: 18px;		
	}
		
	#breadcrumbtext {
        text-align: right; 
        padding-bottom: 5px;
	}
	
    #breadcrumbtext a {
	    color: #2f2fe5 !important;
	    text-decoration: underline !important;
    }
	
	#facebook {
	    display: inline; 
	    float: left; 
	    margin-left: 5px;
	}
	
	#sharepost {
	    float: right;
	    padding-bottom: 5px;
	}

	#container #content {
		float: left;
		display: inline;
		font-size: 0.9em;
		vertical-align: top;
	/*	width: 707px;*/
		max-width: 695px;
		margin-left: 26px;
		margin-right: 18px;	
	}

	#container #content .section, 
	#container #content .menu, 
	#container #content .sectionnh,
	#container #content .sectionhpb {
        width: 695px;
    }

	/* ===================== p1content is used in the 1Pane skin */   
	#container #p1content {
		max-width: 924px;	
		float: left;
		display: block;
		font-size: 0.9em;
		vertical-align: top;
		margin-left: 18px;
		margin-bottom: 15px;		
	}	

	/* The following section needs to be altered as containers are added */
	#container #p1content .section, 
	#container #p1content .menu, 
	#container #p1content .sectionnh,
	#container #p1content .sectionhpb {
		width: 924px;
	}


	/* ===================== Footer */
    #footerwrap {
   display:none;
    }


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


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

#footerSocial
{
	font-size: 17px;
	margin: -55px 0 25px 40px;
	position: relative;
	z-index: 5;
}

#footerSocial img
{
	vertical-align: middle;						
}

.footerCol a
{
	color: #2F2FE5 !important;
}

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

/*copyright adjustment, width might not be needed */
#copyright
{
    width: 450px; 
    
}

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

    .footercol {
	    display: inline-block;
	    vertical-align: text-top;
	    width: 26%;
	  /*  width: 240px;*/
	    padding: 0;
	    margin: 0;
	    text-align: left;
    }

    #footerright {
	    width: 20%; 
	 /*   width: 204px;*/
	    text-align: right;
	    float: right;
    }

    #footerright span {
	    font-size: 1.3em;
	    font-weight: bold;
    }

    #footerright img {
	    vertical-align: middle;
    }

    #footerlogo {
	    margin-top: 35px;
    }

    #footerwrap ul {
	    padding: 0;
	    margin: 0 0 15px 0;	
    }

    #footerwrap li {
	    list-style-type: none;
	    font-size: 1.2em;
	    margin-top: 5px;
    }

    #footerwrap h5 {
	    margin: 0;
	    font-weight: bold;
	    font-size: 1.4em;
	    margin-bottom: 10px;
    }

    #footerbottom {
	  /*  width: 100%;*/
	    width: 920px;
	    text-align: left;
	    color: #000;
	    font-size: 1.1em;
    }
    
    #footerbottom SPAN A
    {
        color: #000;
        text-decoration: none;
    }
    
    #footerbottom SPAN A:hover
    {
        text-decoration: underline;
    }

    #footerbottom span {
	    float: right;
    }

/************************************************************************
* Utility classes 
*************************************************************************/
    .orange {
        color: #de9904 !important;
        font-weight: bold;
    }

    .glossary 
    {
       color: Red; 
    }

    .glossary:hover
    {
       text-decoration: none !important;   
    }

/************************************************************************
* Community Alert class used in Text Highlighter  
*************************************************************************/
    .thcalert {
        color: #f0a137;
        text-transform: uppercase;
        text-decoration:underline;    
        font-weight: bold;   
    }
    
    .thcalert:after {
        content: "...";
    }

/************************************************************************
* By Topic styles. Template: 
*************************************************************************/
    .topicdetail {
        color: #4a547f;
        font-size:0.85em;
    }
    
    .bytopic {
	    margin-top: 10px;
	    display: inline-block;
	    vertical-align: text-top;
	    color: #4A547F;
	    font-size: .85em;	    
    }

    .bytopic  a {
	    color: #de9904 !important;
	    font-weight: bold !important;
	    border-bottom: 1px solid #2f2fe5;
	    font-size: 1.2em;
    }

    .bytopic  a:hover {
	    color: #2f2fe5 !important;
	    text-decoration: none !important;
    }	
    
    .bytopiccol 
    {
	    display: inline-block;
	    vertical-align: text-top;	    
    }    

    .bytopiclist li 
    {
	    text-indent: -5px; 
	    margin-left: 5px;
    }

    .bytopiclist 
    {
	    display: inline-block;
	    vertical-align: text-top;
    	
    }

    .bytopiclist span
    {
	    font-size: 1.2em;
	    display: block;
	    margin-top: 15px;
    }

    .bytopiclist span:first-child 
    {
	    margin-top: 0px;
    }

    .bytopiclist a
    {
	    color: #2F2FE5 !important;
    }

    .bytopiclist ul 
    {
	    margin: 0 0 0 7px;
	    padding: 0;
    }

    .bytopiclist ul ul
    {
	    margin-left: 20px;
    }

    .bytopiclist ul li 
    {
	    list-style-type: none;	
    }

    #contentarea .bytopiccol:first-child 
    {
          margin-left: 67px;      
    }

/************************************************************************
* Content in detailed pages. Template: 
*************************************************************************/
    .detailrow {
        padding-bottom: 5px; 
        width: 100%;
        margin: 15px 0 -15px 0;
    }
   /* .detailrow p.contact {
	margin-top:0px;
	} */
    
    .detailrow p {
	    margin: 0.75em 0 15px 0;
    }

    .detailrow .subtitle {
	    display: inline-block; 
	    vertical-align: top;
	    width: 30%;
    }

    .detailrow span {
	    display: inline-block; 
	    vertical-align: top;
	    width: 69%;
    }

    .detailrow .contact:first-line {
	    font-weight: bold;
	    color: #000000;
    }

    .detailrow ul, #detailrow ol {
	    margin-top: 0;
	    margin-bottom: 15px;
    }

    .detailrow ul ul, #detailrow ul ol, #detailrow ol ol, .detailrow ol ul  {
	    margin-bottom: 0;
    }

    .detailrow li {
	    margin-bottom: 7px;
    }

    .detailrow:first-child {
	    margin-top: 0px;
    }
  
    /* align flash player on detail page */
    iframe[src^="http://interaspdev/flash"]
    {
          margin-top: -5px;
    }
   
/************************************************************************
* OC News styles. Template:
*************************************************************************/
    #wrap {
	    max-width: 695px;
	    border: 1px solid black;
	    margin: 0 auto;
	    padding: 10px;
	    font-family: Times New Roman;
	    line-height: normal;
	    overflow:hidden;
    }

    #title {
	    font-size: 2em;
	    clear: both;	    
    }

    #picwrap {
	    text-align: center;
	    max-width: 65%;
	    float: right;
	    margin: 20px 0px 10px 10px;
    }

    .newspicture {
	    max-width: 424px;
	    /*border: 1px solid #c8c7f8;*/
    }

    #caption {
	    font-style: italic;
	    text-align: justify;
	    font-size: .9em;
    }

    #subtitle {
	    font-weight: bold;
    }

    #date {
	    color: gray;
	    font-weight: bold;
	    margin-top: 0px;
	    margin-bottom: 5px;
	    float:left;
    }

    #contact{
	    float: right;
	    color: gray;
	    font-size: .95em;
    }

    #newscontent {
	    text-align: justify;
	    font-size: 1.1em;
    }

    #related {
	    float: right;
	    margin: 10px 0px 10px 10px;
	    text-align: left;
	    clear: both;
	    width: 25%;
    }    
    
    .relatedtitle {
        border-top: gray 1px solid; 
        font-weight: bold; 
        font-size: 1.2em; 
        border-bottom: gray 1px solid; 
        text-align: center;
    }
    
    .relateditem {
        margin-left: 5px;
    }
    
/************************************************************************
* Big Banner styles (Landing pages). Template:
*************************************************************************/  
    .bigbannerwrap {
        padding: 0px;  
        margin: 0px; 
        vertical-align: top;  
        width: 695px;
        background-repeat: no-repeat; 
        height: 230px; 
        text-align: left;
        border: white 0px solid;
    }
    
    .bigbannerwrap div {
	    margin-left: 33%;
	    font-family: Arial,Helvetica,sans-serif;
	    color: #035594;
	    font-size: 1.2em;
	    font-weight: bold;
    }

/************************************************************************
* Small Banner styles (Detailed pages). Template:
*************************************************************************/
    .smallbannerwrap {
        margin: 0px; 
        vertical-align: top;  
        width: 695px; 
        padding: 0px;  
        background-repeat: no-repeat !important; 
        font-family: times new roman; 
        height: 129px;
        border: white 0px solid;    
    }
    
    .smallbannerwrap div {
	    margin-left: 30%;
	    font-family: Arial,Helvetica,sans-serif;
	    color: #035594;
	    font-size: 1.2em;
	    font-weight: bold;
    }

/************************************************************************
* Wide Banner styles (Used in 1Pane skin). Template:
*************************************************************************/
    .widebannerwrap {
        margin: 0px; 
        vertical-align: top;  
        width: 924px; 
        padding: 0px;  
        background-repeat: no-repeat !important; 
        font-family: times new roman; 
        height: 129px;
        border: white 0px solid;    
    }
    
    .widebannerwrap div {
	    margin-left: 25%;
	    font-family: Arial,Helvetica,sans-serif;
	    color: #035594;
	    font-size: 1.2em;
	    font-weight: bold;
    }
    
/************************************************************************
* OrangeStats styles
*************************************************************************/   
    .statsdropdown {
        width:165px !important;
    }
    
/************************************************************************
* New menu styles. Template: 
*************************************************************************/   
    .menuwrap {
	    background-image: url("/portals/0/library/Template Images/leftmenubg.jpg");
    }

    .menutop {
	    background: url("/portals/0/library/Template Images/leftmenuwhitetop.png") no-repeat left top; 
	    width: 100%; 
	    height: 16px;
    }

    .menucontent {
	    border-right: #fbd596 1px solid;
	    border-left: #fbd596 1px solid;
	    padding: 20px 12px 0 7px;
    }

    .menucontent p {
	    font-size: .85em;
	    line-height: 1.3em;
	    margin: 0 0 0 10px;
	    padding: 0 0 20px 0;
    }

    .menucontent ul {
	    padding: 0px;
	    margin: 0 0 0 10px; 
    }

    .menucontent li {
	    padding-bottom: 20px; 
	    line-height: 1.1em; 
	    list-style-type: none;
    }

    .menucontent li ul {
	    margin-left: 17px; 
    }

    .menucontent li li {
	    padding: 0 0 0 0;
	    list-style-type: square;
	    font-size: .9em;
    }

    .menubottom {
	    background: url("/portals/0/library/Template Images/leftmenuwhitebottom.png") no-repeat left bottom; 
	    width: 100%; 
	    height: 16px;
    }

/************************************************************************
* Icon Menu
*************************************************************************/   
    .iconsmenu {
	    margin-left: 13px;    	
    }

    .iconsmenu td {
	    padding: 10px 0;
    }

    .iconsmenu .menuicon {
	    padding: 3px 5px 0 0;
    }

/************************************************************************
* Return to Parent button
*************************************************************************/   
    .toparent 
    {
	    display: inline-block; 
	    height: 25px; 
	    border: 1px solid #7c93a5; 
	    background: url(/portals/0/library/template%20images/backbuttonbg.jpg) no-repeat scroll 0% 0% transparent; 
	    padding: 0 10px 0 35px; 
	    font-size: 1.2em; 
	    line-height: 1.5em; 
	    color: #035594 !important; 
	    font-weight: bold;
    }       
}