/*** body style sets properties for the entire page ****/
		
	body {
		
		/*	background: -webkit-linear-gradient(#ffb637, white);  Safari */
		/*	background: -o-linear-gradient(#ffb637, white); Opera */
		/*	background: -moz-linear-gradient(#ffb637, white);  FireFox */
		/*	background: linear-gradient(#ffb637, white);  Standard */ 
		

			/* background-color: #ffb637;  mustard orange background of template */
			
			/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
			background-image: radial-gradient(circle, #ffb637 60%, darkorange);
			font-family: calibri, arial;
			font-size: 13pt;
			margin: 0;
    		height: 100%;
			overflow:auto;
		}

	html {
			margin: 0;
			/* height: 100%; */
			overflow:auto;			
		}			
/**/
* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}

	

/* H1 */
h1 { 
	font-size: 2.5em;
	padding:0;
	margin:0;}

h2 { 
	font-size: 2em;
	padding:0;
	margin:0;}

h3 { 
	font-size: 1.5em;
	padding:0;
	margin:0;}

h4 { 
	font-size: 1.33em;
	padding:0;
	margin:0;}
	
table { 
	font-size: 12pt;
	}

	a:link {
		font-family: calibri, arial;
		text-decoration: none;
		color:blue;
		font-size: 12pt;
	}	
	a:visited {
		text-decoration: none;
		color:blue;
	}	
	a:hover {
		text-decoration: underline;
	}	
	a:active {
		text-decoration: underline;
	}
	.odd {
        background-color:ghostwhite;
    	}
    .even {
        background-color:#FFFFFF;
   		 }

	.SpotlightOnBody {	
		background: url(img/spot-light-Transparent.png) top right no-repeat;
		background-size: 300px 289px;
		background-origin: content-box;	
		}

	br {
		display: block;
   		margin: 0px 0 0 0;
		}

	P {
		display: block;
   		margin: 0px 0 0 0;
		}






/* Page Structure */
		.HeaderBar {
			width:85%;
			/* border:2px solid black; */
			border:4px ridge grey;
			/* background:white; */
			background-image: url("../img/gradpix.jpg");
    		background-repeat: repeat-x;
			/* background: -webkit-radial-gradient(white 80%, lightgrey);  Safari */
			/* background: -o-radial-gradient(white 80%, lightgrey);  Opera */
			/* background: -moz-radial-gradient(white 80%, lightgrey); FireFox */
			/* background: radial-gradient(white 70%, lightgrey);  Standard */
			margin:10px 0 5px 0;
			height:160px;
			border-radius:25px;
			vertical-align:middle;
		}


		.NavBar {
			width:85%;
			/* border:2px solid black; */
			border:4px ridge grey;
			background:ghostwhite;
			/* background: -webkit-radial-gradient(white 80%, lightgrey); /* Safari */
			/* background: -o-radial-gradient(white 80%, lightgrey); /* Opera */
			/* background: -moz-radial-gradient(white 80%, lightgrey); /* FireFox */
			/* background: radial-gradient(white 70%, lightgrey); /* Standard */ 
			
			margin-top:5px;
			height:38px;
			
			/* padding-top:3px; */
			/* padding-bottom:3px; */
			border-radius:25px;
			vertical-align:middle;
			/* overflow:auto; */
			}

		.page-wrap { 
			width: 400px; 
			margin: 15px auto; 
			position: relative;
			float:left;
			text-align:left;
			}


		.LeftSideBar {
			/* position:fixed; */			
			/* width:15%; */
			/* border:2px solid black; */
			border:4px ridge grey;
			margin-top:20px;
			/*margin-left:130px; */
			border-radius:25px;
			text-align:left;
			font-size:10pt;
			align:left;
			padding:20px;
			/* display:inline-block; */
			vertical-align:top;
			background: -webkit-radial-gradient(white 80%, lightgrey); /* Safari */
			background: -o-radial-gradient(white 80%, lightgrey); /* Opera */
			background: -moz-radial-gradient(white 80%, lightgrey); /* FireFox */
			background: radial-gradient(white 70%, lightgrey); /* Standard */
			}

		.MainContent	{
			/*width:68%;  68% */
			/* border:2px solid black; */
			border:4px ridge grey;
			margin-top:5px;
			border-radius:25px;
			text-align:left;
			padding:20px;
			/* display:inline-block; */
			/* background: -webkit-radial-gradient(ghostwhite 90%, lightgrey); Safari */
			/*background: -o-radial-gradient(ghostwhite 90%, lightgrey);  Opera */
			/*background: -moz-radial-gradient(ghostwhite 90%, lightgrey);  FireFox */
			/*background: radial-gradient(ghostwhite 90%, lightgrey);  Standard */
			background-image: radial-gradient(#f8f8ff 90%, #d3d3d3); /* Ghostwhite, lightgray */		
			overflow:auto;
			font-family: calibri, arial;
			will-change: transform, opacity;
			}

		p {
			font-family:calibri;
			font-size:12pt;
		}
		
		ul {
			font-family:calibri;
			font-size:12pt;
		}
		
		li {
			font-family:calibri;
			font-size:12pt;		
		}

		.NewsBoxTopWide {
			/* width:70%; */
			font-size:12pt;
			border:1px solid black;
			border-radius:15px;
			text-align:left;
			background-color:white;
			padding: 0px 10px 0px 10px;
			overflow:auto;
			}

		.NewsBoxTopNarrow {					
			border:1px solid black;
			border-radius:15px;
			text-align:left;
			background-color:white;
			padding: 0px 10px 0px 10px;
			overflow:auto;
			}
			
		.NewsColumnLeft {
			display:inline-block;
			width:48%;
			float:left;
			font-size:11pt;
			font-family: calibri, arial;
			}			
		
		.NewsBoxLeft {
			/* display:inline-block; */
			width:100%;
			/* float:left; */
			border:1px solid black;
			border-radius:15px;
			text-align:left;
			padding:5px;
			padding-top:10px;
			padding-bottom:10px;
			background-color:white;
			vertical-align:top;
			overflow:auto;
			font-size:11pt;
			font-family: calibri, arial;
			}

		.NewsColumnRight
			{
			display:inline-block;
			width:50%;
			float:right;
			font-size:11pt;
			font-family: calibri, arial;			
			}

		.NewsBoxRight	{
			/*display:inline-block;*/
			width:100%;
			/* float:right; */
			border:1px solid black;
			border-radius:15px;
			text-align:left;
			padding:5px;
			padding-top:10px;
			padding-bottom:10px;
			background-color:white;			
			vertical-align:top;
			font-size:11pt;
			font-family: calibri, arial;
			}
			
	.TwitterBoxRight
			{
			display:inline-block;			
			float:right;
			border:1px solid black;
			border-radius:15px;
			text-align:left;			
			padding-top:10px;
			padding-bottom:10px;
			background-color:white;
			vertical-align:top;
			overflow:auto;
			}

	.BlogBoxRight
			{
			vertical-align:top;
			display:inline-block;			
			/* float:right; */
			border:1px solid black;
			border-radius:15px;
			text-align:left;
			padding:10px;
			background-color:white;			
			overflow:auto;
			}
			
	.NewsBoxHeaderText {
		font-size:26pt;
		font-family:'Courier New',Courier;
		font-weight:bold;
		margin-left:20px;
		color:black;
		font-stretch:ultra-condensed;
		}

		.DivCenter {
			text-align:center;
			align:center;
			overflow:auto;
			}

		.clearfix:after {
			content: "";
			display: table;
			clear: both;
			}

/* CFWindow Pop Ups */
	.x-window-mc { 
		background-color: white;
		border: 1px solid #808080;
		color:#333333;
		border-radius:10px;
		padding:5px;
		margin:0 0 0 0;
		font-size:9pt;
		text-align:left;
		font-family:Verdana, Geneva, sans-serif;
		} 

/* ADMIN tables, etc */
	fieldset {
		width:95%;
		background-color:gainsboro;
		}	
	legend {
		margin-left:10px;
		font-weight:bold;
		}
	.odd {
        background-color:ghostwhite;
    	}
    .even {
        background-color:#FFFFFF;
   		 }
	 .header {
		 font-weight:bold;
		 background-color:gainsboro;
		 }

	.buttonLink {
		-webkit-appearance:button;
		-moz-appearance:button;
		appearance:button;
		text-decoration:none;
		color:black;
		}
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE 10 and 11 specific */
		.buttonLink:hover {
			text-decoration: underline !important;
		}
	}



/* Text formats and colors */
		.warningText {
			color:darkred;
			}

		.successText {
			color:darkgreen;
			}

/* AWESOME COLOR CHANGING FONT */
.awesome {           
      margin: 0 auto;
      text-align: center;      
      color:#313131;
      font-size:32pt;         
      -webkit-animation:colorchange 10s infinite alternate;      
    }

    @-webkit-keyframes colorchange {
      0% {        
        color: blue;     }      
      10% {        
        color: #8e44ad;
      }      
      20% {        
        color: #1abc9c;
      }      
      30% {        
        color: #d35400;
      }      
      40% {        
        color: blue;
      }      
      50% {        
        color: #34495e;
      }      
      60% {        
        color: blue;
      }      
      70% {        
        color: #2980b9;
      }
      80% {     
        color: #f1c40f;
      }      
      90% {     
        color: #2980b9;
      }      
      100% {        
        color: pink;
      }
    }



/* Standard label-left, data-right output table */
	.OutputTable {
		border-collapse: collapse;
		padding:0;
		margin:0;
		border:1px solid #cccccc;
		width:90%;
		}
	.OutputTableTR:nth-child(odd) {
		background-color: #f2f2f2;
		}
	.OutputTableTH {
		border-bottom:1px solid #cccccc;
		background-color: #EEEEEE;
		}
	.OutputTableLabel {
		text-align:right;
		vertical-align:middle;
		background-color: #EEEEEE;
		font-weight:bold;
		padding-right:5px;
		border-bottom:1px solid #cccccc;
		}
	.OutputTableData {
		text-align:left;
		padding-left:5px;
		vertical-align:middle;
		background-color: white;
		border-bottom:1px solid #cccccc;
		}
	.OutputTableInput {
		background-color:ghostwhite;
		}	

/* UPCOMING EVENTS table on main landing page */		
	.EventsTable {
		border-collapse: collapse;
		padding:0;
		/* border:1px solid #cccccc; */
		width:100%;
		vertical-align:top;
		font-size:10pt;
		margin:20px 0 0 0;
		}
	.EventsTableTR:nth-child(odd) {
		background-color: #f2f2f2;
		}
	.EventsTableTH {
		border-bottom:1px solid #cccccc;
		background-color: #EEEEEE;
		font-weight:bold;
		font-size:11pt;
		}
	.EventsTableLabel {
		text-align:right;
		vertical-align:middle;
		background-color: #EEEEEE;
		font-weight:bold;
		padding-right:5px;
		border-bottom:1px solid #cccccc;
		}
	.EventsTableData {
		text-align:left;
		padding-left:5px;
		vertical-align:top;
		background-color: white;
		border-bottom:1px solid #cccccc;
		font-size:10pt;
		}
	.EventsTableInput {
		background-color:ghostwhite;
		}		


/* CTCP UPDATES */
	.updates-month { 
		float:left; 
		width:33%; 
		}
	.updates-month:nth-child(3n+1) {
		clear:left 
		}
	.updates-month ul { 
		margin-left:0px; 
		padding-left:15px; 
		}
		
/* DOWNLOAD BUTTON STYLES */

.xlsButton {
	background:lightgreen;
	background: -webkit-linear-gradient(lightgreen, green); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(lightgreen, green); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(lightgreen, green); /* For Firefox 3.6 to 15 */
    background: linear-gradient(lightgreen, green); /* Standard syntax */
	height:25px;
	width:65px;
	border-radius:5px;
	
	}
	



	
/* for tooltip pop-ups on CTCPUpdatesByYear.cfm 	*/
	div.htmltooltip {
	position: absolute; /*leave this and next 3 values alone*/
	z-index: 1000;
	left: -1000px;
	top: -1000px;
	/* background: #272727; */
	background:#3f2f2f2;
	border: 1px #808080;
	/* color: white; */
	color:#333333;
	border-radius:5px;
	padding: 3px;
	width: 250px; /*width of tooltip*/
	}


/* ---------------------------------------------------------------------------------- */
/* ------------------------------PRIMARY NAVIGATION BAR------------------------------ */
/* ---------------------------------------------------------------------------------- */
#nav {
    z-index: 2;
    min-width: 100%;
	overflow:visible;
	
}

.nav_background {
    overflow: hidden;
}

.nav_content {
	position: relative;
	overflow:visible;
	
}

#nav ul {
	list-style-type: none;
	margin: 0 0 0 14px;
	padding: 0;
	overflow:visible;
	
}

#nav ul li {
	position: relative;
	float: left;
	margin: 0;
	vertical-align:top;
	overflow:visible;
}

#nav ul li a {
	display: block;
	text-decoration: none;
	padding: 0 20px 0px 20px;
	white-space: nowrap;
	border-bottom: 0px none;
	border-right: 0px none;
	background-color:white;
	height:100%;
	color:darkblue; 
	font-size: 16pt;
	overflow:visible;
}

 #nav ul li:hover> a {
	 background-color:#e6f7ff; 
	 text-decoration:underline;
	 }

	
#nav ul li li a {
	white-space: normal;
	overflow:visible;
}






/* -------------------------------------------------------------------------------------------- */
/* -------------------------------DROPDOWN NAVIGATION------------------------------------------ */
/* -------------------------------------------------------------------------------------------- */
#_nav_dropdown .nav_background, #_nav_dropdown .nav_content { overflow:visible; }

#nav #_nav_dropdown ul li { float:none; }

    #_nav_dropdown ul { position:relative; }
        #_nav_dropdown ul li { position:relative; bottom:0px; }

    #_nav_dropdown ul ul {margin:0px;
		position:absolute;
		display:none;
		width:20em;	/* 18em */	
		margin-top:0px;
		margin-left:-1px;
		padding:0px 8px 8px 0px;
		z-index: 99; 
		background-image:url('img/navtop_arrow_top.png');
		background-repeat:no-repeat;
		background-position:1em 3px; 		
		}
		
        #_nav_dropdown ul ul div { box-shadow:0px 1px 3px 0px #777;}
        
        #_nav_dropdown ul ul ul { left:100%;
			top:0px;
			padding:0 5px 5px 5px;
			background-image:url('img/navtop_arrow_left.png');
			background-repeat:no-repeat;
			background-position:left .5em; 
			
			}
    
        #_nav_dropdown .bar_2 ul ul { background-image:url('img/navbot_arrow_top.png'); }
        #_nav_dropdown .bar_2 ul ul ul { background-image:url('img/navbot_arrow_top.png') }
    
    
    #_nav_dropdown ul li { position:relative; display:inline-block; }
    
        #_nav_dropdown ul li._drop {  }
    
        #_nav_dropdown ul li._drop> a { padding-right:10px;
										background-repeat:no-repeat;
										background-image:url('img/droptop_arrow_right.png');
										background-position:right center;
										border-right: 5px solid transparent; }
        #_nav_dropdown ul li._drop:hover> a { background-image:url('img/droptop_arrow_down.png'); }
    
        #_nav_dropdown .bar_2 ul li._drop> a { background-image:url('img/dropbot_arrow_right.png'); }
        #_nav_dropdown .bar_2 ul li._drop:hover> a { background-image:url('img/dropbot_arrow_down.png'); }
    
        #_nav_dropdown ul li:hover>* { display:block; }
    
    #_nav_dropdown ul ul li {
        border-left: 0px none;
        margin: 0;
        /* border-top: 1px solid grey; */
        display:block;
		
		
    }
    #_nav_dropdown ul ul li:last-child { border-bottom: 0px solid black; } 
    
        #nav #_nav_dropdown .bar_2 ul ul li { border-top:solid 2px red;
											border-left:solid 2px green; }
        #_nav_dropdown .bar_2 ul ul li:last-child { border-bottom:none; }
    
        
        #_nav_dropdown ul ul li a { 
            display:block;
            vertical-align:middle;
            text-align:left;
            padding:10px 10px;
            background-color:#e6f7ff; /* #e6f7ff #b3e0ff */
            font:1em Helvetica, Arial, sans-serif;
            text-decoration:none;
            line-height:1.1em;
			border-bottom:1px solid orange; /**/
			color:black;
			/* border-radius:25px; BUBBLES! */
        }
    
        #_nav_dropdown .bar_2 ul ul li a { background-color:red; }
        #nav #_nav_dropdown .bar_2 ul ul li a:hover { background-color:red; }
    
    
        #_nav_dropdown ul ul li:hover>a {
            /* border-style:none; */
			border-bottom:1px solid orange; /**/
			border-right:1px solid orange;
			border-left:1px solid orange;
            text-decoration:none;
			background-color:ghostwhite;
			font-weight:bold;
			
        }
    
    


/*---------------------------------DOUBLEDOWN NAVIGATION --------------------------------------*/

#_nav_doubledown .nav_background,#_nav_doubledown .nav_content { overflow:visible;  }

#nav #_nav_doubledown ul li { float:none; }


#_nav_doubledown ul li { position:relative;white-space:nowrap;display:-moz-inline-stack;
    display:inline-block;
}

#_nav_doubledown ul ul { display:none; }


/*--------------------------------------------------------------------------------------------*/
/* Glass Buttons ---------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------*/

	.glassGreen{
	/* background styles */
	position: relative;
	display: inline-block;
	padding: 4px 10px 2px 10px;
	background-color: green; /*for compatibility with older browsers*/
	background-image: linear-gradient(green,lightgreen);

	/* text styles */
	text-decoration: none;
	color: black;
	font-size: 14px;
	font-family: sans-serif;
	font-weight: 100;
	
	border-radius: 3px;
	box-shadow: 0px 1px 4px -2px #333;
	text-shadow: 0px -1px #333;
}

.glassGreen:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}

.glassGreen:hover{
	background: linear-gradient(#073,#0fa);
	text-decoration: none;
}

/* Blue *******************************************************************************************/
.glassBlue{
	/* background styles */
	position: relative;
	display: inline-block;
	padding: 4px 10px 2px 10px;
	background-color: blue; /*for compatibility with older browsers*/
	background-image: linear-gradient(blue,lightblue);
	border-radius: 3px;
	box-shadow: 0px 1px 4px -2px #333;	

	/* text styles */
	text-decoration: none;
	color: white;
	font-size: 14px;
	font-family: sans-serif;
	font-weight: bold;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.glassBlue:hover{
	background: linear-gradient(darkblue,teal);
	text-decoration: none;
	color: white;
}

.glassBlue:after{
	color: white;
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}

/* Gold *****************************************************************************************/
.glassGold{
	/* background styles */
	position: relative;
	display: inline-block;
	padding: 4px 10px 2px 10px;
	background-color: orange; /*for compatibility with older browsers*/
	background-image: linear-gradient(orange,gold);
	border-radius: 3px;
	box-shadow: 0px 1px 4px -2px #333;	

	/* text styles */
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	font-family: sans-serif;
	font-weight: bold;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.glassGold:hover{
	background: linear-gradient(goldenrod,yellow);
	text-decoration: none;
}

.glassGold:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}

/* White *************************** */
.glassWhite{
	/* background styles */
	position: relative;
	display: inline-block;
	padding: 4px 10px 2px 10px;
	background-color: orange; /*for compatibility with older browsers*/
	background-image: linear-gradient(lightgrey,white);
	border-radius: 3px;
	box-shadow: 0px 1px 4px -2px #333;	

	/* text styles */
	text-decoration: none;
	color: black;
	font-size: 14px;
	font-family: sans-serif;
	font-weight: bold;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.glassWhite:hover{
	background: linear-gradient(grey,ghostwhite);
	text-decoration: none;
	color: black;
}

.glassWhite:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}

/* RED *********************/ 
.glassRed{
	/* background styles */
	position: relative;
	display: inline-block;
	padding: 4px 10px 2px 10px;
	background-color: orange; /*for compatibility with older browsers*/
	background-image: linear-gradient(red,red);
	border-radius: 3px;
	box-shadow: 0px 1px 4px -2px #333;	

	/* text styles */
	text-decoration: none;
	color: white;
	font-size: 14px;
	font-family: sans-serif;
	font-weight: bold;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.glassRed:hover{
	background: linear-gradient(darkred,red);
	text-decoration: none;
	color: white;
}

.glassRed:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}