@import url("https://espanol.ocfl.net/Portals/_default/skins/oc_flsites/Menu.css");
@import url("https://espanol.ocfl.net/Portals/_default/skins/oc_flsites/MediaPrintOnePaneTwoPane.css");
@import url("https://espanol.ocfl.net/Portals/_default/skins/oc_flsites/Newsroom.css");
@media screen
{
/************************************************************************
* Skin styles
*************************************************************************/

/*test skin fix */
/*
#socialmedia 
{
	width: auto !important;
	
}

#toplink 
{
	line-height: normal !important;	
	
}


div#topbanner + div
{
	overflow: hidden !important;
	clear:both;
}

*/
/*------*/

	
/*this will hide the sharepost section of ocfl since we are retiring this third party social media plugin*/
a[href^="http://www.sharepost.com"]{	
display:none !important;
}



	#top-print { display: none; }

	#Body {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 100%;
		margin: 0px;
		padding: 0px;
		height: 100%;
		text-align: center;
		background-color: #0E3252;
		/*background-image: url('https://www.ocfl.net/Portals/_default/skins/oc_flsites/images/Background.Gradient.InnerPages.png'); -- DB 11/29/18 */ 
		background-repeat: repeat-x;	
		background-position: center top;
		

	}
	
	/* ===================== 3 Pane Styles */
	
	#top #breadcrumb 
	{
	    margin-right: 18px;   
	}
	
	div#container.pane3 #left
	{
	    padding-top: 0px;
	}
	
	div#container.pane3 #top .top
	{
	    clear: both;
	}
	
	/* ===================== Multi Pane Styles */
	
	div#container.pane3 #dnn_LeftLowerPane
	{
	padding-left: 18px;
	float: left;
	width: 47%;
	}
	
	div#container.pane3 #dnn_RightLowerPane
	{
	padding-Right: 18px;
	float: Right;
	width: 47%;
	}

	
	div#container.pane3 #dnn_BottomPane
	{
	padding-bottom: 15px;
	clear: both;
	}
	
	div#container.pane3 #dnn_MidWidePane
	{
		padding: 0 18px;
		font-size: .9em;
	}
	
	#dnn_MidLeftPane,
	#dnn_MidCenterPane,
	#dnn_MidRightPane
	{
		float: left;
		margin-left: 18px;
	}
	
	#dnn_MidLeftPane,
	#dnn_MidRightPane
	{
		width: 203px;
	}
	
	#dnn_MidCenterPane
	{
		width: 482px;
	}
	
	
    /* ===================== Top banner */

	#topbanner {
		margin-right: auto;
		margin-left: auto;
		padding-top: 11px;
		height: 132px;
		width: 960px;
		background-color: #fff;
		background: url('https://www.ocfl.net/Portals/_default/skins/oc_flsites/images/TopBannerBackground.gif') repeat-x;
	} 
	  
    #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('https://espanol.orangecountyfl.net/img/orangecounty/ES_24867.png') no-repeat top left;
	    height: 33px;
	    width: 164px;
	    margin: 0 20px -11px 35px;
	}

	#topbanner #browse:hover
	{
	    background: url('https://espanol.orangecountyfl.net/img/orangecounty/ES_25933.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 { 
		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;
		
		vertical-align: middle;
	}
	
	#topbanner #topright #topsearch 
	{
		float: left;
		padding: 0;
	}
   	
	#topbanner #socialmedia 
	{
	    padding: 0 0 0 38px;
	    display: inline-block;
	    /*width: 164px;*/
	}
	
	#socialmedia img
	{
		vertical-align: middle;
		/*margin-right: -9px;*/
		height: 22px;
	}
		
	#searchbox {
		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;
		background-color: white;
	}

    .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*/
		margin-bottom:0px;
		padding: 10px 20px 0 0;		
		text-align: right;
		/*margin-top:1px;*/
		margin-top:-3px;
		position:relative;
		top:0px;
		/*IE 8 compatible, IE7 standard mode will cause problem in 1, 2, 3 pane where the shapost is in front of everything if this is not in it*/
		z-index:10;
		}	
	
    ul.megamenu { /* Overwrites expanding menu style for inner pages so that it matches the home page */
        font-family: Times New Roman;
        *bottom: -1px !important;
    }
    
    /* ===================== Google Appliance tabs */
    
    #hTab {
	width: 98px;
	*margin-left: 0px !important;
	background: url('https://www.ocfl.net/Portals/_default/Skins/OC_FLSites/Menu/css/Home.png') top left no-repeat;
	display: inline-block;
	height: 34px;
	*margin-left: 4px;
	}
	
	#hTab:hover {
		background-position: top right;
	}
	
	#rTab {
		width: 109px;
		background: url('https://espanol.orangecountyfl.net/img/orangecounty/ES_24870.png') top left no-repeat;
		display: inline-block;
		height: 34px;
		*margin-left: 4px;
	}
	
	#rTab:hover {
		background-position: top right;
	}
	
	#vTab {
		width: 91px;
		background: url('https://espanol.orangecountyfl.net/img/orangecounty/ES_25070.png') top left no-repeat;
		display: inline-block;
		height: 34px;
		*margin-left: 4px;
	}
	
	#vTab:hover {
		background-position: top right;
	}
	
	#bTab {
		width: 114px;
		background: url('https://espanol.orangecountyfl.net/img/orangecounty/ES_24872.png') top left no-repeat;
		display: inline-block;
		height: 34px;
		*margin-left: 4px;
	}
	
	#bTab:hover {
		background-position: top right;
	}
	
	#eTab {
		width: 137px;
		background: url('https://espanol.orangecountyfl.net/img/orangecounty/ES_24873.png') top left no-repeat;
		display: inline-block;
		height: 34px;
		*margin-left: 4px;
	}
	
	#eTab:hover {
		background-position: top right;
	}
	
	#aTab {
		width: 124px;
		background: url('https://espanol.orangecountyfl.net/img/orangecounty/ES_25073.png') top left no-repeat;
		display: inline-block;
		height: 34px;
		*margin-left: 4px;
	}
	
	#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;        
		min-height:640px;
		padding-top:10px;
		color: #333;
		z-index:-1; /* Included so that expanding menus get displayed */
		/*overflow: hidden;*/
	}
	
    /* Links */
    #container a:link, #footerwrap a:link {
	    color: #2F2FB9; 
	    /*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: 10px;
		margin-bottom: 10px;
    }

    /* 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;*/
	     margin-top: 0.75em; 
    }

	#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; 
	}

    #breadcrumb {
		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: 10px; 
        padding-right: 5px;
        padding-top: 5px;       
        display: inline-block;
	    float: right;
	    overflow:hidden;
	    width:100%;
	}
	
    #breadcrumbtext a {
	    color: #2f2fe5 !important;
	    text-decoration: underline !important;
	    font-weight: bold !important;
    }
	
	#facebook {
	    display: inline; 
	    float: left; 
	    margin-left: 5px;
	}
	
	/* So the mega-menu will cover the facebook widget */
	#facebook {
	position:relative !important;
	z-index:2 !important;
}
	
	#sharepost {
	    float: right;
	    padding-bottom: 5px;
	    overflow-x:hidden; /*to hide horizontal scroll bars for inner page from outside the network for inner pages for all browsers*/
	    *position:relative;
	    
	}
	
	#container #content {
		float: left;
		display: inline;
		font-size: 0.9em;
		vertical-align: top;
		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;
		padding-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;
	}
	
	
	


	
/* Homepage slider popups */

[id*="_popup"] .left,
[id*="_popup"] .right{
	float: none;
}

/* GSA Blue Separater Bar */
[bgColor$="3366cc"] img {
	display: none;
}

/* ===================== Footer */
#footerwrap {
	width: 924px; 
	max-width: 924px;		
   	clear: both; 
    font-size: .7em;
    margin: 0 auto;	   
    background-repeat: no-repeat; 
    font-family: Arial,Halvetica,sans-serif;	   
    padding: 40px 18px 25px 18px;
    background-color: #CCC;
    margin-top:-1px;
}
.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%;
}

#i-link, #p-link, #v-link {
	display: block;
	height: 0;
	width: 0;
	font-size: 0;
}

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

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


    .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: 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: #993A00 !important;
	    /* 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 {
	    margin: 10px 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 {
	    /*align bullet items correctly*/
	    margin-top: 10px;
    }

    .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;
    }

    #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,
    .smallbannerwrap div h1 {
	    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,
    .widebannerwrap div h1 {
	    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("https://www.ocfl.net/portals/0/library/Template Images/leftmenubg.jpg");
    }

    .menutop {
	    background: url("https://www.ocfl.net/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("https://www.ocfl.net/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(https://www.ocfl.net/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;
    }
    

/************************************************************************
* Grid Content
*************************************************************************/  


.gridOverview
{
   margin: 0 40px;
}

#container .gridOverview h2
{
   font-size: 1.5em;
   margin-bottom: 15px;
   text-transform: capitalize;
}

#gridOverview p
{
   line-height: 200%;
}

.gridContentWrap
{
   margin: 25px 0;
}

#container .gridContentWrap h2
{
   font-size: 1.5em;
   margin-bottom: 20px;
   margin-left: 40px;
   text-transform: capitalize;
}

.gridContentWrap ul li
{
   margin: 7px 0;
   display: inline-block;
   width: 24%;
}

#container .gridContentWrap ul li a {
   display: inline-block;
   width: 194px;
   padding: 15px 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #333333 ;
   text-decoration: none;
   text-align:center;
   font-size: 16px;
   }
#container .gridContentWrap ul li a:hover {
   text-decoration: none ;
   }
   
#container .gridContentWrap .gridBlue li a {
   background: #cde6f5;
   }
#container .gridContentWrap .gridBlue li a:hover {
   background: #dfdfdf;
   }   
   
#gridContactWrap
{
     margin: 0 40px;
}

#gridContactCol1
{
	 width: 25%;
     vertical-align: top;
     display: inline-block;
}

#gridContactCol2
{
     width: 74%;
	 vertical-align: top;
     display: inline-block;
}

       
}

@media print
{
	a {color: #000000 !important}
	a.link {color: #000000 !important}
	
	#top-print { width: 100%; text-align: center; }	
	
	#topbanner {
	    display: none; 
	}

    #breadcrumb {
	    display: none; 
    }
	
	#container #left {
		float: left;
		max-width:23%;
		width:23%;
		overflow:hidden;		
	}

	#container #rightarea {	
		float: right;
		max-width:75%;
		width:75%;
		overflow:hidden;


	}
    
    #tabid {
        display: none; 
	}
	    	
	#footerwrap {
		clear: both;
	}
		
	#footerwrap #footerright {
		display: none;
	}
	
	#footerwrap #footerbottom {
	    display: none;	    
	}
	
	.footercol {
		display: none;	
	}
	
	.ControlPanel { display: none; }

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

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

    .bytopic  a:hover {
	    text-decoration: none !important;
    }	
    
    .bytopiccol 
    {
	    display: inline-block;
    }    

    .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 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 {
	    margin: 0 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;
    }
	
/************************************************************************
* OrangeStats styles
*************************************************************************/   
    .statsdropdown {
        width:165px !important;
    }	
}