/*
**********************************************************************
**                     GLOBAL STYLES                                                                       *******
**********************************************************************	
*/

*

 {
    padding: 0;
    margin: 0;
}

body
{
	/*background-image: url('../img/core/bgR.png');*/
	background-repeat: repeat;
	background-attachment: fixed; 
	background-color: #ffffff;
	font-family: 'Open Sans', Arial;
	color: #4d4d4d; 
}

p
{
	text-indent:2em;
	padding: 0px 15px 5px 15px;
}

.indent
{
	margin-left: 20px;
}

.noIndent
{
	text-indent: 0em;
	padding: 0px;
}

.left 
{
	float:left;
    	margin-right:10px;
}

.right 
{
	float:right;
    	margin-left:10px;
}

.center
{
	text-align: center;
}

.narrow p
{
	padding: 2px;
	width:auto;
	text-indent: 1em;
	text-align: justify;
}

a img
{
	border: none;
}

#nextPage
{
	width: 300px;
	float: right;
	text-align: left;
}

#prevPage
{
	width: 300px;
	float: left;
	text-align: right;
}

.inTextList
{
	padding: 5px 15px 5px 30px;
	text-indent: 1em;
}

.cite 
{
    font-style: italic;
    font-size: 75%;
    text-decoration: none;
}

.sponsors
{
	font-size: 70%;
	color: #464646;
}


/*
**********************************************************************
**                    COLORS				                                                              *******
**********************************************************************	
*/
.rbBottom
{
	border-bottom: 1px solid #b80000;
}
.green
{
	color: #0c5d21;
}

.red
{
	color: #b80000;
}

.blue
{
	color: #44449c;
}

.orange
{
	color: #ff5d00;
}
.gray
{
	color: #6e6e6e;
}

.lightGray
{
	color: #909090;
}

.veryLight
{
	color: #dddddd;
}

.altBg
{
	background-color: #edeff9;
}

/*
**********************************************************************
**                    CUSTOM CHECK BOXES                                                           *******
**********************************************************************	
*/

label 
{
	display: inline;
}

.attCheckbox 
{
	display: none;
}

.attCheckbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.attCheckbox + label:active, .attCheckbox:checked + label:active 
{
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.attCheckbox:checked + label 
{
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.attCheckbox:checked + label:after 
{
	content: '\2714';
	font-size: 50px;
	left: 3px;
	top: 6px;
	position: absolute;
	color: #512f92;
}

.attCheckbox + label:after 
{
	content: '\2718';
	font-size: 50px;
	position: absolute;
	top: 8px;
	left: 2px;
	color: #b80000;
}

.attCheckbox + label 
{
	padding: 18px;
}

.tag 
{
	font-family: Arial, sans-serif;
	width: 20px;
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	
}

/*
**********************************************************************
**                     BASE FOUNDATION                                                               *******
**********************************************************************	
*/

#mainPage
{
	max-width: 950px;
	min-width: 650px;
	margin: auto;
	background-color: #ffffff;
/*	background-color: rgba(255, 255, 255, 0.93);*/
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
	min-height: 600px;
	padding: 0px;
}




/*
#topShadow
{
	min-height: 8px;
	background-color: transparent;
	background-image: url('../img/core/topShadow.png');
	background-repeat: repeat-x;
	width: 960px;
	margin: auto;
}

#bottomShadow
{
	min-height: 8px;
	background-color: transparent;
	background-image: url('../img/core/bottomShadow.png');
	background-repeat: repeat-x;
	width: 960px;
	margin: auto;
}
*/


/*
**********************************************************************
**                     CONTENT  LAYOUT & STYLES                                               *******
**********************************************************************	
*/

#pageContent
{
	position: relative;
	max-width: 900px;
	min-width: 600px;
	margin: auto;
	min-height: 580px;
	/*box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);*/
	padding: 20px 20px 20px 20px;
	text-align: justify;
	line-height: 140%;
	font-size: 14px;
}





#pageContent h1
{
	font-family: Sans, Montserrat, Arial, Tahoma;
	padding: 10px;
	margin-bottom: 15px;
	/*text-shadow: #ffffff 1px 1px 2px;*/
	font-size: 30px;
	line-height: 80%;
	text-indent: 1em;
	
}

#pageContent h2, h3, h4
{
	font-family: Montserrat, Arial, Tahoma;
	margin-top: 10px;
	margin: 5px;
	color: #464646;
}

#pageContent h3
{
	font-size: 18px;
}

#pageContent h4
{
	font-size: 14px;
	font-weight: bold;
}



#pageContent a, a:visited
{
	text-decoration: none;
	border-bottom: 1px solid #cc0001;
	color: black;
}

#pageContent a:hover, a:focus
{
	text-decoration: none;
	color: #cc0001;
}

#important
{
	color: #b80000;
}



/*
**********************************************************************
**                     IMAGE LINKS                                                                            *******
**********************************************************************	
*/
.grayBB
{
	border-bottom: 1px solid gray;
}

.redBorder
{
	border: 1px solid red; 
	padding: 1px;
	margin: 2px;
}

#imageLink
{
	width: 45px;
	height: 45px;
	background-color: #ffffff;
	cursor: pointer;
}

#imageLink a.small, #imageLink a.small:visited
{
	display: block;
	width: 45px;
	height: 45px;
	text-decoration: none;
	background-color: #ffffff;
	top: 0;
	left: 0;
}

#imageLink a.small:hover
{
	text-decoration: none;
}

#imageLink a.large
{
	display: block;
	position: relative;
	width: 0px;
	height: 0px;
	top: 0;
	left:0;
}

#imageLink a.small:hover .large
{
	display: block;
	position: relative;
	background-color: #ffffff;
	top: -3px;
	left: -3px;
	width: 55px;
	height: 55px;
}

/****** Belt links ******/
#beltLink , #beltLink img
{
	width: 48px;	
	height: 19px;
	cursor: pointer;
}

#beltLink a.small, #imageLink a.small:visited
{
	display: block;
	width: 48px;	
	height: 19px;	/* smaller than original by 15% */
	border-bottom: 0px solid #cc0001;
	text-decoration: none;
	top: 0;
	left: 0;
}

#beltLink a.small:hover
{
	text-decoration: none;
}

#beltLink a.large
{
	display: block;
	position: relative;
	width: 0px;
	height: 0px;
	top: 0;
	left:0;
}

#beltLink a.small:hover .large, #beltLink .activeBelt
{
	display: block;
	position: relative;
	box-shadow: 0px 0px 15px #b80000;
	background-color: white;
	top: -2px;
	left: -4px;
	width: 57px;	
	height: 23px;
}

/****** Table image links ******/

#imageTableLink
{
	width: 25px;
	height: 25px;
	background-color: #ffffff;
	cursor: pointer;
}

#imageTableLink a.small, #imageLink a.small:visited
{
	display: block;
	width: 25px;
	height: 25px;
	text-decoration: none;
	background-color: #ffffff;
	top: 0;
	left: 0;
}

#imageLink a.small:hover
{
	text-decoration: none;
}

#imageTableLink a.large
{
	display: block;
	position: relative;
	width: 0px;
	height: 0px;
	top: 0;
	left:0;
}

#imageTableLink a.small:hover .large
{
	display: block;
	position: relative;
	background-color: #ffffff;
	top: -5px;
	left: -5px;
	width: 35px;
	height: 35px;
}

/*
**********************************************************************
**                     PORTAL DIVS                                                                            *******
**********************************************************************	
*/

.row
{
	clear: both;
	padding: 15px 0px 15px 0px;
	width: 723px;
	min-height: 100px;
}

.box
{
	margin-left: 10px;
	padding: 10px;
	font-size: 85%;
	line-height: 135%;
}

.box p
{
	padding: 0px;
	padding-top: 3px;
	text-indent: 1em;
}



.blueBg hr
{
	border: none;
	color: #3b3788;
	background-color: #3b3788;
	height: 1px;
	margin-bottom: 1px;
}

.blueBg h3
{
	color: #3b3788;
}

.smallBox
{
	width: 200px;
	min-height: 100px;
}

.doubleBox
{
	width: 440px;
	min-height: 100px;
}

.medBox
{
	width: 320px;
	min-height: 100px;
}

.blueBg
{
	/*background-color: transparent;
	background-image: url('../img/core/navMenu/subheadingBg.png');
	background-repeat: repeat;
	background-color: #eeeffa;*/
	background-color: #fffeae;
}

.redBg hr
{
	border: none;
	color: #b80000;
	background-color: #b80000;
	height: 1px;
	margin-bottom: 1px;
}

/*
**********************************************************************
**                     VIEW TABLE                                                                             *******
**********************************************************************	
*/

.tableView
{
	border-collapse: collapse;
}

.tableView th, td
{
	padding: 1px 5px 1px 5px;
	// border: 1px solid; 
}

.headBorder th
{
	border-bottom: 2px solid;
}

/*
**********************************************************************
**                     GALLERY STYLES                                                                     *******
**********************************************************************	
*/
	
#galleryHeading
{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	margin-top: 20px;
	border-bottom: 2px solid #b80000;
}

div.thumb 
{
    margin: 3px;
    height: auto;
    float: left;
    text-align: center;
}

.thumb img 
{
    display: block;
    margin: 5px;
    border: 1px solid #A0ACC0;
}

.thumb a 
{
	border: 1px solid #575ab8;
	display: block;
}

#pageContent .thumb a:hover, .thumb a:focus  
{
	border: 1px solid #575ab8;
	background-color: #b80000;
	color: #ffffff;
	font-weight: bold;	
}


 .thumb p 
{
	text-align: center;
	font-size: 70%;
	margin: 0px;
	padding: 3px 0px 0px 0px;
	width: 130px;
	text-indent: 0em;
}


.galleryContainer 
{
    width: 700px;
    margin: 0 auto;
}




/*
**********************************************************************
**                     HEADER                                                                                     *******
**********************************************************************	
*/

#header a, a:visited, a:hover, a:focus
{
	text-decoration: none;
	color: black;
}

#header
 {
	font-family: "Gill Sans", Sans, Montserrat, Arial;	
	max-width: 950px;
	min-width: 650px;
	margin-left: auto;
	margin-right:auto;
	font-size: 16px;
	color: black;
	padding: 0px;
	text-align: left;
}




#header h1
{
	font-family: Sans, Montserrat, Arial;
	font-size: 30px;
	text-indent: 0.5em;
	font-weight: normal;
	text-transform: uppercase;
	
	
}

#header p
{
	text-indent: 0em;
}

#logo
{
	max-width: 910px;
	width: 90%;
	height: 150px;
/*
	min-width: 980px;
	height: 150px;
	background-image: url('../img/core/header/sfma-mon.png');
	background-repeat: no-repeat;
*/
}

#logoImage
{

}


@media screen and (max-width: 910px)
{
	#logoImage
	{
		display: none;
	}
	#mobile
	{
		float: none;
		margin: auto;
	}
}

@media (any-pointer: coarse)
{
	#logoImage
	{
		/*display: none;*/
	}
}

 #fixedAlias 
{
	display: none;
	height: 42px;
}

#headerMenu
{
	max-width: 900px;
	width: 100%;
}

#fixedHeader
{
	height:42px;
	/* min-width:910px;	*/
	min-width:650px;
	width: 100%;
	z-index: 100;
	position: relative;
	background-color: #ff6200;
	box-shadow: 0px 0px 15px #000000;
}

#headerOverlay 
{
	height:150px;
	background-color: #ffffff;
	width: 100%;
	min-width: 650px;
	/*min-width:910px; */
	/*
	height:142px;
	background:url('../img/core/header/headerBg.png') repeat-x;
	min-width:980px;
	*/
}

/*
**********************************************************************
**                     FOOTER                                                                                     *******
**********************************************************************	
*/

#footerOverlay 
{
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)); 
	background: -o-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)); 
	background: -moz-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)); 
	background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)); 
	border-top: 3px solid #ff7600;
/*	background:url('../img/core/footer/footerBg.png') repeat-x; */
/*	max-width:980px; */
	min-width: 650px;
	width: 100%;
}

#footerContent
{
	max-width: 960px;
	width: 100%;
	margin-left: auto;
	margin-right:auto;
	color: #ffffff;
	padding: 20px;
	font-size: 75%;

}

.footerColumn 
{
    	float: left;
    	margin-right: 30px;
    	padding-bottom: 15px;
	max-width: 500px;
}

#footerLeft.footerColumn
{
    	margin-left: 20px;
	
}

#footerMid.footerColumn
{
	max-width: 170px;
	min-width: 130px;
}
#footerMid.footerColumn ul
{
	width:100px;
	margin:0;
	padding:0;
}

#footerRight.footerColumn
{
    	margin-right: 20px;
	width: 170px;
}

.footerColumn h2 
{
    	font-size: 1em;
    	padding-left: 5px;
    	padding-bottom: 2px;
    	margin-top: 5px;
   	margin-bottom: 5px;
    	border-bottom: 1px solid;
	color:#ff7600;
}

.footerColumn p 
{
    	font-size: .90em;
	padding: 3px;
	width:auto;
	text-indent: 0em;
	text-align: justify;
}

.footerColumn ul 
{
    	list-style: none outside none;
    	padding: 3px;
}

#footerContent a 
{
	color:#ffffff;
	text-decoration: none;
}

#footerContent a:hover, a:focus 
{
	font-weight: bold;
}

#copyright 
{
    	display: block;
    	clear: both;
   	padding-top: 3px;
    	border-top: 1px solid #ff7600;
	text-align: right;
}