﻿/* CSS Document */

/*=======================================================================================
Generic Poperties and Main Container
=======================================================================================*/
.thrColFixHdr #MainContainer {
	width: 996px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url( '/Site/Portals/_default/Skins/MySkin/images/body_bg.png' );
	background-repeat: repeat-x;
	background-color: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
	/* border: none none #FFFFFF; */ 
	border: solid 1px lightgrey; 
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-right: auto;
	margin-left: auto;
	height: auto;
	
}

body {
		background-image: url( '/Site/Portals/0/bkgd.png' );
		/* Broke down background properties. Changed 'repeat' to 'repeat-x' to stop repeat on y axis when viewing on higher resolutions. */
		background-repeat: repeat-x;
		background-attachment: fixed;
		margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
		padding: 0;
		text-align: center;
		/* background-color: #004A8E; */
		background-color: white; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: black;
}
		
p {
	/* color:#464646; */ 
	color: black;
	font-size:12px;
	margin-top: 0px;
	padding-bottom: 0px;
}




/*=======================================================================================
Header
=======================================================================================*/
.thrColFixHdr #header
{
	height: 92px;
	margin-top: 0;
	margin-bottom: 0;
}

.thrColFixHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px;
	color: #FFFFFF;
}




/*=======================================================================================
Navigation/Main Menu
=======================================================================================*/
/* main navigation container */
.thrColFixHdr #nav-cont {
	text-align: center;
	background-color: #FFFFFF;
	background: url( '/Site/Portals/_default/Skins/MySkin/images/but-on.jpg' ) repeat-x;
	height: 22px; /*24 */
	width: 996px;
}

.thrColFixHdr #nav-links li 
{
	/* display: inline; */
	float: left;
	list-style: none;
	margin: 0;
	background: url( '/Site/Portals/_default/Skins/MySkin/images/but-hov.jpg' ) repeat-x;
	width: 996px;
	height: 22px;
}

.thrColFixHdr #nav-links li a {
	text-decoration: none;
	display: block;
	float: left;
	font-size: 12px; /*font-size:1.1em;*/
	font-family: Arial, Helvetica, sans-serif;
}

.thrColFixHdr #nav-links li.off a {
	color: #DBDBDB;
	/* border-top: 1px solid #8B8C8F; */
	background: url( '/Site/Portals/_default/Skins/MySkin/images/but-on.jpg' ) repeat-x;
}

.thrColFixHdr #nav-links li.off a:hover {
	color: #FFF;
	/* border-top: 1px solid #A8A9AB; */
	background: url( '/Site/Portals/_default/Skins/MySkin/images/but-hov.jpg' ) repeat-x;
}

.thrColFixHdr #nav-links li.on a {
	color: #333;
	/*border-top: 1px solid #FFF;
	border-bottom: 1px solid #DBDBDB; */
	background: url( '/Site/Portals/_default/Skins/MySkin/images/but-on.jpg' ) repeat-x;
}


/* Moved from navigation.css.
---------------------------------------------------------------------------------------*/
.MainMenu_RootMenuItemBreadcrumb {
            height: 22px;
            text-align: left;
            text-decoration: none;
            display: block;
            /* padding: 0px 15px 0px 15px; */
			padding: 0px;
            float: left;
            font-size: 12px; /*font-size:1.1em;*/
            font-family: Geneva, Arial, Helvetica, sans-serif;
            color: #333;
            /* border-top: 1px solid #FFF; 
            border-bottom: 1px solid #DBDBDB; */
            background: url(  '/Site/Portals/_default/Skins/MySkin/images/but-on.jpg' ) repeat-x;
}

.MainMenu_SubMenuItemBreadcrumb {
            height: 22px;
            text-align: left;
            text-decoration: none;
            display: block;
            /* padding: 0px 15px 0px 15px; */
			padding: 0px;
            float: left;
            font-size: 12px; /*font-size:1.1em;*/
            font-family: Geneva, Arial, Helvetica, sans-serif;
            color: #333;
            /* border-top: 1px solid #FFF; 
            border-bottom: 1px solid #DBDBDB; */
            background: url(  '/Site/Portals/_default/Skins/MySkin/images/but-on.jpg' ) repeat-x;
}

.MainMenu_RootMenuItem { /* Background */ 
            height: 22px;
            text-align: left;
            text-decoration: none;
            display: block;
            padding: 0px 15px 0px 15px;
            float: left;
            font-size: 12px; /*font-size:1.1em;*/
            font-family: Geneva, Arial, Helvetica, sans-serif;
            color: #333;
            /* border-top: 1px solid #FFF; 
            border-bottom: 1px solid #DBDBDB; */
            background: url(  '/Site/Portals/_default/Skins/MySkin/images/but-on.jpg' ) repeat-x;
}

.MainMenu_SubMenuItemActive {
            height: 22px;
            text-align: left;
            text-decoration: none;
            display: block;
            padding: 0px 15px 0px 15px;
            float: left;
            font-size: 12px; /*font-size:1.1em;*/
            font-family: Geneva, Arial, Helvetica, sans-serif;
            color: #333;
            /* border-top: 1px solid #FFF; 
            border-bottom: 1px solid #DBDBDB; */
            background: url(  '/Site/Portals/_default/Skins/MySkin/images/but-on.jpg' ) repeat-x;
}
		
.MainMenu_RootMenuItemActive{
            height: 22px;
            text-align: left;
            text-decoration: none;
            display: block;
            padding: 0px 15px 0px 15px;
            float: left;
            font-size: 12px; /*font-size:1.1em;*/
            font-family: Geneva, Arial, Helvetica, sans-serif;
            color: #333;
            /* border-top: 1px solid #FFF; 
            border-bottom: 1px solid #DBDBDB; */
            background: url(  '/Site/Portals/_default/Skins/MySkin/images/but-on.jpg' ) repeat-x;
}
.MainMenu_SubMenuItemActive {
            color: #666;
            /* border-top: 1px solid #FFF;
            border-bottom: 1px solid #DBDBDB; */
            display: none;
}

.MainMenu_RootMenuItemSelected { /* This is when hovering */
            height: 22px;
            text-align: left;
            text-decoration: none;
            display: block;
            padding: 0px 15px 0px 15px;
            float: left;
            font-size: 12px; /*font-size:1.1em;*/
            font-family: Geneva, Arial, Helvetica, sans-serif;
            color: #333;
            /* border-top: 1px solid red; 
            border-bottom: 1px solid #DBDBDB; */
            background: url(  '/Site/Portals/_default/Skins/MySkin/images/but-on.jpg' ) repeat-x;
}

.MainMenu_SubMenuItemActive {
            color: #333;
            /* border-top: 1px solid #FFF;
            border-bottom: 1px solid #DBDBDB; */
            background: url(  '/Site/Portals/_default/Skins/MySkin/images/but-on.jpg' ) repeat-x;
}

.MainMenu_MenuIcon .MainMenu_SubMenuItemSelected{
			/display: none;

}






/*=======================================================================================
Body and Content Panes
=======================================================================================*/
/* far left content pane on home page */
.thrColFixHdr #dnn_ContentPane {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	width: 550px;
	float: left;
	font-size: 90%;
}

/* middle content pane on home page */
.thrColFixHdr #dnn_Sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 175px; /* padding keeps the content of the div away from the edges */
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}

/* far right content pane on home page */
.thrColFixHdr #dnn_Sidebar2 {
	float: left; /* since this element is floated, a width must be given */
	width: 175px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}

/* Sidebar for sub pages */
#dnn_sidebar
    {
	float: left; /* since this element is floated, a width must be given */
	width: 175px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}



/* taken from ContentPane.ascx */
/*.head_title{
	width: 530px;
}
.c_head_grey{
    width: auto;
}
*/

/* From Sidebar1.ascx */
.head_title{
    width: 275;
    padding-top: 10px;
}

	
	
/*=======================================================================================
Footer
=======================================================================================*/

.thrColFixHdr #dnn_footer {
	background-color: #EFEFEF;
	background-image: url( '/Site/Portals/_default/Skins/MySkin/imgs/bg-footer.jpg' );
	height: 375px;  /* Need to change this value to increase / decrease height of footer element background; */
	width: auto;
	/* width: 976px; /* must remain less than 996px to allow for padding (set below: 10px each side) */
	background-repeat: no-repeat;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 0;
	padding-right: 0px; /* was 10px. This fixed the right-side footer bg img gap in IE. */
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 75px;
	text-align: center;
}

.thrColFixHdr #footer p {
	margin: 0 auto; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 8px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Footer Nav CSS* - Added by Rex Carter - 4/21/2009 */
.ftrnav {
	float:left;
	text-align:left;
	width:100%;
	font-size:10px;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 41px; /* 45px; original footer bottom padding. Reduced to make more room for DSN number */
	padding-left: 70px;
}
.ftrnav ul {
	margin:0;
	padding:0;
	list-style:none;
}

.ftrnav ul li {
	width:115px;
	float:left;
	font-weight:bold;
	font-size:12px;
	margin:0 0 0 10px;
	padding:2px 0 0 0;
	display:block;
}

.ftrnav ul li li {
	float:none;
	font-weight:normal;
	margin:0px;
	font-size:10px;
}

.ftrnav a, a:active, a:link, a:visited {
	color:#336699;
	text-decoration:none;
}

.ftrnav a:hover {
	text-decoration:underline;
}

#ftrlinks {
	text-align: center;
}




/*=======================================================================================
Slideshow - moved from slideshow.css
=======================================================================================*/
.slideshow, .slideshow-label, .slideshow-content, .slideshow-panel {
    font:12px Verdana, Tahoma, sans-serif;
}

.slideshow {
    padding:0;
    border:0;
    position:relative;
    display:none;           /* Set to "none" for not preview slideshow content */
}
.slideshow-banner-cont {
	width:auto;
	height:auto;
}

.slideshow-fullscreen {
    position:absolute;
    top:0;
    left:450px;
    padding:0;
    border:0;  
    overflow:hidden;
}

.slideshow-label-place {
    padding:0;
    position:absolute;
    top:0px;
    left:450px;
    z-index:100;
    height:30px;
}
.slideshow-label {   
    z-index:101;
    color:#fff;
    width:100%;
    height:100%;
    line-height:30px;
    text-indent:8px;
    font-weight:bold;
}

.slideshow-panel-place {
    padding:0;
    position:absolute;
    bottom:0px;
    left:450px;
    z-index:100;
    height:28px;
}

.slideshow-panel {
    z-index:101;    
    width:100%;
    height:100%;
}

.slideshow-help {
    position:absolute;
    bottom:28px;
    left:450px;    
    z-index:101;   
    background-color:#ff9; 
    display:none;
    opacity: 0.9;
    width:100%;
}

.slideshow-content {
    padding:0;
    background-color:#fff;
    color:#333;
    overflow:hidden;
    position:relative;
    width:100%;
    height:100%;
}

/* Some Content Changes */
.slideshow-content p {
    padding:0;
    overflow:auto;
}

.slideshow-frame {
    position:absolute;
    top:0px;
    left:450px;
    background:url(../imgs/big-play.png) 50% 50% no-repeat;
    z-index:201;
    cursor:pointer;
    width:100%;
    height:100%x;
}

.slideshow-shadow{
    position:absolute;
    top:0px;
    left:450px;
    z-index:200;
    width:100%;
    height:100%;
}
    
.slideshow-opacity{
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYmBgaAAIMAAAjwCD5Hc2/AAAAABJRU5ErkJggg==);/*
    background:rgba(0, 0, 0, 0.4);*/
}
    *:first-child+html .slideshow-opacity, * html .slideshow-opacity {
        zoom:1;
        background:#000;
        filter:alpha(opacity=50);
    }
    * html .slideshow-opacity {
        zoom:1;
        background:#000;
        filter:alpha(opacity=50);
    }
    
    *:first-child+html .slideshow-opacity *{
        position:relative;
    }
    
    * html .slideshow-opacity *{
        position:relative;
    }

/* slidecaption settings */
.slidecaption, .slidecaption-label, .slidecaption-content, .slidecaption-panel {
    font:12px Verdana, Tahoma, sans-serif;
}

.slidecaption {
    padding:0;
    border:0;
    position:relative;
    display:none;           /* Set to "none" for not preview slideshow content */
}
.slidecaption-banner-cont {
	width:auto;
	height:auto;
}

.slidecaption-fullscreen {
    position:absolute;
    top:0;
    left:0;
    padding:0;
    border:0;  
    overflow:hidden;
}

.slidecaption-label-place {
    padding:0;
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    height:30px;
}

.slidecaption-label {   
    z-index:101;
    color:#fff;
    width:100%;
    height:100%;
    line-height:30px;
    text-indent:8px;
    font-weight:bold;
}

.slidecaption-panel-place {
    padding:0;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:100;
    height:28px;
}

.slidecaption-panel {
    z-index:101;    
    width:100%;
    height:100%;
}
	
.slidecaption-help {
    position:absolute;
    bottom:28px;
    left:0px;    
    z-index:101;   
    background-color:#ff9; 
    display:none;
    opacity: 0.9;
    width:100%;
}

.slidecaption-content {
    padding:0;
    background-color:#fff;
    color:#333;
    overflow:hidden;
    position:relative;
    width:100%;
    height:100%;
}

/* Some Content Changes */
.slidecaption-content p {
    padding:0;
    overflow:auto;
}

.slidecaption-frame {
    position:absolute;
    top:0px;
    left:0px;
    background:url(../imgs/big-play.png) 50% 50% no-repeat;
    z-index:201;
    cursor:pointer;
    width:100%;
    height:100%x;
}

.slidecaption-shadow{
    position:absolute;
    top:0px;
    left:0px;
    z-index:200;
    width:100%;
    height:100%;
}
    
.slidecaption-opacity{
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYmBgaAAIMAAAjwCD5Hc2/AAAAABJRU5ErkJggg==);/*
    background:rgba(0, 0, 0, 0.4);*/
}
    *:first-child+html .slidecaption-opacity, * html .slidecaption-opacity {
        zoom:1;
        background:#000;
        filter:alpha(opacity=50);
    }
    * html .slidecaption-opacity {
        zoom:1;
        background:#000;
        filter:alpha(opacity=50);
    }
    
    *:first-child+html .slidecaption-opacity *{
        position:relative;
    }
    
    * html .slidecaption-opacity *{
        position:relative;
    }

	
	
	
/*=======================================================================================
Floats
=======================================================================================*/

.fltrt {
	/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft {
	/* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat {
	/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}




/*=======================================================================================
Unsorted
=======================================================================================*/

/* CSS for search input */ 
.dnn_ctr739_ModuleContent {
	text-align: left;
	
}

.topcss {   
	/* background-color: #004A8E; */
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
}


.TitleHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #C20203;
	width: 175px;
}

a .eventcal_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #C20203;
	/* width: 175px; */
} 

.dnn_ctr738_dnnTITLE_lblTitle { 
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			color: #C20203;
			width: 180px;
}

.thrColFixHdr #dnn_bannerContainer {
	background-image: url( 'imgs/sub-nav-bg.jpg' );
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 260px;
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	background-color: #DBDBDB;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #999;
	padding-bottom: 0px;
	width: 996px;
}

#MainContainer #inputsearch_rt {
	position: absolute;
	margin-right:0;
	right: 1%;
}

/* Font settings for Local ESGR Contacts table */
table, tr, td #td_body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Styles for Sub Pages Main */
.c_head c_head_grey, #dnn_ctr641_ModuleContent {
	/* background: url('/Site/Portals/0/bkgd.png') repeat-y; */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #336699;
}

.style1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}



.faq_section_title a{
	color: #C20203;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}


.faq_subpart_title a{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

#dnn_dnnTEXT_lblText {
	font-size: 11px;
}

.Breadcrumb{
	font-size: 11px;
}


/*=======================================================================================
Admin
=======================================================================================*/

.admin_top_bar {
	background-color: #d5e2ff;
}





/*=======================================================================================
Search
=======================================================================================*/
.button_search {
	background-image: url('../images/search_button.png');
	height: 22px;
	width: 50px;
	border: medium none;
	background-color: #FFFFFF;
	cursor:pointer;
	margin-left:5px;
	vertical-align: top;
}

.button_search:hover {
	background-image: url('../images/search_button_hover.png');
	height: 22px;
	width: 50px;
	border: medium none;
	background-color: #FFFFFF;
	cursor:pointer;
	margin-left:5px;
	vertical-align: top;
}

.hideme {
	display:none;
}



/*=======================================================================================
AddThis
=======================================================================================*/
.addthis {
	margin-bottom:0;
}

#addthis_container {
	padding-left: 1em;
}
