@charset "utf-8";
/* CSS Document for 2015 NFBM Conference Website */
/* AUTHOR: Debra Pike */
/* CREATION DATE: 1/22/15 */

#outerWrapper {
	background-color: #fff;
	min-height: 100%;
	width: 1024px;
	margin-top: -10px;
	margin-right: auto;
	margin-left: auto;
	/*border: 1px solid yellow; (FOR REFERENCE ONLY) */
}

html, body {
	height: 100%;
	background-color: #E6E6E6; /*LT GREY*/
	background-image: url(../images/page_bg1106.png);	
	background-repeat: repeat-y;
	background-position: center top;
}

p, ul, li {
	height: 62px;
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #4a4c4b;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}

p {margin-top: 2px;}

h1, h2, h3, h4 {
  	font-family: "ff-market-web", cursive; }
	
h1 {
  	color: #a82432;
	font-size: 36px;
	font-weight: 400;
}

h2 {
	width: 625px;
	height: 17px;
	color: #0d8c3d; /*green*/
	font-size: 18px;
	font-weight: 700;
}

 .photo-credit {
	color: #0B0243;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-style: oblique;
	margin: 0.1em 25px;
	font-weight: 500;
}


.img {/*float:left;*/ padding: 0 15px 5px 0;}
.underline {text-decoration:underline;}

#header { /*CONTAINS IMAGE WITH THEME AND TITLE */
	height: 250px;
	margin: 0;
}

#left-nav {
	float: left;
	width:17%;
	margin: 0 0 10px 0;
	padding: 10px 5px 10px 10px;
	/*border: 1px solid #F00EE1;fuchsia- FOR REFERENCE ONLY */
}

.btn {padding-top: 1px; padding-bottom: 1px;} /* CREATES SPACE BETWEEN NAV BUTTONS */

#right-col {
	float: right;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px 10px 10px 5px;
	width: 23%;
	/*border: 1px solid blue; FOR REFERENCE ONLY*/
}
/*THE MIDDLE COL IS STATIC, SO THE FLOAT THAT FOLLOWS IN THE HTML WILL START AFTER THE STATIC ELEMENT'S BOTTOM MARGIN. FLOATS MUST COME FIRST(where block elements are concerned), SO THE MIDDLE COL DIV NEEDS TO FOLLOW THE RIGHT FLOAT DIV IN THE HTML. */
#main-content {
	margin-top: 20px;
	margin-left: 20%;
	margin-right: 25%;/* 21%;*/
	margin-bottom: 10px;
	padding: 0 10px 20px 10px;
	position: relative;
	/*border:1px solid green;(FOR REFERNCE ONLY) */
}

#bottom-nav-wrapper {
	clear:both;
	line-height:0.7em;
	text-align:center;
	padding-bottom:20px;
	width:100%
}

#bottomLinks-r1 li, #bottomLinks-r2 li {
	font-family: arial, sans-serif;
	font-weight:400;
	font-size:smaller; color: #CCC; /*DENOTES INACTIVE LINK */
	display: inline;
	padding-left:2px;
	padding-right:6px;
	border-right-width:1px;
	border-right-style: solid;
	border-right-color:#000; /* BLACK */
	line-height: 1.5em;
}

#bottomLinks-r1 li.last, #bottomLinks-r2 li.last {border-right:0;}
#bottomLinks-r1 a:link, #bottomLinks-r2 a:link {color:#31447f; text-decoration:none;} /* MED NAVY*/
#bottomLinks-r1 a:hover, #bottomLinks-r2 a:hover {color:#2651d6;} /*ELEC BLUE */
#bottomLinks-r1 a:visited, #bottomLinks-r2 a:visited {color:#a82432;  text-decoration:none;} /* RED */
#bottomLinks-r1 a:active, #bottomLinks-r2 a:active {color:#0d8c3d;} /*GREEN */
#bottomLinks-r1 li.current, #bottomLinks-r2 li.current {background:#f9e55f; color:#4c7099; margin-left:-0.45em; margin-right: -0.02em; /*LT BLUE TEXT, LT YELLOW BKGD */
border-left-style:solid; border-left-color:#d5c452; /* MAIZE */ /*ENSURES DISPLAY OF BORDER ON LEFT SIDE OF CURRENT PAGE*/
}
#bottomLinks-r1 li.current-last {border-right:0; background:#f9e55f; color:#4c7099;  margin-left:-0.45em; margin-right: -0.02em; } /*LT BLUE TEXT, LT YELLOW BKGD */

#footer {
	clear: both;
	height: 25px;
	bottom: 0px;
	background-image: url(../images/ribbon-all.png);
	background-repeat: no-repeat;
	margin-left:20px;
	margin-right: auto;
}

#copy {
	font-family: Arial-Narrow, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #ffffff;
	text-align: center; 
	padding-top: 5px;
	width: 95%;
}

#copy a:link {
	color: #C7C1F3; /*LT BLUE*/
}
#copy a:hover {
	color: #E2F518; /*LT YELLOW*/
}
#copy a:visited {
	color: #ED09EC; /*VIOLET*/
}
