/* 

STYLE SHEET FOR exhibitors.nfcym.org | 2010
Created by Bruce Baumgarten

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms

Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}
html {
		font-size: 100%;
		}

body {
		font: 62.5%/1.5em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		background: #8E258D;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		font-size: 1.2em;
		line-height: 1.5em;
		padding: 10px 15px;
		background: #FFFFFF;
		width: 980px;
		margin: 5px auto 0;	
		box-shadow: 2px 2px 4px rgba(0,0,0,.3);
		-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.3);
		-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.3);
		}
		
#sidebar  {
		width: 200px;
		float: right;
		margin: 0 0 10px 15px;
		padding: 5px;
		background-color: #34B233;
		background-image: -moz-linear-gradient(90deg, #67C566, #34B233 60%, #247D24);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#247D24), to(#67C566), color-stop(0.6, #34B233));}

#sidebar2  {
		width: 200px;
		float: right;
		margin: 0 0 10px 15px;
		padding: 5px;
		background-color: #631A63;
		background-image: -moz-linear-gradient(90deg, #631A63, #471246 60%, #2F0C2F);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#2F0C2F), to(#631A63), color-stop(0.6, #471246));}



#header  {
		padding: 5px 0 10px 0;
		border-bottom: 2px #FADC41 solid;
		margin-bottom: 20px;
		}

#homemasthead {
		}
		
#masthead {
		width: 736px;
		height: 181px;
		background: #FFFFFF url(../img/mastheadTopBorder.gif) 0 0 no-repeat scroll;
		}
		
#logocorner  {
		width: 217px;
		height: 181px;
		float: left;
		}
		
#pgtitle  {
		width: 517px;
		height: 181px;
		float: right;
		background: url(../img/mastTitleBgd.jpg) 0 0 no-repeat scroll;
		}
		
#navContainer {
		padding-top: 15px;
		height: 218px;
		border: 0;
		background: #E8E8E8 url(../img/navbgd.jpg) 0 0 no-repeat scroll;
		}

#content {
		}
		
.footer {
		width: 736px;
		height: 56px;
		background: url(../img/bgd-dropshadow-footer-766w.jpg) 50% 0;
		padding: 15px 15px 0 15px;
		margin: 0 auto;
		}

	/* float-clearing rules */
.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 10px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}	
		
#columnWrapper {
		margin: 2px 10px;
		background: #FFFFFF url(../img/bgdWrapper.gif) 0 0 repeat-y scroll;
		}

#leftNavColumn  {
		float: left;
		width: 207px;
		}

#mainContent {
		padding: 15px 0 15px 15px;
		background: #FFFFFF url(../img/mainbgd.jpg) 0 0 no-repeat scroll;
		float: right;
		width: 492px;
		}

.contentSingleDiv  {
		width: 100%
		}

.contentPriDiv  {
		width: 60%;
		float: left;
		}

.contentSecDiv  {
		width: 33%;
		float: right;
		}

.contentEqDiv1  {
		width: 47%;
		float: left;
		}

.contentEqDiv2  {
		width: 47%;
		float: right;
		}
		
.columnContentWrapper {
		padding: 5px 10px 5px 10px;
		}
		
#columnWrapper {
		overflow: hidden;
		}	
		

		
/* ---------- 3. links and navigation ---------- */

a:link, a:visited {
	color: #AF9A2E;
	text-decoration: none;
	outline: none;
	border-bottom: 1px #9A9B9C dashed;
	}

#sidebar a:link, #sidebar a:visited {
	color: #FBE571;
	}
	
#sidebar2 a:link, #sidebar2 a:visited {
	color: #FBE571;
	}

a:hover {
	color: #721E71;
	text-decoration: underline;
	}
	
#sidebar a:hover {
	color: #721E71;
	}
	
#sidebar2 a:hover {
	color: #FFFFFF;
	}
		
a:active  {
	color: #FADC41;
	text-decoration: underline;
	}
	
#sidebar a:active, #sidebar2 a:active  {
	color: #FADC41;
		}

#navContainer ul {
		list-style-type: none;
		}

#navContainer li {
		background: url(../img/navlibgd.gif) no-repeat 0 0;
		width: 200px;
		height: 22px;
		margin-bottom: 3px;
		}

#navContainer a:link, #navContainer a:visited {
		font: normal bold 0.9em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #EF6147;
		text-decoration: none;
		display: block;
		text-align: left;
		height: 22px;
		padding: 4px 0 0 21px;
		}

#navContainer a:hover {
		background: url(../img/navlibgd.gif) 0 -25px;
		color: #EB402F;
		}

#navContainer a:active {
		background: url(../img/navlibgd.gif) 0 -50px;
		color: #EB402F;
		}

#homePage #homePageLink a:link, #homePage #homePageLink a:visited,
#aboutPage #aboutPageLink a:link, #aboutPage #aboutPageLink a:visited,
#symposiumPage #symposiumPageLink a:link, #symposiumPage #symposiumPageLink a:visited,
#researchPage #researchPageLink a:link, #researchPage #researchPageLink a:visited,
#resourcesPage #resourcesPageLink a:link, #resourcesPage #resourcesPageLink a:visited,
#modmethPage #modmethPageLink a:link, #modmethPage #modmethPageLink a:visited,
#discussionsPage #discussionsPageLink a:link, #discussionsPage #discussionsPageLink a:visited {
		background: url(../img/navlibgd.gif) 0 -75px;
		color: #0060AF;
		}



ul#breadcrumbs {
		font-size: 1.2em;
		margin-bottom: 1em;
		}

#breadcrumbs li {
		display: inline;
		background: url(../img/breadcrumbarrow.gif) 0 50% no-repeat;
		padding: 0 6px 0 15px;
		}

ul#breadcrumbs li:first-child {
		background: none;
		}		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1, h2, h3, h4, p, ul {
		}

h1 {
		font: normal bold 1.5em/1.4em Verdana, Arial, Helvetica, sans-serif;
		color: #34B233;
		padding-bottom: 0.3em;
		}

h2 {
		font: normal bold 1.4em/1.3em Verdana, Arial, Helvetica, sans-serif;
		color: #8E258D;
		}

h3 {
		font: normal bold 1.3em/1.2em Verdana, Arial, Helvetica, sans-serif;
		color: #34B233;
		}
		
h4 {
		font: normal bold 1.2em/1.1em Verdana Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #222222;

		}
		
h5 {
		font: normal bold 1em/1.3em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #1A1A1A;
		margin-bottom: 0.3em;
		}

h6 {
		font: bold normal 0.9em/1.2em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #1A1A1A;
		}

p {
		font: normal normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
		color: #1A1A1A;
		margin-bottom: 1.5em;
		}
		
#sidebar p, #sidebar2 p  {
		color: #FFFFFF;
		}

#boothTable  {
		margin: 0 auto;
		font: normal normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
		color: #1A1A1A;
		}

#mainContent ul {
		margin: 0.5em 1.5em 1em 1.5em;
		list-style-position: outside;
		list-style-type: disc;
		}
		
#mainContent ol  {
		margin: 0.5em 1.5em 1em 2em;
		list-style-position: outside;
		list-style-type: decimal;
		}
		
.pctr  {
		text-align: center;
		}

.prt  {
		text-align: right;
		}

.pjust  {
		text-align: justify;
		}

.smalltext  {
		font-size: smaller;
		}

.unbold  {
		font-weight: normal;
		}


.white  {
		color: #FFFFFF;
		}

.blue  {
		color: #2E5C8B;
		}
		
.emabove  {
		margin-top: 1em;
		}

.footer p  {
		font: normal normal 1.3em/1em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		vertical-align: middle;
		}


	/* Page Title Image Replacements */

.aboutPageTitle  {
		position: relative;
		top: 120px;
		left: 316px;
		width: 175px;
		height: 30px;
		overflow: hidden;
		}

.aboutPageTitle span  {
		position: absolute;
		background: url(../img/aboutPageTitle.jpg) no-repeat;
		width: 100%;
		height: 100%;
		}

.discussionsPageTitle  {
		position: relative;
		top: 120px;
		left: 314px;
		width: 177px;
		height: 36px;
		overflow: hidden;
		}

.discussionsPageTitle span  {
		position: absolute;
		background: url(../img/discussionsPageTitle.jpg) no-repeat;
		width: 100%;
		height: 100%;
		}

.modmethPageTitle  {
		position: relative;
		top: 120px;
		left: 186px;
		width: 303px;
		height: 36px;
		overflow: hidden;
		}

.modmethPageTitle span  {
		position: absolute;
		background: url(../img/modmethPageTitle.jpg) no-repeat;
		width: 100%;
		height: 100%;
		}

.researchPageTitle  {
		position: relative;
		top: 120px;
		left: 346px;
		width: 143px;
		height: 36px;
		overflow: hidden;
		}

.researchPageTitle span  {
		position: absolute;
		background: url(../img/researchPageTitle.jpg) no-repeat;
		width: 100%;
		height: 100%;
		}

.resourcesPageTitle  {
		position: relative;
		top: 120px;
		left: 330px;
		width: 159px;
		height: 36px;
		overflow: hidden;
		}

.resourcesPageTitle span  {
		position: absolute;
		background: url(../img/resourcesPageTitle.jpg) no-repeat;
		width: 100%;
		height: 100%;
		}

.symposiumPageTitle  {
		position: relative;
		top: 120px;
		left: 190px;
		width: 299px;
		height: 36px;
		overflow: hidden;
		}

.symposiumPageTitle span  {
		position: absolute;
		background: url(../img/natsympPageTitle.jpg) no-repeat;
		width: 100%;
		height: 100%;
		}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
.imgright  {
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
		}
		
.imgleft  {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		}
		
/* --------- 6. forms  --------- */

#symposiumReg h4 {
		font: normal bold 1em/0.9em Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #5C000A;
		margin-top: 1.5em;
		margin-bottom: 0.8em;
		}

#symposiumReg p {
		font: normal normal 1em/1.4em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #1A1A1A;
		margin-bottom: 1em;
		}

#symposiumReg label {
		font: normal bold 0.9em/1.3em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		
#symposiumReg .secondaryinfo  {
		margin-left: 20px;
		}	
		
		
/* Login page */

#userLogin  {
		margin: 0;
		padding: 0;
		}
		
#userLogin fieldset  {
		margin: 0.3em 100px;
		border: 1px solid #999;
		padding: 15px 10px 0 10px;
		}
#userLogin legend {
		font: normal bold 1em/1.3em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		padding: 4px;
		color: #FFF;
		background-color: #9A1B40;
		margin-bottom: 1.2em;
		}
		
#userLogin label {
		font: normal bold 0.9em/1.3em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #000;
		}
		
#userLogin fieldset p {
		font: normal normal 1em/1.4em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #1A1A1A;
		margin-bottom: 1em;
		}