/* << ----------------// General Styles //------------ */
*{padding: 0; margin: 0;}

#mainContainer {
	margin:0 auto;
	padding:0;
	width:800px;
	float: inherit;
	background-color: #FFFFFF;
	border-right:1px solid #003366;
	border-left:1px solid #003366;
	border-bottom:1px solid #003366;
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	background-image: url(/assets/images/background.jpg);
	background-repeat:repeat-x;
	background-color: #FFFFFF;
}

p {
	padding: 4px 10px 4px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
}

a {
	color: #000066;
	text-decoration: none;
}

a:hover {
	color: #CC6600;
}

.12pttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	padding: 5px;
}

.exclusive {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 5px;
	padding-top: 1px;
	color: #990000;
	font-style: italic;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	border-bottom-color: #CCCCCC;
	margin-bottom:5px;
	margin-top:0;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

h1, h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
}

h1 {
	font-size:18px;
	line-height:auto;
	padding:5px 5px 8px 10px;
}

h2 {
	font-size:16px;
	padding:2px 5px 2px 10px;
}

h3 {
	font-size:14px;
	display:block;
	padding:4px 5px 4px 10px;
}

h4 {
font-size:12px;
}

.small {
	font-size:10px;
}

.breadcrumb {
	font-size:10px;
}

/* << ----------------// Header //------------ */
#header{
	height: 161px;
	/*background-image: url(http://webdev-svn/sites/fmanet.org/assets/images/FMA-Masthead.jpg);*/
	background-repeat: no-repeat;
	background-position: bottom;
	width: 800px;
	margin: 0;
	padding: 0;
	position: absolute;
}

#tpaheader{
	height: 161px;
	background-image: url(http://www.fmanet.org/assets/images/tpamasthead.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 800px;
	margin: 0;
	padding: 0;
	position: absolute;
}

#topnav{
	text-align: right;
	width: 800px;
	margin: 0;
	background-color: #003366;
	color: #FFFFFF;
	height: 16px;
	padding: 0;
	position: absolute;
}

#topnav ul {
 	background-color:#003366;
	list-style-type:none;
	vertical-align:middle;
	margin: 0px;
	padding: 0 6px 0 6px;
	width: 520px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 16px;
	text-align: right;
	display: inline;
}

#topnav ul{
	list-style-type:none;
	display: inline;
	margin:0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#topnav li{
	margin: 0px;
	padding: 2px 2px 2px 2px;
	display: inline;
}

#topnav ul li a{
	color: #FFFFFF;
	padding: 2px 12px 2px 12px;
	text-decoration: none;
} 

#topnav ul li a:hover, #nav ul li a:focus{
	color: #99CCFF;
}

#tagline{
	text-align: center;
	width: 800px;
	margin-bottom: 1px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #003366;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 162px;
	padding-bottom: 2px;
}

/* << ----------------// Left column //------------ */
#columnOne {
	float:left;
	margin:0;
	padding:0;
	width:160px;
	display: block;
	background-color: #FFFFFF;
}

#leftnavhead {
	color: #FFFFFF;
	background-color: #003366;
	display: block;
	text-decoration: none;
	padding:5px 5px 5px 5px;
}


#leftnav{
	float: left;
	width: 150px;
	height: auto;
	margin: 0px;
	display: block;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}


#leftnav ul {
	margin:0px;
	padding:0;
	font-size:	11px;
	line-height: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style:none;
	color: #333333;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-decoration: none;
	display: block;
}

#leftnav li {
	list-style:none;
	color: #FFFFFF;
	border-top:1px solid #cccccc;
	text-decoration: none;
	display: block;
}

#rightnav{
	margin:0px;
	padding:0;
	float: left;
	width: 210px;
	height: auto;
	margin: 0px;
	display: block;
	background-color: #CCCCCC; 
	border:1px solid #666666;
}

#rightnav ul {
	margin:0px;
	padding:0;
	font-size:	11px;
	line-height: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style:none;
	color: #333333;
	text-decoration: none;
	display: block;
}

#rightnav li {
	padding:2px;
	list-style:none;
	color: #333333;
	border-bottom:1px solid #ffffff;
	text-decoration: none;
	display: block;
}

/*#leftnav a:link, #leftnav a:active, #leftnav a:visited, #cleftnav a:visited {
	padding:5px 0px 5px 5px;
	text-decoration:none;
	color:#333333;
	font-weight: bold;
	display:block;
}


#leftnav ul li a:hover{
	padding:5px 0px 5px 5px;
	text-decoration:none;
	display:block;
	background-color:#D3E9F5;
	color: #000000;
}*/

/* << ----------------// Tabs //------------ */

.homepagetabcontent h3{
	padding:0;
	}

.hometab ul {
	list-style: none;
	margin: 0 4px 0 0;
	font-size: 11px;
	display: inline;
	width: 620px;
} 

.hometab li {
	display: inline;
	padding: 0px;
	margin: 0px;
	float: left;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	background-color: #D3E9F5;
} 

.hometab li a {
	padding: 2px;
	color: #000000;
} 

.hometab ul li a:hover, #tab ul li a:focus{
	color: #666666;
}

.hometab #selected { 

} 

#contentblock{
width:630px;
float:right;
}

.homecontent {
	border: 1px solid #666666;
	width: 620px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 5px;
	float:left;
}



#homepage ul {
	list-style: none;
	padding-bottom: 4px;
	padding-left: 5px;
	margin:0;
	font-size: 13px;
	line-height: 17px;
	color: #000033;
	display: block;
} 

#homepage li {
	list-style: none;
	margin:0;
	font-size: 13px;
	line-height: 17px;
	color: #000033;
	padding-bottom: 4px;
	padding-left: 5px;
	display: block;
} 

#homepage li a {
	list-style: none;
	padding-bottom: 4px;
	padding-left: 5px;
	margin:0;
	font-size: 13px;
	line-height: 17px;
	color: #003366;
	font-weight: normal;
	display: block;
} 

#homepage ul li a:hover, #homepage ul li a:focus{
	color: #000000;
	text-decoration: underline;
}

.homepageheader{
	font-weight: bold;
	background-color: #cccccc;
	font-size: 14px;
	margin-left: 0;
	padding: 5px;
	line-height: 16px;
	display: block;
	color: #333333;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#tab ul {
	list-style: none;
	padding:0;
	margin:0;
	font-size: 14px;
	display: inline;
} 

#tab li {
	display: inline;
	margin: 0 0.5em 0 0;
	float: left;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom-width: 0;
	background-color: #D3E9F5;
	padding: 5px;
} 

#tab li a { 
    padding: 0 1em; 
} 

#tab #selected { 
    position: relative; 
    background: white; 
	border-bottom: 0; 	
	display: inline;
	border-top: 1px solid #cccccc; 
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 5px;
} 

#tab ul li a:hover, #tab ul li a:focus{
	color: #000000;
	text-decoration: underline;
}

#tabcontent {
	border: 1px solid #cccccc;
	width: 630px;
	background-color: #FFFFFF;
	float: left;
}

.homelinks {
	color:#000066;
	text-decoration:none;
}


.homelinks a:link, #content a:active, #content a:visited, #content a:visited {
	text-decoration:none;
	color:#003366;
}

.homelinks a:hover {
	color:#cc3333;
}

.homelinks h3 {
	color:#000066;
	text-decoration:none;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:13px;
	margin:3px 0;
}

/* << ----------------// Middle column //------------ */

#content {
	float:left;
	margin: 0px;
	padding:0px;
	width:630px;
	display: block;
	background-color:#ffffff;
}

#content a:link, #content a:active, #content a:visited, #content a:visited {
	text-decoration:none;
	color:#003366;
	font-weight: bold;
}

#content a:hover {
	text-decoration:underline;
	color:#666666;
}

#mainContainer #content #noPadding {
	padding-left: 5px;
}

#content dl, #content ul{
	padding-left:30px;
	padding-bottom:0px;
}



#content dd {
	margin-left:10px;
}


#content ol li { margin-bottom:0.5em; }
 
#content ol { 
  margin-left:30px; 
  padding-left:5px; 
}

#content  ol li { 
  list-style:decimal; 
  background-image:none; 
  padding-left:0em; 
}

#content table {
	margin-left:5px;
}

#content td {
	padding:2px;
}

#content blockquote {
	padding:1px;
}

#content td.whitehead {
		font-size: 14px;
		font-style: normal;
		line-height: 20px;
		font-weight:bold;
		color:#FFFFFF;
}


#info {
	margin:0px;
	line-height: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style:none;
	color: #333333;
	background-color:#F2F2F2;
	text-decoration: none;
	padding:7px 8px 30px 15px;
	display: block;
	
}
#info h1 {
color: #003366

}
#info p {
font-size:	12px;
padding-right:2px;

}

/* << ----------------// Footer //------------ */

#footer{
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	width: 785px;
	margin: 0px;
	padding:5px 5px 5px 10px;
	font-size:11px;
	background-color:#003366;
	clear:both;
}

#footer h3{
	color:#FFFFFF;
	padding:0 0 0 -5px !important;
	margin 0;
	font-size:12px;
}

#footer a{
	color: #FFFFFF;
	font-weight:bold;
} 
#footer a:hover{
	color: #FFB900  !important;
	font-weight:bold;
	text-decoration:underline;
}

#footer p{
	color: #FFFFFF;
	font-size:9px;
} 

#footer dl{
	padding:0 0 0 5px;
	margin:0;
}

#footer dd{
	color: #FFFFFF;
	font-size:11px;
	margin-left:15px;
}

#footer hr{
	border:1px solid #ffffff;
	margin:5px 0 5px 0;	
	padding:0;
}

#footer .tabhead {
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
}
#footer .tablist {
	color: #FFFFFF;
	font-size:9px;
}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //----------- */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#spacer {
	background-color: #fff;
	width: 600px;
	height: 5px;
	float: left;
}

.tabmarginfix {
	padding-top: 0px;
	margin: 0px;
}

.style2 {
	font-size: 13px;
	font-weight: bold;
}
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif}

.pics {  
    height:  180px;  
    width:   140px;  
    padding: 0;  
    margin-top:  8px;  
	margin-bottom: 3px;
	

} 
 
.pics img {  
    padding: 0px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  140px; 
    height: 175px; 
    top:  0; 
    left: 0;
} 

#slideshow {
	text-align: center;
	left: 4px;
}

.featurebox {
	border: 1px solid #003366;
	padding: 2px;
	overflow: auto;
}

.featureboxright {
	margin: 5px;
	padding: 5px;
	width: 250px;
	float: right;
	overflow: auto;
	background-color: #D3E9F5;
}

.featurebox img {
	margin-left: 10px;
	float: right;
	position: relative;
}

#memberstatus {
	width: 100%;
	text-align:right;
	font-size:11px;
	font-color: #333333;
	background-color:#cccccc;
	padding:2px 2px 2px 2px;
	margin:5px 0 5px 0;
}

#memberstatus.a{
	font-color: #660000;
	font-weight:bold;
}

#memberstatusHome {
	width: 630px;
	text-align:right;
	font-size:11px;
	font-color: #333333;
	background-color:#cccccc;
	padding:2px 2px 2px 2px;
	margin:5px 0 5px 155px;
}

#memberstatusHome.a{
	font-color: #660000;
	font-weight:bold;
}

.small {
	font-size:9px;
}

.smallitalic {
	font-size:11px;
	font-style:italic;
	color: #333333;
}
.red {
	font-size:11px;
	color: #990000;
}

.confirmation{
	font-size:14px;
	color: #990000;
}

.progress {
		font-size: 11px;
		font-style: normal;
		line-height: normal;
		font-variant: normal;
		text-transform: none;
		padding: 0px;
		background-color: #e3e5ed;
		text-align:center;
}
.progressactive {
		font-size: 11px;
		font-style: normal;
		line-height: normal;
		font-variant: normal;
		text-transform: none;
		padding: 0px;
		background-color: #aabbd8;
		text-align:center;
}

.sessions  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #eaeaea;
	padding: 2px 10px;
	margin-bottom:5px;
	color: #000000;
}

.sessiondates  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 900;
	background-color: #CC9900;
	padding: 3px 10px;
	color: #FFFFFF;
}

.tollSessions  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 900;
	background-color: #E38E27;
	padding: 3px 10px;
	color: #FFFFFF;
}
.track1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	background-color: #cccccc;
	padding: 2px 10px;
	width:95%;
}

.track2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	background-color: #ffe28c;
	padding: 2px 10px;
	width:95%;
}

.track3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	background-color: #CCFFCC;
	padding: 2px 10px;
	width:95%;
}
.seminartime {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.special {
	background-color: #D3E9F5;
	border: 1px solid #003366;
}

.special2011 {
	background-color: #FDE8C7;
	border: 1px solid #666666;
}

/* << ----------------// New Header //------------ */

#fmaheader{
	background-color: #ffffff;
	width: 800px;
	margin: 0;
	padding: 0;
}

#logo{
	background-color: #ffffff;
	margin: 3px 0 3px 10px;
	padding: 3px;
}

.tagline{
	color: #000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:italic;
	margin-left:60px;
}

#topnav{
	text-align: right;
	width: 800px;
	margin: 0;
	background-color: #003366;
	color: #FFFFFF;
	padding: 0;
	height: 25px;
	position:relative;
}

#topnav ul {
	list-style-type:none;
	display: inline;
	margin:0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#topnav li{
	margin: 0px;
	padding: 2px 2px 2px 2px;
	display: inline;
}

#topnav ul li a{
	color: #FFFFFF;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
} 

#topnav ul li a:hover, #topnav ul li a:focus{
	color: #FFCC00;
}
#topnav img{
	margin:3px 12px 0 12px;
}

#bottombar {
	width: 800px;
	height:25px;
	background-color:#cccccc;
	color:#FFFFFF;
}

.bottombar a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding: 0 10px 0 10px;
	text-align:right;
} 

.bottombar a:hover, #bottombar a:focus{
	color: #FFCC00;
}
.bottombar img{
	margin:3px 0 0 0;
}

.actionbar {
	width: 350px;
	height:25px;
	background-color:#CCCCCC;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:20px;	
}

/*<div class="quickSignup"> 
	<form name="newsletter" id="newsletter" action="verify.cfm" method="post" onsubmit="return _CF_checknewsletter(this)"> 
		<input name="email" id="email"  type="text" de="true"  /> 
		<input name="submit" id="submit"  type="submit" value="GO" /> 
	</form> 
</div>
<div id="navContainer"> 
	<div id="navBar"> 
		<div class="navItem">Membership</div>
		<div class="navItem">Training & Professional Development</div>
		<div class="navItem">Get Involved</div>
		<div class="navItem">Resources</div>
		<div class="navItem">Directories & Surveys</div>
	</div>
	<div id="navBody">
		<div id="rotationBox">
			<img src="http://www.fmanet.org/assets/images/facebook_16.png" width="627" height="175" />
		</div>
		<div id="navLogin">
			Login!
		</div> 
	</div>
</div>*/

.quickSignup, #navContainer, #navBar, #navBody, #rotationBox, #navLogin, .navItem {
/*  border: 1px solid #000;*/
}

#navContainer #navBar li.header {
  font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 1px;
  height: 35px;
  width: 158px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  background-color: #67ADDE;
  cursor: pointer;
  float: left;
  display: inline-block;
}

#navContainer #navBar {
  background-color: #fff;
  text-align: center;
  margin-bottom: 2px;
}


#navContainer #navBar #navMenu {
  float: left;
  position: absolute;
  width: 800px;
	z-index:100000;
}

#navBody {
/*  border: 1px solid #f00;*/
}

#navBody #mediaSlider {
  float: left;
}

#navBody #mediaSlider ul {
  padding: 1px;
  list-style: none;
}
#navBody #mediaSlider #mediaSliders {
  display: none;
}

#navBody #mediaSlides a img {
  border:1px solid #cccccc;
	margin:0 0 5px 5px;
}
#navBody #mediaSlider .slide {
}
#navBody #mediaSlider .pause {
}
#navBody #mediaSlider .prev {
}
#navBody #mediaSlider .next {
}

#navBody #navLogin {
  float: right;
}

#navMenu {
/*  display: none;*/
}

#navMenu #navColumns {
  background-color: #fff;
  padding: 0px;
  display: none;
  height: 180px;
}

#navMenu #navColumns div.navColumn a {
  padding: 0px;
  padding-bottom: 5px;
}

#navMenu #navColumns div.navColumn {
  text-align: left;
  float: left;
  display: inline-block;
  font-size: 12px;
  padding: 8px;
  padding-top: 5px;
	line-height:21px;
  margin: 1px;
  width: 142px;
  background-color: #C2DFFF;
  vertical-align: top;
  margin-top: 1px;
}

#navMenu #navColumns div.navColumn ul {
  list-style: none;  
}

#homepagebox {
	margin:0px;
	padding:0px;
  background-color: #FFF;
  vertical-align: top;
	border: 1px solid #ccc;
}

.boxheader {
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
	font-weight:bold;
	padding:3px 2px 5px 10px;
  vertical-align: top;
	background-image: url(/assets/images/header/head-gradiant.jpg);
	background-repeat:repeat-x;
	background-color: #FFFFFF;
}

.boxmenu{
	list-style: none;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	vertical-align: top;
	background-color: #333;
	margin:0;
}

.boxmenu a{
	color: #ffffff;
	text-decoration: none;
	margin:0;
	padding: 2px 8px 5px 8px;
	text-align:right;
} 

.boxmenu a:hover, #boxmenu a:focus{
	color: #FFCC00;
	text-decoration: none;
}