/* ==========================================================================
   goCORA's custom styles
   ========================================================================== */

/*@media (min-width: 768px) and (max-width: 860px)
{
	.container{
		max-width:820px;
	}
}
@media (min-width: 861px) and (max-width: 980px)
{
	.container{
		max-width:880px;
	}
}
@media print
{
	.hidden
	{
		display:block;
	}
}*/
@media (max-width: 560px){/*important for youtube videos -> mobile*/
	iframe{
		margin:0px;
		padding:0px;
		width:390px;
	}
}
@media (max-width: 700px)
{
	ul.navbar-nav > li > a
	{
		border-top-width:0px;
		border-bottom-width:3px;
		padding:15px 5px 12px 5px;
		color:White;
	}
	.cora-first-container{/*included for case with pageHeader, and mobile sizing - first object will have this set, otherwise overlaps with pageHeader*/
		margin-top:15px!important;	
	}
	h2
	{
		margin-top:10px;
		margin-bottom:8px;
		font-size: 26px;
	}
	h3
	{
		margin-top:8px;
		margin-bottom:6px;
		font-size:22px;
	}
	h4
	{
		margin-top:6px;
		margin-bottom:4px;
		font-size:20px;
	}

}
.moreSpace
{
}
div.emergMenu{
	position:absolute;
	left:150px;
}
li.emergMenu{
	margin-left:20px;
	margin-right:20px;
}
@media (max-width:768px){
	.cora_top{/* for the new logo and matching new header movement*/
		display:none;
	}
	a.navbar-brand{/* for the new logo and matching new header movement*/
	height:50px;
	width:120px;
	}
	div.emergMenu{
		position:relative;
		left:0px;
	}
	li.emergMenu{
		margin-left:0px;
		margin-right:0px;
	}
}
@media (min-width: 769px)/* want auto open for menu items when they are present in wider viewing area
	if with the drop down show menu icon, then don't use - problematic with auto adjusting the height to see submenus
*/
{
	a.navbar-brand{/* for the new logo and matching new header movement*/
		height:100px;
	}
	ul.navbar-nav > li > a
	{
		padding:15px 20px 12px 20px;
	}
	.dropdown:hover .dropdown-menu{
		display:block;
		margin-top:0;
	}
	.cora_top{
		height:50px;
		width:200%;
		background-color:white;
		vertical-align:middle;
		display:block;
	}
}
@media (min-width: 980px)/* this is for the nav frames and functionality/appearance */
{
	.moreSpace
	{
		margin-left:4%;
	}
	#main1
	{
		float:none;
	}
}
@media (min-width:1000px){
	ul.navbar-nav > li > a
	{
		padding:15px 35px 12px 35px;
	}
}
/* section for overriding bootstrap defaults*/
.form-control
{
	margin-bottom:10px;
}
.form-group > label
{
	padding-top:5px;
}
/* next classes to compliment bootstrap's*/
.form-control-1-3
{
	width:30%;
	display:inline-block;
	margin-left:1%;
	margin-right:1%;
}
.form-control-2-3
{
	width:62.5%;
	display:inline-block;
	margin-left:1%;
	margin-right:1%;
}
.form-control-3
{
	width:98%;
	display:block;
	margin-left:1%;
	margin-right:1%;
}
@media (max-width:800px)
{
	.form-control-1-3,.form-control-2-3
	{
		display:block;
		width:98%;
	}
}
.modal-lg
{
	width:80%;
}
.modal-sm
{
	width:540px;
}
.control-optional
{
	color:Gray;
}

body {
   padding-top: 50px;
   padding-bottom: 20px;
   overflow-y:scroll;
}
a:link{color:#f78c21}
a:visited{color:#f78c21}
a:hover{color:orange}
.graphic:hover{
	background-color:orange;
}
a:active{color:#f78c21}
#_Home{
	margin-top:70px;
}
.navM:hover{/* used for navigation items that link to separate pages (not loaded by ajax)*/
text-decoration:underline;
}

input[type="button"]{
	color:green;
}

ul.navbar-nav > li.active > a
{
	border-bottom:3px solid #f6851b;
	background-color:transparent;
}
div.container {
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}
h4.panel-title > div
{
	cursor:default;
}
.hilite
{
	color:#f6851b;
}
.hilite2
{
	font-weight:bold;
}
img.centre{
	margin-left:auto;
	margin-right:auto;
}
.green
{
	color:#00b400;
}
.gray
{
	color:Gray;
}
.bg-hilite
{
	background-color:rgba(246,133,27,.1);
	padding:10px;
}
.bottom-right 
{
	margin:5px 30px 0px 30px;
	bottom:0;  
	right: 50px;
	text-align:right;
}
.blockquote-shallow
{
	padding-top:2px;
	padding-bottom:2px;
}
.blockquote-shallow>p
{
	margin-bottom:5px;
}
.commonOmit /*just a way to omit tags/data from commonData fragments*/
{
}
.disabled, .disabled:hover{
	text-decoration:line-through;
}
.yvideo{
	width:340px;
	height:200px;
}

/* the following are to accomodate browsers in which javascript is turned off 
	prepare pages: search for: 
	\bcaret\b|\bpanel-title\b|\bhidden-print\b|\bpanel-collapse\b|\bvisible-print\b|\bhidden\b
*/
.cora-first-container{/*included for case with pageHeader, and mobile sizing*/
	
}
.cora-onlyNonJS{/*remove this entire element/object*/
}
.cora-omit,	/*remove this class*/
.cora-caret, /* replaced by caret*/
.cora-panel-title, /*replace by panel-title*/
.cora-hidden-print{ /*replace by hidden-print*/
	display:none !important;
}
.cora-panel-collapse, /* relaced by "panel-collapse" */
.cora-visible-print{/* "cora-visible-print" is replaced by "hidden visible-print" (leave ouse visible-print) */
	display:block;
}
.jump{
	font-size:x-large;
}